/* Layout: an "altitude" scroll. The page climbs from the street (10 ft) to the city (100 ft) to the Global South (100,000 ft),
   carried on the FFF brand's royal blue bands and wave edges, photo-led, with type set hard left. */
:root{
  --blue:#405BA9; --blue-deep:#2E3F80; --sky:#AFE1F4; --teal:#74C6CA; --green:#006838; --leaf:#079247;
  --bg:#FFFFFF; --ink:#16203F; --muted:#4A5677; --line:#D7DDEC; --paper:#EEF3FA;
  --on-blue:#FFFFFF; --on-blue-soft:#D6E2F7; --head:var(--green); --link:#2E3F80;
  --display:"Poppins",ui-sans-serif,system-ui,sans-serif;
  --body:"Source Sans 3","Segoe UI",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --wrap:1180px; --gut:max(16px,env(safe-area-inset-left,0px)); --gutr:max(16px,env(safe-area-inset-right,0px));
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0E1430; --ink:#E8EDFA; --muted:#A9B4D3; --line:#2A3563; --paper:#151D42;
  --blue:#3A4F9C; --blue-deep:#1B2550; --head:#6FD49B; --link:#B6E3F4; --on-blue-soft:#C9D6F2; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0E1430; --ink:#E8EDFA; --muted:#A9B4D3; --line:#2A3563; --paper:#151D42;
  --blue:#3A4F9C; --blue-deep:#1B2550; --head:#6FD49B; --link:#B6E3F4; --on-blue-soft:#C9D6F2; color-scheme:dark}

/* base reset (standalone hosting) */
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0}
[hidden]{display:none!important}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--body)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--blue-deep)}
img{max-width:100%;display:block}
a{color:var(--link)}
a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gut);padding-right:var(--gutr)}
.eyebrow{font:500 .75rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.measure{max-width:64ch}

/* hero */
.hero{background:var(--blue);color:var(--on-blue);position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,56px);padding-block:clamp(40px,7vw,88px) clamp(70px,9vw,120px);align-items:center}
.hero h1{font-size:clamp(3rem,8.4vw,6.6rem);line-height:.92;font-weight:800;letter-spacing:-.035em;color:var(--sky)}
.hero .tag{margin-top:22px;font:500 clamp(1.1rem,1.8vw,1.35rem)/1.4 var(--display);color:var(--on-blue);max-width:30ch}
.hero .sub{margin-top:16px;color:var(--on-blue-soft);max-width:48ch}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-block;font:600 .95rem var(--display);padding:12px 20px;text-decoration:none;border:2px solid var(--sky)}
.btn.solid{background:var(--sky);color:#16203F}
.btn.ghost{color:var(--on-blue)}
.btn:hover{transform:translateY(-1px)}
.hero figure{margin:0;position:relative}
.hero figure img{width:100%;aspect-ratio:4/3.4;object-fit:cover;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%)}
.hero .badge{position:absolute;left:-18px;bottom:-26px;width:clamp(96px,12vw,140px);border-radius:50%;box-shadow:0 0 0 8px var(--blue)}
.hero .meta{display:flex;flex-wrap:wrap;gap:28px;margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.25)}
.hero .meta b{display:block;font:700 1.9rem/1 var(--display);color:var(--sky);font-variant-numeric:tabular-nums}
.hero .meta span{font-size:.88rem;color:var(--on-blue-soft)}
.wave{display:block;width:100%;height:clamp(40px,6vw,80px)}
.hero .wave{position:absolute;bottom:-1px;left:0}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}.hero figure{order:-1}.hero .badge{left:auto;right:12px;bottom:-22px}}

/* generic sections */

.sec{padding-block:clamp(56px,8vw,104px)}
.sec-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,64px);align-items:end;margin-bottom:clamp(28px,4vw,48px)}
.sec-head h2{font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.02;letter-spacing:-.025em;font-weight:600;color:var(--head)}
.sec-head .eyebrow{color:var(--muted);margin-bottom:14px;display:block}
.sec-head p{color:var(--muted)}
@media (max-width:820px){.sec-head{grid-template-columns:1fr}}

/* challenge */
.challenge .cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.challenge .cols p+p{margin-top:16px}
.pressures{list-style:none;padding:0;margin:0;border-top:2px solid var(--ink)}
.pressures li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font:500 1.05rem var(--display)}
.pressures li span{font:500 .72rem var(--mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;align-self:center;text-align:right}
.wide-photo{margin-top:clamp(32px,5vw,56px)}
.wide-photo img{width:100%;aspect-ratio:21/8;object-fit:cover}
@media (max-width:820px){.challenge .cols{grid-template-columns:1fr}.wide-photo img{aspect-ratio:16/9}}

/* response */
.response{background:var(--paper)}
.response .cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px)}
.response .cols p+p{margin-top:16px}
.pull{font:500 clamp(1.3rem,2.4vw,1.75rem)/1.35 var(--display);color:var(--ink);border-left:6px solid var(--teal);padding-left:20px}
.mosaic{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:clamp(110px,14vw,190px);gap:8px;margin-top:clamp(32px,5vw,56px)}
.mosaic img{width:100%;height:100%;object-fit:cover}
.mosaic .a{grid-column:span 3;grid-row:span 2}.mosaic .b{grid-column:span 3}.mosaic .c{grid-column:span 2}.mosaic .d{grid-column:span 1}
@media (max-width:820px){.response .cols{grid-template-columns:1fr}.mosaic{grid-template-columns:repeat(2,1fr)}.mosaic .a{grid-column:span 2;grid-row:span 2}.mosaic .b{grid-column:span 2}.mosaic .c,.mosaic .d{grid-column:span 1}}

/* altitude */
.altitude{background:var(--blue-deep);color:var(--on-blue);position:relative}
.altitude .sec-head h2{color:var(--sky)}
.altitude .sec-head .eyebrow,.altitude .sec-head p{color:var(--on-blue-soft)}
.levels{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.22)}
.level{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1.3fr);gap:clamp(16px,3vw,40px);padding-block:clamp(22px,3vw,34px);border-bottom:1px solid rgba(255,255,255,.22);align-items:start}
.level .alt{font:500 clamp(1.6rem,3vw,2.3rem)/1 var(--mono);color:var(--sky);font-variant-numeric:tabular-nums}
.level .alt small{display:block;margin-top:8px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--on-blue-soft)}
.level h3{font-size:1.25rem;font-weight:600;line-height:1.3}
.level p.scope{color:var(--on-blue-soft);margin-top:6px;font-size:.98rem}
.who{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.who li{display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr);gap:14px;font-size:.98rem;color:var(--on-blue-soft)}
.who li b{font:600 .95rem var(--display);color:var(--on-blue)}
.bar{height:8px;background:var(--teal);margin-top:14px}
.level:nth-child(1) .bar{width:100%}.level:nth-child(2) .bar{width:40%}.level:nth-child(3) .bar{width:12%}
@media (max-width:860px){.level{grid-template-columns:1fr}.who li{grid-template-columns:1fr;gap:2px}}

