:root {
      color-scheme: light dark;
      --ink:#102c36; --muted:#4b6268; --paper:#f3f7f4; --surface:#ffffff;
      --navy:#0a2530; --navy-2:#0b2b35; --teal:#087d78; --teal-2:#0b9d92;
      --amber:#efa83c; --coral:#e56f57; --line:#cbd9d6; --soft:#e5eeeb;
      --shadow:0 18px 50px rgba(10,37,48,.1);
      --serif:"Source Serif 4", Georgia, serif; --sans:"IBM Plex Sans", system-ui, sans-serif;
    }
    @media (prefers-color-scheme: dark) {
      :root {
        --ink:#e8f2ef; --muted:#aec1bd; --paper:#071a21; --surface:#0d2730;
        --navy:#06171d; --navy-2:#0b2b35; --teal:#50c9ba; --teal-2:#74ddcf;
        --amber:#f4bd63; --coral:#f08a74; --line:#29434a; --soft:#132f37;
        --shadow:0 18px 50px rgba(0,0,0,.28);
      }
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}
    img{display:block;max-width:100%}
    a{color:inherit}
    .wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
    .site-nav{background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.14)}
    .topline{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .promise{display:flex;align-items:center;gap:10px;font-size:.86rem;font-weight:600;letter-spacing:.02em;color:#dcebea;white-space:nowrap}
    .promise i{width:34px;height:2px;background:var(--amber);display:inline-block}
    nav{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
    nav a{color:#dcebea;text-decoration:none;font-size:.88rem;font-weight:500;padding:9px 11px;border-bottom:2px solid transparent}
    nav a:hover,nav a:focus-visible{color:#fff;border-color:var(--amber)}
    nav a[aria-current="page"]{color:#fff;border-color:var(--amber)}
    .page{display:none}
    .page.active{display:block}
    .hero{background:var(--navy);color:#fff;position:relative;overflow:hidden;min-height:645px}
    .hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center right;opacity:.74}
    .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,25,32,.98) 0%,rgba(5,25,32,.91) 35%,rgba(5,25,32,.2) 72%,rgba(5,25,32,.04))}
    .hero-inner{position:relative;z-index:2;padding:112px 0 110px;display:grid;grid-template-columns:minmax(0,650px) 1fr}
    .eyebrow,.kicker{font-size:.8rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
    .eyebrow{color:#8ce4d7;margin:0 0 20px}
    .kicker{color:var(--teal);margin:0 0 12px}
    h1,h2,h3,p{margin-top:0}
    h1,h2,h3{font-family:var(--serif)}
    h1{font-weight:650;font-size:clamp(3rem,7vw,6.25rem);line-height:.91;letter-spacing:-.05em;margin-bottom:28px;max-width:700px}
    .hero h1 span{color:var(--amber)}
    .hero-brand{font-family:var(--serif);font-size:clamp(1.55rem,2.6vw,2.15rem);font-weight:650;line-height:1.15;letter-spacing:-.01em;color:#fff;margin:0 0 8px}
    .hero-tagline-inline{font-family:var(--sans);font-style:italic;font-size:.92rem;font-weight:400;letter-spacing:.01em;line-height:1.4;color:#a9cdc9;white-space:nowrap}
    @media (max-width:620px){.hero-tagline-inline{display:block;white-space:normal;margin-top:6px;font-size:.88rem}}
    .hero-tagline{font-style:italic;font-size:clamp(1.02rem,1.7vw,1.22rem);font-weight:400;line-height:1.45;color:#a9cdc9;margin:0 0 30px}
    .hero-copy{font-size:clamp(1.05rem,2vw,1.27rem);line-height:1.65;color:#d6e4e2;max-width:620px;margin-bottom:34px}
    h2{font-size:clamp(2.25rem,4.5vw,4.2rem);line-height:1.03;letter-spacing:-.035em;margin-bottom:24px}
    h3{font-size:1.45rem;line-height:1.18}
    .actions{display:flex;gap:12px;flex-wrap:wrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 18px;border:1px solid transparent;text-decoration:none;font-weight:600;font-size:.95rem}
    .btn.primary{background:var(--amber);color:#14272c}.btn.primary:hover{background:#ffc96f}
    .btn.ghost{border-color:#789096;color:#f4fbf9;background:rgba(8,34,43,.5)}.btn.ghost:hover{border-color:#b7ceca;background:rgba(8,34,43,.75)}
    .btn.outline{border-color:var(--teal);color:var(--teal);background:transparent}.btn.outline:hover{background:var(--teal);color:#fff}
    .btn svg{width:18px;height:18px}
    .section{padding:92px 0}
    .section.soft{background:var(--surface)}
    .page-head{padding:84px 0 76px;background:var(--navy);color:#fff}
    .page-head h1{font-size:clamp(3rem,7vw,5.5rem);max-width:820px;margin-bottom:20px}
    .page-head p:last-child{font-size:1.18rem;color:#c9d9d6;max-width:720px;margin-bottom:0}
    .lede{font-size:1.22rem;line-height:1.7;color:var(--muted);max-width:780px}
    .plain-copy{color:var(--muted);max-width:720px}
    .intro-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:start}
    .section-number{font-family:var(--serif);font-size:4.5rem;line-height:1;color:var(--teal);opacity:.3}
    .impact{background:var(--navy);color:#fff;padding:0 0 76px}
    .impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#33515a;border:1px solid #33515a}
    .impact-item{background:var(--navy-2);padding:31px;min-height:210px}
    .impact-item strong{display:block;font-family:var(--serif);font-size:2.35rem;color:var(--amber);line-height:1.05;margin-bottom:14px}
    .impact-item h3{font-family:var(--sans);font-size:1rem;margin-bottom:8px}
    .impact-item p{font-size:.9rem;margin:0;color:#b8cdca}
    .feature-split{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch;margin-top:38px}
    .video-frame{background:#000;position:relative;aspect-ratio:16/9;box-shadow:var(--shadow)}
    .video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
    .video-fallback{position:absolute;right:14px;bottom:14px;z-index:2;pointer-events:none}
    .video-fallback a{pointer-events:auto;background:rgba(6,23,29,.92);color:#fff;padding:9px 12px;text-decoration:none;font-size:.82rem;border:1px solid rgba(255,255,255,.35)}
    .feature-note{background:var(--surface);padding:38px;border-top:5px solid var(--coral);display:flex;flex-direction:column;justify-content:center}
    .feature-note p{color:var(--muted)}
    .feature-note h3{font-size:2rem;margin-bottom:14px}
    .cta-band{background:var(--amber);color:#172b30;padding:70px 0}
    .cta-band .wrap{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px}
    .cta-band h2{margin:0}.cta-band p{font-size:1.07rem;margin-bottom:20px}
    .story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
    .story-images{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:end}
    .story-images img{width:100%;height:390px;object-fit:cover}
    .story-images img:last-child{height:310px}
    .supporter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:38px}
    .supporter{background:var(--surface);padding:32px;min-height:230px}
    .supporter strong{display:block;color:var(--teal);font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px}
    .supporter p{color:var(--muted);margin:0}
    .director-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}
    .director-photo{width:100%;aspect-ratio:1;object-fit:cover;object-position:center;background:var(--soft)}
    .role{font-weight:600;color:var(--teal);margin-bottom:8px}
    .bio{font-size:1.15rem;color:var(--muted);line-height:1.75}
    .credentials{display:grid;grid-template-columns:1fr 1fr;gap:18px 34px;margin:30px 0}
    .credential{padding-top:14px;border-top:1px solid var(--line)}
    .credential strong{display:block;margin-bottom:4px}.credential span{color:var(--muted);font-size:.92rem}
    .profile-links{display:flex;gap:12px;flex-wrap:wrap}
    .transparency{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center;background:var(--navy);color:#fff;padding:52px}
    .transparency strong{font-family:var(--serif);font-size:4.7rem;line-height:1;color:var(--amber)}
    .transparency h2{font-size:2.4rem;margin-bottom:12px}.transparency p{color:#c9d9d6;margin:0}
    .video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:44px}
    .video-item{background:var(--surface);box-shadow:var(--shadow)}
    .video-item .video-frame{box-shadow:none}
    .video-copy{padding:24px}
    .video-copy span{font-size:.77rem;color:var(--teal);font-weight:600;letter-spacing:.08em;text-transform:uppercase}
    .video-copy h3{font-size:1.38rem;margin:9px 0 18px}
    .text-link{font-weight:600;text-decoration:none;display:inline-flex;gap:8px;align-items:center;width:max-content;border-bottom:1px solid currentColor;padding-bottom:4px}
    .text-link:hover{color:var(--amber)}
    .platforms{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:38px}
    .platform{background:var(--surface);padding:30px}
    .platform h3{margin-bottom:8px}.platform p{color:var(--muted);margin-bottom:20px}
    .platform-placeholder{border:2px dashed var(--line);outline-offset:-10px;display:flex;flex-direction:column;justify-content:center}
    .platform-placeholder .slot-note{margin-bottom:14px}
    .platform-placeholder .slot-empty{font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
    .work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#486067;border:1px solid #486067;margin-top:42px}
    .work-option{min-height:360px;padding:34px 30px;background:#112d35;color:#fff;display:flex;flex-direction:column}
    .work-option .num{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-weight:600}
    .work-option h3{font-size:1.75rem;margin:38px 0 14px}.work-option p{color:#c9d9d6}
    .work-option .text-link{margin-top:auto;color:#fff}.work-option .text-link:hover{color:var(--amber)}
    .contact-card{display:grid;grid-template-columns:.85fr 1.15fr;background:var(--surface);box-shadow:var(--shadow);margin-top:40px}
    .contact-image{width:100%;height:100%;min-height:400px;object-fit:cover}
    .contact-copy{padding:58px;display:flex;flex-direction:column;justify-content:center}
    .contact-copy .email{font-family:var(--serif);font-size:clamp(1.45rem,3vw,2.65rem);color:var(--teal);text-decoration:none;overflow-wrap:anywhere;margin:8px 0 24px}
    .contact-copy .email:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
    footer{background:var(--navy);color:#9fb5b2;padding:26px 0;font-size:.85rem}
    footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
    footer a{color:#d8e6e3;text-decoration:none}footer a:hover{text-decoration:underline}
    @media (max-width:900px){
      .topline{align-items:flex-start;padding:18px 0;flex-direction:column;gap:10px}nav{justify-content:flex-start}
      .hero{min-height:610px}.hero-inner{grid-template-columns:1fr;padding:92px 0}.hero-art{object-position:58% center;opacity:.46}
      .intro-grid,.story-grid,.director-grid,.cta-band .wrap,.transparency{grid-template-columns:1fr;gap:36px}
      .feature-split,.contact-card{grid-template-columns:1fr}.supporter-grid,.work-grid{grid-template-columns:1fr 1fr}
      .contact-image{min-height:300px;max-height:420px}
    }
    @media (max-width:620px){
      .wrap{width:min(100% - 28px,1180px)}.promise i{width:20px}.promise{font-size:.78rem}nav{gap:1px}nav a{padding:7px 8px;font-size:.79rem}
      .hero{min-height:590px}.hero-inner{padding:76px 0}h1{font-size:3.25rem}.hero-copy{font-size:1rem}
      .section{padding:68px 0}.page-head{padding:62px 0 58px}.page-head h1{font-size:3.15rem}
      .impact{padding-bottom:55px}.impact-grid,.supporter-grid,.video-grid,.platforms,.work-grid{grid-template-columns:1fr}
      .impact-item,.supporter{min-height:auto}.feature-note,.video-copy,.platform{padding:25px}
      .story-images{grid-template-columns:1fr}.story-images img,.story-images img:last-child{height:260px}
      .credentials{grid-template-columns:1fr}.profile-links .btn,.actions .btn{width:100%}
      .transparency{padding:34px 26px}.transparency strong{font-size:4rem}
      .work-option{min-height:auto;padding:28px 26px}.work-option h3{margin-top:24px}.work-option .text-link{margin-top:24px}
      .contact-copy{padding:34px 26px}.contact-image{min-height:250px}
      footer .wrap{display:block}footer p{margin-bottom:8px}
    }
    @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}