/* impact */
.impact .item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding-block:clamp(32px,5vw,64px);border-top:1px solid var(--line)}
.impact .item:nth-child(even) .txt{order:2}
.impact .num{font:800 clamp(4rem,9vw,7rem)/.8 var(--display);color:var(--blue);letter-spacing:-.04em}
.impact .kicker{margin-top:16px;font:500 .78rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--leaf)}
.impact h3{font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.15;font-weight:700;margin-top:8px;letter-spacing:-.01em}
.impact .txt p{margin-top:14px;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding:0;list-style:none}
.chips li{font:500 .82rem var(--display);padding:6px 12px;border:1.5px solid var(--blue);color:var(--ink)}
.impact .pic img{width:100%;aspect-ratio:5/4;object-fit:cover}
.impact .pic.duo{display:grid;grid-template-columns:1.4fr 1fr;gap:8px}
.impact .pic.duo img{aspect-ratio:auto;height:100%;min-height:0}
.impact .pic.duo img:first-child{aspect-ratio:4/4.2}
@media (max-width:820px){.impact .item{grid-template-columns:1fr}.impact .item:nth-child(even) .txt{order:0}}
:root[data-theme="dark"] .impact .num{color:var(--sky)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .impact .num{color:var(--sky)}}

/* vision */
.vision{background:var(--sky);color:#16203F}
.vision .sec-head h2{color:#006838}
.vision .sec-head .eyebrow,.vision .sec-head p{color:#2E3F80}
.outcomes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:0;border-top:2px solid #16203F}
.outcome{padding:26px 26px 30px 0;border-bottom:1px solid rgba(22,32,63,.2)}
.outcome:nth-child(odd){padding-right:clamp(16px,3vw,40px)}
.outcome .eyebrow{color:#2E3F80}
.outcome h3{font-size:1.3rem;font-weight:700;line-height:1.25;margin-top:10px}
.outcome .base{margin-top:6px;font-style:italic;color:#2E3F80}
.outcome ul{margin:14px 0 0;padding-left:18px;display:grid;gap:8px}
.outcome li::marker{color:#006838}
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:clamp(32px,5vw,56px)}
.strip img{width:100%;aspect-ratio:1/1;object-fit:cover}
@media (max-width:720px){.strip{grid-template-columns:repeat(2,1fr)}}

/* support */
.support{background:var(--blue);color:var(--on-blue)}
.support .sec-head h2{color:var(--sky)}
.support .sec-head .eyebrow,.support .sec-head p{color:var(--on-blue-soft)}
.asks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.ask{border-top:4px solid var(--teal);padding-top:20px}
.ask h3{font-size:1.4rem;font-weight:700;line-height:1.2}
.ask dl{margin:18px 0 0;display:grid;gap:16px}
.ask dt{font:600 .9rem var(--display);color:var(--sky)}
.ask dd{margin:4px 0 0;color:var(--on-blue-soft);font-size:.98rem}
.contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:clamp(36px,5vw,56px);padding:24px 28px;background:var(--blue-deep)}
.contact p{font:600 1.15rem var(--display);max-width:46ch}
@media (max-width:860px){.asks{grid-template-columns:1fr}}

/* resources */
.res{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink);columns:2;column-gap:clamp(24px,4vw,56px)}
.res li{break-inside:avoid;display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.res .k{font:500 .7rem/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.res a,.res .t{font:500 1rem/1.4 var(--display);color:var(--ink);text-decoration:none}
.res a{background-image:linear-gradient(var(--teal),var(--teal));background-size:100% 2px;background-repeat:no-repeat;background-position:0 100%}
.res a:hover{color:var(--link)}
.res a::after{content:" \2197";color:var(--muted)}
.res .by{display:block;font-size:.88rem;color:var(--muted);margin-top:2px}
@media (max-width:820px){.res{columns:1}.res li{grid-template-columns:1fr;gap:4px}}

/* partners + footer */
.partners{padding-block:clamp(40px,6vw,64px);border-top:1px solid var(--line)}
.partners .logos{background:#F3F4F6;padding:18px clamp(12px,3vw,32px);margin-top:20px;overflow-x:auto}
.partners .logos img{min-width:760px;width:100%}
.partners .names{margin-top:14px;color:var(--muted);font-size:.95rem}
footer{background:var(--blue-deep);color:var(--on-blue-soft)}
footer .wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;padding-block:28px;font-size:.9rem}
footer img{width:56px;border-radius:50%}
.note{font-size:.85rem;color:var(--muted);margin-top:10px}

/* nav */
.skip{position:absolute;left:-999px;top:0;background:var(--sky);color:#16203F;padding:10px 14px;z-index:50}
.skip:focus{left:12px;top:12px}
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--blue-deep);color:var(--on-blue)}
.nav .wrap{display:flex;align-items:center;gap:20px;padding-block:10px}
.nav .brand{display:flex;align-items:center;gap:10px;font:700 .95rem var(--display);color:var(--on-blue);text-decoration:none;white-space:nowrap}
.nav .brand img{width:34px;height:34px;border-radius:50%}
.nav ul{display:flex;gap:2px;list-style:none;margin:0 0 0 auto;padding:0;overflow-x:auto;scrollbar-width:none}
.nav ul::-webkit-scrollbar{display:none}
.nav ul a{display:block;padding:8px 10px;color:var(--on-blue-soft);text-decoration:none;font:500 .85rem var(--display);white-space:nowrap;border-bottom:2px solid transparent}
.nav ul a:hover,.nav ul a[aria-current="page"]{color:var(--on-blue);border-bottom-color:var(--teal)}
@media (max-width:760px){.nav .brand span{display:none}.nav .wrap{gap:10px}}

/* inner page banner */
.page-hero{background:var(--blue);color:var(--on-blue);position:relative;overflow:hidden}
.page-hero .wrap{padding-block:clamp(36px,6vw,72px) clamp(64px,8vw,104px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,4vw,56px);align-items:end}
.page-hero .eyebrow{color:var(--on-blue-soft)}
.page-hero h1{margin-top:14px;font-size:clamp(2.4rem,6vw,4.6rem);line-height:.98;font-weight:700;letter-spacing:-.03em;color:var(--sky)}
.page-hero p{color:var(--on-blue-soft);font-size:1.1rem;max-width:52ch}
.page-hero .wave{position:absolute;bottom:-1px;left:0}
.crumbs{font:500 .78rem var(--mono);letter-spacing:.08em;margin-bottom:6px}
.crumbs a{color:var(--on-blue-soft)}
@media (max-width:820px){.page-hero .wrap{grid-template-columns:1fr}}
.page-hero + main .sec:first-child{padding-top:clamp(32px,5vw,64px)}

/* home: compact hero */
.hero .wrap{padding-block:clamp(32px,5vw,64px) clamp(64px,8vw,104px)}
.hero h1{font-size:clamp(2.8rem,7vw,5.6rem)}
.hero figure img{aspect-ratio:4/3.2}

/* home: page index */
.home-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);padding-block:clamp(40px,6vw,72px) clamp(24px,3vw,40px)}
.home-intro h2{font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.08;font-weight:600;color:var(--head);letter-spacing:-.02em}
.home-intro p{color:var(--muted)}
.home-intro p+p{margin-top:14px}
@media (max-width:820px){.home-intro{grid-template-columns:1fr}}
.pages{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.pages a{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:clamp(14px,3vw,32px);align-items:center;padding-block:16px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.pages img{width:160px;aspect-ratio:16/10;object-fit:cover;filter:saturate(.85)}
.pages .t{font:600 clamp(1.25rem,2.4vw,1.75rem)/1.15 var(--display);letter-spacing:-.01em}
.pages .d{display:block;margin-top:4px;color:var(--muted);font-size:1rem}
.pages .go{font:500 1.6rem var(--display);color:var(--blue);transition:transform .2s}
.pages a:hover .t{color:var(--link)}
.pages a:hover .go{transform:translateX(6px)}
.pages a:hover img{filter:none}
@media (max-width:600px){.pages a{grid-template-columns:88px minmax(0,1fr) auto}.pages img{width:88px;aspect-ratio:1/1}.pages .d{font-size:.92rem}}
.home-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-block:clamp(36px,5vw,56px);padding:24px 28px;background:var(--paper);border-left:6px solid var(--teal)}
.home-cta p{font:600 1.15rem var(--display);max-width:46ch}
.btn.dark{background:var(--blue-deep);color:#fff;border-color:var(--blue-deep)}

/* next page link */
.next{border-top:1px solid var(--line)}
.next a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:clamp(28px,4vw,44px);text-decoration:none;color:var(--ink)}
.next .eyebrow{color:var(--muted);display:block;margin-bottom:8px}
.next .t{font:600 clamp(1.5rem,3vw,2.3rem)/1.1 var(--display);letter-spacing:-.02em}
.next .go{font:500 2rem var(--display);color:var(--blue);transition:transform .2s}
.next a:hover .go{transform:translateX(8px)}
.next a:hover .t{color:var(--link)}
.not-found{padding-block:clamp(64px,10vw,140px)}
.not-found h1{font-size:clamp(2.4rem,6vw,4rem);color:var(--head)}
.not-found p{margin-top:12px;color:var(--muted)}

/* footer */
footer .wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center;padding-block:32px}
footer img{width:auto;border-radius:0}
.f-brand{display:flex;align-items:center;gap:16px;max-width:420px}
.f-brand img{height:72px}
.f-rd{display:flex;align-items:center;gap:14px;color:var(--on-blue-soft);text-decoration:none;font-size:.88rem;text-align:right}
.f-rd .chip{background:#fff;padding:8px 12px;display:inline-flex}
.f-rd .chip img{height:34px}
.f-rd:hover{color:#fff}
@media (max-width:600px){.f-rd{text-align:left}}

/* Restless Development highlights (aqua is RD's accent: keep it small) */
.rd-tag{display:inline-block;font:500 .68rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;background:var(--teal);color:#000;padding:5px 7px;margin-left:8px;vertical-align:middle}
.who li.rd b{color:var(--teal)}
.rd-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0;margin-top:clamp(36px,5vw,56px);background:#000;color:#fff}
.rd-band img.photo{width:100%;height:100%;object-fit:cover;min-height:260px}
.rd-band .in{padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;gap:16px;justify-content:center;border-top:8px solid var(--teal)}
.rd-band .eyebrow{color:var(--teal)}
.rd-band h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.1;font-weight:700;letter-spacing:-.02em}
.rd-band p{color:#D9D9D9;max-width:52ch}
.rd-band .chip{background:#fff;padding:10px 14px;display:inline-flex;align-self:flex-start}
.rd-band .chip img{height:40px}
.btn.aqua{background:var(--teal);border-color:var(--teal);color:#000;align-self:flex-start}
@media (max-width:820px){.rd-band{grid-template-columns:1fr}}

/* RD page */
.rd-hero{background:#000}
.rd-hero h1{color:#fff}
.rd-hero .eyebrow,.rd-hero .crumbs a,.rd-hero p{color:#CFCFCF}
.rd-hero .wrap{border-bottom:0}
.rd-hero .chip{background:#fff;padding:10px 14px;display:inline-flex;margin-top:22px}
.rd-hero .chip img{height:44px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.two p+p{margin-top:16px}
.two h2{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.05;font-weight:600;color:var(--head);letter-spacing:-.02em}
.two .eyebrow{color:var(--muted);display:block;margin-bottom:12px}
@media (max-width:820px){.two{grid-template-columns:1fr}}
.roles{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.roles li{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.roles b{font:600 1.05rem var(--display)}
.roles span{color:var(--muted)}
@media (max-width:600px){.roles li{grid-template-columns:1fr;gap:4px}}
.figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--ink);margin-top:24px}
.figs div{padding:20px 20px 20px 0;border-bottom:1px solid var(--line)}
.figs b{display:block;font:700 clamp(2.2rem,4vw,3.2rem)/1 var(--display);color:var(--link);font-variant-numeric:tabular-nums}
.figs span{display:block;margin-top:8px;color:var(--muted);font-size:.95rem}
@media (max-width:600px){.figs{grid-template-columns:1fr}}
.pair{display:grid;grid-template-columns:1.3fr 1fr;gap:8px}
.pair img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.identity{display:grid;grid-template-columns:160px minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;padding-block:clamp(28px,4vw,44px);border-top:1px solid var(--line)}
.identity img{width:160px}
.identity p{color:var(--muted);max-width:60ch}
.swatches{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.swatches i{width:36px;height:14px;display:block}
@media (max-width:600px){.identity{grid-template-columns:1fr}.identity img{width:120px}}

/* ============ Restless Development layer (black, white, a touch of aqua, 10 degree angle) ============ */
:root{--rd-black:#000;--rd-white:#fff;--rd-aqua:#74C6CA;--rd-grey:#BDBDBD;--rd-display:"Archivo","Helvetica Neue",Arial,sans-serif}
.gbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--rd-black);color:var(--rd-white)}
body::before{background:var(--rd-black)}
.gbar .wrap{display:flex;align-items:center;gap:18px;padding-block:10px}
.gbar .rd{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--rd-white)}
.gbar .rd img{height:30px;filter:invert(1)}
.gbar .rd span{font:600 .72rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rd-grey);border-left:1px solid #444;padding-left:12px}
.gbar nav{margin-left:auto;min-width:0}
.gbar ul{display:flex;gap:2px;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}
.gbar ul::-webkit-scrollbar{display:none}
.gbar ul a{display:block;padding:8px 10px;color:#D0D0D0;text-decoration:none;font:600 .86rem var(--rd-display);white-space:nowrap;border-bottom:2px solid transparent}
.gbar ul a:hover,.gbar ul a[aria-current="page"]{color:#fff;border-bottom-color:var(--rd-aqua)}
@media (max-width:640px){.gbar .rd span{display:none}.gbar .wrap{gap:8px}.gbar ul a{padding:8px 7px;font-size:.8rem}}
/* FFF sub-navigation sits under the global bar */
.nav{top:calc(env(safe-area-inset-top,0px) + 50px)}
.nav .brand img{width:auto;height:30px;border-radius:0}

.rdhero{background:var(--rd-black);color:var(--rd-white);overflow:hidden}
.rdhero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding-block:clamp(36px,6vw,80px)}
.rdhero .eyebrow{color:var(--rd-aqua)}
.rdhero h1{font:800 clamp(2.6rem,6.4vw,5.2rem)/.95 var(--rd-display);letter-spacing:-.03em;margin-top:16px;text-transform:uppercase}
.rdhero h1 em{font-style:normal;display:inline-block;transform:rotate(-10deg);transform-origin:left bottom;background:var(--rd-white);color:var(--rd-black);padding:.02em .14em 0;margin:.75em 0 .14em}
.rdhero p.lede{margin-top:22px;color:#D6D6D6;font-size:1.12rem;max-width:46ch}
.rdhero figure{margin:0}
.rdhero figure img{width:100%;aspect-ratio:5/4;object-fit:cover;clip-path:polygon(0 8%,100% 0,100% 92%,0 100%)}
@media (max-width:860px){.rdhero .wrap{grid-template-columns:1fr}}
.areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #333;background:var(--rd-black)}
.areas a{display:block;padding:22px clamp(16px,2.4vw,28px) 26px;color:#fff;text-decoration:none;border-right:1px solid #333}
.areas a:last-child{border-right:0}
.areas .k{font:500 .7rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rd-grey)}
.areas b{display:block;margin-top:8px;font:800 clamp(1.3rem,2.4vw,1.8rem)/1.1 var(--rd-display);text-transform:uppercase;letter-spacing:-.01em}
.areas span.d{display:block;margin-top:8px;color:#BDBDBD;font-size:.95rem}
.areas a:hover b{color:var(--rd-aqua)}
.areas-wrap{max-width:var(--wrap);margin:0 auto}
@media (max-width:760px){.areas{grid-template-columns:1fr}.areas a{border-right:0;border-bottom:1px solid #333}}

.rdsec{padding-block:clamp(56px,8vw,104px);scroll-margin-top:60px}
.rdsec .head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,64px);align-items:end;margin-bottom:clamp(28px,4vw,48px)}
.rdsec .head .eyebrow{display:block;color:var(--muted);margin-bottom:12px}
.rdsec h2{font:800 clamp(2.2rem,5vw,3.8rem)/.95 var(--rd-display);text-transform:uppercase;letter-spacing:-.03em;color:var(--ink)}
.rdsec .head p{color:var(--muted)}
@media (max-width:820px){.rdsec .head{grid-template-columns:1fr}}
.slant{height:clamp(28px,5vw,70px);background:var(--rd-black);clip-path:polygon(0 0,100% 0,100% 0,0 100%)}
.draft{display:inline-flex;gap:8px;align-items:center;font:500 .72rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1.5px dashed var(--muted);color:var(--muted);padding:7px 10px;margin-bottom:20px}
.yl-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:start}
.yl-grid p+p{margin-top:16px}
.yl-pics{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.yl-pics img{width:100%;aspect-ratio:4/3;object-fit:cover}
.yl-pics img:first-child{grid-column:span 2;aspect-ratio:16/8}
@media (max-width:820px){.yl-grid{grid-template-columns:1fr}}
.lab{margin-top:clamp(28px,4vw,44px);border-top:3px solid var(--ink);padding-top:22px}
.lab h3{font:800 1.4rem/1.15 var(--rd-display);text-transform:uppercase}
.lab p{margin-top:10px;color:var(--muted);max-width:60ch}
.yf{background:var(--paper)}
.soon{border:1.5px dashed var(--line);padding:clamp(24px,4vw,40px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.soon h3{font:800 1.3rem var(--rd-display);text-transform:uppercase}
.soon p{color:var(--muted)}
.soon ul{margin:12px 0 0;padding-left:18px;color:var(--muted);display:grid;gap:6px}
@media (max-width:760px){.soon{grid-template-columns:1fr}}

.fffband{background:#405BA9;color:#fff;position:relative;overflow:hidden;scroll-margin-top:60px}
.fffband .wrap{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center;padding-block:clamp(56px,8vw,96px) clamp(72px,9vw,120px)}
.fffband img.logo{width:200px}
.fffband .eyebrow{color:#AFE1F4}
.fffband h2{font:700 clamp(2.2rem,4.8vw,3.6rem)/1 "Poppins",sans-serif;color:#AFE1F4;letter-spacing:-.03em;margin-top:12px}
.fffband p{color:#D6E2F7}
.fffband p+p{margin-top:12px}
.fffband .big{font:500 1.35rem/1.35 "Poppins",sans-serif;color:#fff}
.fffband .meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:22px}
.fffband .meta b{display:block;font:700 1.8rem/1 "Poppins",sans-serif;color:#AFE1F4}
.fffband .meta span{font-size:.85rem;color:#D6E2F7}
.fffband .btn{margin-top:24px}
.fffband .wave{position:absolute;bottom:-1px;left:0}
@media (max-width:900px){.fffband .wrap{grid-template-columns:1fr}.fffband img.logo{width:130px}}

.rdabout{background:var(--rd-black);color:#fff}
.rdabout .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);padding-block:clamp(48px,7vw,88px)}
.rdabout h2{font:800 clamp(1.8rem,3.6vw,2.8rem)/1 var(--rd-display);text-transform:uppercase;letter-spacing:-.02em}
.rdabout .eyebrow{color:var(--rd-aqua);display:block;margin-bottom:12px}
.rdabout p{color:#D0D0D0}
.rdabout ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rdabout li{border:1px solid #555;padding:6px 12px;font:600 .9rem var(--rd-display)}
@media (max-width:820px){.rdabout .wrap{grid-template-columns:1fr}}
footer.g{background:var(--rd-black);color:#CFCFCF}
footer.g .wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;padding-block:28px;font-size:.9rem}
footer.g img{height:34px;width:auto;filter:invert(1);border-radius:0}
footer.g a{color:#fff}
footer.g .l{display:flex;align-items:center;gap:16px}

/* FFF: partner spotlights */
.spots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:2px solid var(--ink)}
.spot{padding:24px clamp(16px,3vw,36px) 28px 0;border-bottom:1px solid var(--line)}
.spot:nth-child(even){padding-left:clamp(16px,3vw,36px);border-left:1px solid var(--line)}
.spot .eyebrow{color:var(--leaf)}
.spot h3{margin-top:8px;font-size:1.35rem;font-weight:700;line-height:1.2}
.spot p{margin-top:10px;color:var(--muted)}
@media (max-width:760px){.spots{grid-template-columns:1fr}.spot:nth-child(even){padding-left:0;border-left:0}}
.fff-quote{font:600 clamp(1.6rem,3.4vw,2.6rem)/1.15 var(--display);color:var(--head);letter-spacing:-.02em}
.handle{font:500 .9rem var(--mono);color:var(--muted)}

/* ============ v4: one FFF blue brand across the whole site ============ */
:root{--rd-display:"Poppins",ui-sans-serif,system-ui,sans-serif}
.gbar{background:var(--blue-deep)}
body::before{background:var(--blue-deep)}
.gbar .rd span{color:var(--on-blue-soft);border-left-color:rgba(255,255,255,.25)}
.gbar ul a{color:var(--on-blue-soft);font-family:"Poppins",sans-serif;font-weight:500}
.gbar ul a:hover,.gbar ul a[aria-current="page"]{color:#fff;border-bottom-color:var(--teal)}
.nav{background:#34489A}

.rdhero{background:var(--blue);position:relative}
.rdhero .eyebrow{color:var(--on-blue-soft)}
.rdhero h1{font:800 clamp(2.8rem,6.6vw,5.4rem)/.95 "Poppins",sans-serif;text-transform:none;color:var(--sky);letter-spacing:-.035em}
.rdhero h1 em{background:var(--sky);color:var(--blue-deep);transform:rotate(-4deg);margin:.35em 0 .1em;padding:.02em .16em .04em}
.rdhero p.lede{color:var(--on-blue-soft)}
.rdhero figure img{clip-path:polygon(9% 0,100% 0,100% 100%,0 100%);aspect-ratio:4/3.4}
.areas{background:var(--blue-deep);border-top:0}
.areas a{border-right-color:rgba(255,255,255,.18)}
.areas .k{color:var(--sky)}
.areas b{font-family:"Poppins",sans-serif;font-weight:700;text-transform:none;letter-spacing:-.01em}
.areas span.d{color:var(--on-blue-soft)}
.areas a:hover b{color:var(--sky)}
@media (max-width:760px){.areas a{border-bottom-color:rgba(255,255,255,.18)}}

.rdsec h2{font:600 clamp(2.2rem,4.8vw,3.6rem)/1.02 "Poppins",sans-serif;text-transform:none;letter-spacing:-.025em;color:var(--head)}
.rdsec .head .eyebrow{color:var(--muted)}
.lab{border-top-color:var(--blue)}
.lab h3,.soon h3{font-family:"Poppins",sans-serif;font-weight:700;text-transform:none}
.yf{background:var(--sky)}
.yf .rdsec h2,.yf h2{color:#006838}
.yf .head p,.yf .soon p,.yf .soon ul,.yf .head .eyebrow{color:#2E3F80}
.yf .soon{border-color:rgba(46,63,128,.35)}
.yf .soon h3{color:#16203F}
.yf .draft{color:#2E3F80;border-color:#2E3F80}
.fffband .wave path{fill:var(--blue-deep)}

.rdabout{background:var(--blue-deep)}
.rdabout h2{font-family:"Poppins",sans-serif;font-weight:700;text-transform:none;color:var(--sky)}
.rdabout .eyebrow{color:var(--teal)}
.rdabout p{color:var(--on-blue-soft)}
.rdabout li{border-color:rgba(255,255,255,.3);font-family:"Poppins",sans-serif;font-weight:500;color:#fff}
.rdabout .chip{background:#fff;padding:10px 14px;display:inline-flex;margin-bottom:18px}
.rdabout .chip img{height:40px}
footer.g{background:var(--blue-deep);color:var(--on-blue-soft);border-top:1px solid rgba(255,255,255,.12)}
.btn.aqua{background:var(--sky);border-color:var(--sky);color:#16203F}

/* Youth Fund */
.yfnums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink)}
.yfnums div{padding:18px 16px 20px 0;border-bottom:1px solid var(--line)}
.yfnums b{display:block;font:700 clamp(1.8rem,3.4vw,2.6rem)/1 "Poppins",sans-serif;color:var(--link);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.yfnums span{display:block;margin-top:8px;color:var(--muted);font-size:.93rem;line-height:1.4}
.yfnums.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:700px){.yfnums,.yfnums.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
.yf .yfnums{border-top-color:#16203F}
.yf .yfnums div{border-bottom-color:rgba(22,32,63,.18)}
.yf .yfnums b{color:#2E3F80}
.yf .yfnums span,.yf .pillars p{color:#2E3F80}
.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);margin-top:clamp(28px,4vw,44px)}
.pillars div{border-top:4px solid var(--teal);padding-top:14px}
.pillars .eyebrow{font-size:.8rem;color:var(--ink)}
.yf .pillars .eyebrow{color:#16203F}
.pillars p{margin-top:8px;color:var(--muted);font-size:.97rem}
@media (max-width:820px){.pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.pillars{grid-template-columns:1fr}}
.yf-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center;margin-bottom:clamp(28px,4vw,44px)}
.yf-intro img{width:100%;aspect-ratio:16/10;object-fit:cover}
.yf-intro p{color:#16203F}
.yf-intro p+p{margin-top:14px}
@media (max-width:820px){.yf-intro{grid-template-columns:1fr}}
.yf-cta{margin-top:clamp(28px,4vw,44px);display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.lead-q{font:600 clamp(1.4rem,2.8vw,2.1rem)/1.25 "Poppins",sans-serif;color:var(--head);letter-spacing:-.015em;max-width:30ch}
.govern{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.govern li{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.govern b{font:600 1.05rem "Poppins",sans-serif}
.govern span{color:var(--muted)}
@media (max-width:600px){.govern li{grid-template-columns:1fr;gap:4px}}
.levels3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,40px)}
.levels3 > div{border-top:4px solid var(--sky);padding-top:16px}
.levels3 h3{font-size:1.25rem;font-weight:700;color:var(--sky)}
.levels3 dl{margin:12px 0 0;display:grid;gap:14px}
.levels3 dt{font:600 .98rem "Poppins",sans-serif;color:#fff}
.levels3 dd{margin:4px 0 0;color:var(--on-blue-soft);font-size:.97rem}
@media (max-width:860px){.levels3{grid-template-columns:1fr}}
.case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.case img{width:100%;aspect-ratio:16/10;object-fit:cover}
.steps{list-style:none;margin:0;padding:0;counter-reset:s;border-top:2px solid var(--ink)}
.steps li{counter-increment:s;display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.steps li::before{content:counter(s);font:700 1.6rem/1 "Poppins",sans-serif;color:var(--link)}
.steps b{display:block;font:600 1.02rem "Poppins",sans-serif}
.steps span{display:block;margin-top:4px;color:var(--muted)}
@media (max-width:820px){.case{grid-template-columns:1fr}}
.stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,36px) clamp(16px,2.4vw,28px)}
.story img{width:100%;aspect-ratio:4/3;object-fit:cover}
.story .eyebrow{display:block;margin-top:14px;color:var(--leaf)}
.story h3{margin-top:6px;font-size:1.2rem;font-weight:700;line-height:1.25}
.story p{margin-top:8px;color:var(--muted);font-size:.97rem}
.story .org{display:block;margin-top:10px;font:600 .88rem "Poppins",sans-serif;color:var(--ink)}
@media (max-width:900px){.stories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.stories{grid-template-columns:1fr}}
.focus{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));border-top:2px solid #16203F}
.focus li{padding:18px 18px 20px 0;border-bottom:1px solid rgba(22,32,63,.2)}
.focus b{display:block;font:700 1.1rem "Poppins",sans-serif;color:#16203F}
.focus span{display:block;margin-top:6px;color:#2E3F80}

/* counters */
.counting{color:var(--teal)!important}
.counted{animation:pop .5s ease-out}
@keyframes pop{0%{transform:scale(1.12)}100%{transform:scale(1)}}
.yfnums b,.figs b,.meta b{display:inline-block;transform-origin:left bottom}
.yfnums.two{grid-template-columns:repeat(2,minmax(0,1fr))}
/* story pages */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink)}
.facts div{padding:14px 16px 16px 0;border-bottom:1px solid var(--line)}
.facts .eyebrow{color:var(--muted)}
.facts b{display:block;margin-top:6px;font:600 1rem/1.35 "Poppins",sans-serif}
@media (max-width:760px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px)}
.cs h2{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:600;color:var(--head);letter-spacing:-.015em}
.cs p{margin-top:12px;color:var(--muted)}
@media (max-width:760px){.cs{grid-template-columns:1fr}}
.narr{max-width:68ch}
.narr h3{font-size:1.3rem;font-weight:700;margin-top:clamp(28px,4vw,40px)}
.narr h3:first-child{margin-top:0}
.narr p{margin-top:12px}
.narr ul{margin:12px 0 0;padding-left:20px;display:grid;gap:6px}
blockquote.q{margin:clamp(28px,4vw,40px) 0 0;padding:0 0 0 22px;border-left:6px solid var(--teal);font:500 clamp(1.2rem,2.2vw,1.55rem)/1.4 "Poppins",sans-serif;color:var(--ink);max-width:40ch}
blockquote.q cite{display:block;margin-top:10px;font:400 .95rem var(--body);font-style:normal;color:var(--muted)}
.gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.gal img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.gal img:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}

.gal.g2{grid-template-columns:1fr 1fr}.gal.g2 img,.gal.g2 img:first-child{grid-column:auto;grid-row:auto;aspect-ratio:4/3}
@media (max-width:600px){.gal{grid-template-columns:1fr 1fr}.gal img:first-child{grid-column:span 2}}
.story a.more{display:inline-block;margin-top:12px;font:600 .92rem "Poppins",sans-serif;color:var(--link)}
.story a.img{display:block}
.story a.img:hover img{filter:brightness(1.05)}
.pn{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.pn a{display:block;padding-block:clamp(24px,4vw,40px);text-decoration:none;color:var(--ink)}
.pn a:last-child{text-align:right}
.pn .eyebrow{display:block;color:var(--muted);margin-bottom:8px}
.pn .t{font:600 clamp(1.15rem,2.2vw,1.6rem)/1.2 "Poppins",sans-serif}
.pn a:hover .t{color:var(--link)}

/* Youth Leadership */
.voices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,48px)}
.voices blockquote.q{margin:0;max-width:none}
@media (max-width:760px){.voices{grid-template-columns:1fr}}
.theme{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.theme h3{font-size:1.3rem;font-weight:700}
.theme .site{font:500 .78rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--leaf);display:block;margin-bottom:8px}
.theme p{margin-top:10px;color:var(--muted)}
.theme ul{margin:12px 0 0;padding-left:20px;display:grid;gap:6px;color:var(--muted)}
.theme ul b{color:var(--ink);font-weight:600}
.theme img{width:100%;aspect-ratio:4/3;object-fit:cover}
.theme + .theme{margin-top:clamp(36px,5vw,56px);padding-top:clamp(36px,5vw,56px);border-top:1px solid var(--line)}
@media (max-width:820px){.theme{grid-template-columns:1fr}}
.team{display:inline-block;margin-top:12px;font:500 .9rem "Poppins",sans-serif;color:var(--ink);border:1.5px solid var(--blue);padding:5px 10px}
.list2{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--muted)}
.list2 b{color:var(--ink);font-weight:600}

/* research */
.dl{display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(20px,4vw,44px);align-items:center;background:var(--paper);padding:clamp(20px,3vw,32px);border-left:6px solid var(--teal)}
.dl img{width:200px;box-shadow:0 10px 30px rgba(22,32,63,.18)}
.dl h3{font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:700;line-height:1.2}
.dl p{margin-top:10px;color:var(--muted)}
.dl .meta-line{font:500 .8rem var(--mono);letter-spacing:.06em;color:var(--muted);margin-top:14px}
.dl .btn{margin-top:18px}
@media (max-width:600px){.dl{grid-template-columns:1fr}.dl img{width:150px}}
.places{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:2px solid var(--ink)}
.places li{padding:20px clamp(16px,3vw,32px) 22px 0;border-bottom:1px solid var(--line)}
.places li:nth-child(even){padding-left:clamp(16px,3vw,32px);border-left:1px solid var(--line)}
.places .site{font:500 .78rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--leaf)}
.places h3{margin-top:6px;font-size:1.2rem;font-weight:700}
.places p{margin-top:8px;color:var(--muted)}
.places li.wide{grid-column:1 / -1;border-left:0;padding-left:0}
@media (max-width:760px){.places{grid-template-columns:1fr}.places li:nth-child(even){padding-left:0;border-left:0}}
.rsteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;counter-reset:r}
.rsteps li{counter-increment:r;border-top:4px solid var(--teal);padding-top:12px;font:600 .98rem/1.3 "Poppins",sans-serif}
.rsteps li::before{content:counter(r);display:block;font:700 1.6rem/1 "Poppins",sans-serif;color:var(--link);margin-bottom:8px}
@media (max-width:900px){.rsteps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:480px){.rsteps{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* journey timeline */
.phases{position:relative}
.phase{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:clamp(20px,4vw,56px);padding-block:clamp(32px,5vw,56px);border-top:1px solid var(--line)}
.phase:first-child{border-top:2px solid var(--ink)}
.phase .when{position:sticky;top:120px;align-self:start}
.phase .tag{display:inline-block;font:600 .8rem "Poppins",sans-serif;background:var(--blue);color:#fff;padding:5px 10px}
.phase .dates{display:block;margin-top:12px;font:700 clamp(1.4rem,2.6vw,1.9rem)/1.1 "Poppins",sans-serif;color:var(--link);letter-spacing:-.01em}
.phase .theme-l{display:block;margin-top:8px;color:var(--muted)}
.phase h3{font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:700;line-height:1.2}
.phase p{margin-top:12px;color:var(--muted);max-width:68ch}
.phase .yfnums{margin-top:22px}
.phase ul.list2{margin-top:18px}
.profile{margin-top:24px;padding:20px 22px;background:var(--paper);border-left:6px solid var(--teal)}
.profile .eyebrow{color:var(--leaf)}
.profile h4{margin:6px 0 0;font:700 1.15rem "Poppins",sans-serif}
.profile p{margin-top:8px}
.profile blockquote{margin:12px 0 0;font:500 1.05rem/1.45 "Poppins",sans-serif;color:var(--ink)}
@media (max-width:820px){.phase{grid-template-columns:1fr}.phase .when{position:static}}

/* film card */
.film{position:relative;display:block;overflow:hidden;color:#fff;text-decoration:none;background:#16203F}
.film img{width:100%;aspect-ratio:21/9;object-fit:cover;opacity:.72;transition:transform .5s ease,opacity .3s}
.film::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,32,63,.9) 0%,rgba(22,32,63,.5) 55%,rgba(22,32,63,0) 100%)}
.film .cap{position:absolute;z-index:1;left:clamp(18px,4vw,48px);bottom:clamp(18px,4vw,44px);right:clamp(18px,4vw,48px);display:flex;align-items:center;gap:clamp(14px,3vw,28px)}
.film .play{flex:none;width:clamp(56px,8vw,88px);height:clamp(56px,8vw,88px);border-radius:50%;background:var(--sky);display:grid;place-items:center;box-shadow:0 0 0 0 rgba(175,225,244,.6);animation:pulse 2.4s ease-out infinite}
.film .play svg{width:38%;height:38%;margin-left:8%;fill:#16203F}
.film .eyebrow{color:var(--sky)}
.film b{display:block;margin-top:6px;font:700 clamp(1.3rem,3vw,2.2rem)/1.1 "Poppins",sans-serif;letter-spacing:-.02em;max-width:22ch}
.film small{display:block;margin-top:6px;color:#D6E2F7;font-size:.95rem}
.film:hover img{transform:scale(1.03);opacity:.85}
.film:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.film-player{position:relative;aspect-ratio:16/9;background:#000}
.film-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(175,225,244,.6)}80%{box-shadow:0 0 0 22px rgba(175,225,244,0)}100%{box-shadow:0 0 0 0 rgba(175,225,244,0)}}
@media (max-width:600px){.film img{aspect-ratio:1/1}.film::after{background:linear-gradient(0deg,rgba(22,32,63,.92) 0%,rgba(22,32,63,.4) 60%,rgba(22,32,63,.1) 100%)}.film .cap{flex-direction:column;align-items:flex-start}.film b{font-size:1.35rem}}
@media (prefers-reduced-motion:reduce){.film .play{animation:none}}

/* growing circle narrative */
.ring{--c1:#405BA9;--c2:#3E9EA3;--c3:#079247;--c4:#006838;display:grid;grid-template-columns:minmax(0,300px) minmax(200px,320px) minmax(0,300px);justify-content:center;grid-template-rows:auto auto;gap:clamp(12px,2vw,28px) clamp(16px,2.6vw,36px);align-items:center;margin-top:clamp(32px,5vw,52px)}
.ring.alt{--c1:#006838;--c2:#079247;--c3:#2F8F95;--c4:#2E3F80}
.ring.alt .ring-mid span{color:#2E3F80}
.ring-art{grid-column:2;grid-row:1 / span 2;position:relative;width:100%;max-width:340px;aspect-ratio:1/1;justify-self:center}
.ring-art svg{width:100%;height:100%;display:block;overflow:visible}
.ring-art .trk{fill:none;stroke:var(--line);stroke-width:22}
.yf .ring-art .trk{stroke:rgba(22,32,63,.14)}
.ring-art .arc{fill:none;stroke-width:22;stroke-linecap:butt;stroke-dasharray:100 104;stroke-dashoffset:0;transition:stroke-dashoffset .8s cubic-bezier(.65,0,.35,1),stroke-width .3s}
.ring-art .arc.q1{stroke:var(--c1)}.ring-art .arc.q2{stroke:var(--c2)}.ring-art .arc.q3{stroke:var(--c3)}.ring-art .arc.q4{stroke:var(--c4)}
.ring-art .num{font:700 13px "Poppins",sans-serif;fill:#fff;text-anchor:middle;dominant-baseline:central;transition:opacity .4s .5s}
.ring-mid{position:absolute;inset:22%;display:grid;place-items:center;text-align:center;border-radius:50%}
.ring-mid span{font:600 clamp(.9rem,1.5vw,1.05rem)/1.3 "Poppins",sans-serif;color:var(--head);transition:opacity .6s,transform .6s}
.yf .ring-mid span{color:#006838}
.ring-step{position:relative;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.ring-step .n{display:inline-block;font:700 clamp(1.8rem,3vw,2.4rem)/1 "Poppins",sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ring-step .eyebrow{display:block;margin-top:8px;font-size:.8rem;color:var(--ink)}
.ring-step p{margin-top:8px;color:var(--muted);font-size:.97rem}
.yf .ring-step .eyebrow{color:#16203F}.yf .ring-step p{color:#2E3F80}
.ring-step.s1{grid-column:3;grid-row:1}.ring-step.s2{grid-column:3;grid-row:2}.ring-step.s3{grid-column:1;grid-row:2;text-align:right}.ring-step.s4{grid-column:1;grid-row:1;text-align:right}
.ring-step.s1 .n{color:var(--c1)}.ring-step.s2 .n{color:var(--c2)}.ring-step.s3 .n{color:var(--c3)}.ring-step.s4 .n{color:var(--c4)}
.ring-step.hl{transform:scale(1.02)}
.ring.hov-1 .arc.q1,.ring.hov-2 .arc.q2,.ring.hov-3 .arc.q3,.ring.hov-4 .arc.q4{stroke-width:28}
/* motion states, only when the script has armed the block */
.ring.pre .arc{stroke-dashoffset:102}
.ring.pre .num{opacity:0}
.ring.pre .ring-step{opacity:.18;transform:translateY(10px)}
.ring.pre .ring-mid span{opacity:0;transform:scale(.9)}
.ring .arc.on{stroke-dashoffset:0}
.ring .num.on{opacity:1}
.ring .ring-step.on{opacity:1;transform:none}
.ring.done .ring-mid span{opacity:1;transform:none}
.ring-tabs{display:none}
.ring-art .arc,.ring-art .num{cursor:pointer}
@media (max-width:700px){
  .ring{grid-template-columns:minmax(0,1fr) minmax(150px,200px) minmax(0,1fr);gap:10px 14px}
  .ring-step .n{font-size:1.4rem}
  .ring-step .eyebrow{font-size:.68rem;letter-spacing:.08em}
  .ring-step p{font-size:.85rem}
}
@media (max-width:520px){
  .ring{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:14px;justify-items:center}
  .ring-art{grid-column:1;grid-row:1;max-width:240px}
  .ring-step.s1,.ring-step.s2,.ring-step.s3,.ring-step.s4{grid-column:1;grid-row:3;text-align:center;max-width:34ch}
  .ring-step .n{font-size:1.8rem}.ring-step .eyebrow{font-size:.78rem}.ring-step p{font-size:.95rem}
  .ring.js .ring-step{visibility:hidden;opacity:0!important;transform:translateY(6px)!important}
  .ring.js .ring-step.cur{visibility:visible;opacity:1!important;transform:none!important}
  .ring.js .ring-tabs{grid-column:1;grid-row:2;display:flex;gap:8px}
  .ring-tabs button{font:600 .85rem "Poppins",sans-serif;min-width:44px;min-height:36px;border:2px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
  .ring-tabs button[aria-selected="true"]{color:#fff;border-color:transparent}
  .ring-tabs button[data-q="1"][aria-selected="true"]{background:var(--c1)}.ring-tabs button[data-q="2"][aria-selected="true"]{background:var(--c2)}
  .ring-tabs button[data-q="3"][aria-selected="true"]{background:var(--c3)}.ring-tabs button[data-q="4"][aria-selected="true"]{background:var(--c4)}
  .ring.cur-1 .arc.q1,.ring.cur-2 .arc.q2,.ring.cur-3 .arc.q3,.ring.cur-4 .arc.q4{stroke-width:30}
}
@media (prefers-reduced-motion:reduce){.ring .arc,.ring .ring-step,.ring .num,.ring-mid span{transition:none!important}}

/* home: systems narrative */
.why .lead-q{font-size:clamp(1.5rem,2.9vw,2.2rem);max-width:22ch}
.lenses{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:clamp(12px,2vw,28px);align-items:start;margin-top:clamp(36px,5vw,56px);padding-top:clamp(24px,3vw,36px);border-top:2px solid var(--ink)}
.lens b{display:block;font:700 clamp(1.5rem,2.8vw,2.2rem)/1.05 "Poppins",sans-serif;letter-spacing:-.02em;color:var(--link)}
.lens:nth-of-type(2) b{color:#3E9EA3}.lens:nth-of-type(3) b{color:#079247}
.lens p{margin-top:10px;color:var(--muted)}
.lenses .x{font:300 clamp(2rem,4vw,3rem)/1 "Poppins",sans-serif;color:var(--teal);padding-top:2px}
.lenses-note{margin-top:clamp(24px,3vw,36px);font:600 1.05rem "Poppins",sans-serif;color:var(--head)}
@media (max-width:820px){.lenses{grid-template-columns:1fr}.lenses .x{padding:0;line-height:.6}}
.commons{background:var(--blue);color:#fff}
.commons .eyebrow{color:var(--teal)}
.commons h2{font:700 clamp(1.9rem,4vw,3rem)/1.05 "Poppins",sans-serif;color:var(--sky);letter-spacing:-.025em;margin-top:10px}
.commons .intro p{color:var(--on-blue-soft)}
.commons .intro p+p{margin-top:14px}
.commons blockquote{margin:0;font:500 clamp(1.2rem,2.2vw,1.55rem)/1.35 "Poppins",sans-serif;color:#fff;border-left:6px solid var(--teal);padding-left:20px}
.cgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);margin-top:clamp(32px,5vw,52px)}
.cgrid div{border-top:4px solid var(--teal);padding-top:14px}
.cgrid h3{font-size:1.1rem;font-weight:700;color:#fff;line-height:1.25}
.cgrid p{margin-top:8px;color:var(--on-blue-soft);font-size:.95rem}
@media (max-width:900px){.cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.cgrid{grid-template-columns:1fr}}
.cycle{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:clamp(28px,4vw,40px)}
.cycle span{font:600 .92rem "Poppins",sans-serif;padding:8px 14px;border:1.5px solid rgba(255,255,255,.35);color:#fff}
.cycle i{font-style:normal;color:var(--teal)}
.places-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.places-chips span{font:500 .85rem "Poppins",sans-serif;background:rgba(255,255,255,.1);padding:6px 12px;color:#fff}