/* ISF · Editorial narrative system. Mobile baseline, content-led breakpoints. */
:root{--blue:#165789;--ink:#12364f;--muted:#526674;--sky:#64a7db;--royal:#0920a6;--pale:#eff5f8;--line:#b9cdd9;--paper:#fff;--max:1160px;--gutter:24px;--rail:12px;--section:clamp(54px,8vw,112px);--space:clamp(20px,3vw,44px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700;line-height:1.1;letter-spacing:-.04em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--royal);outline-offset:5px}[hidden]{display:none!important}.wrap{width:calc(100% - var(--gutter)*2);max-width:var(--max);margin-inline:auto}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--blue)}.skip{position:fixed;z-index:50;top:-120px;left:16px;background:white;padding:15px}.skip:focus{top:12px}.header{position:sticky;top:0;z-index:20;background:white;border-bottom:1px solid #e1eaf0}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;width:170px;min-height:44px;align-items:center}.brand img{display:block;width:170px;height:auto;aspect-ratio:2048/501}.brand #brand-text{display:flex;gap:8px;align-items:center}.brand b{font-size:32px;line-height:1}.brand-dot{color:var(--sky)}.brand span span{font-size:10px;line-height:1.2}.nav nav{display:flex;align-items:center;gap:26px}.nav nav a{min-height:44px;display:flex;align-items:center;font-size:14px;font-weight:bold}.nav .desktop-nav{display:none}.nav-cta{padding:8px 13px;border:1px solid var(--blue);border-radius:2px}.nav-cta:hover{background:var(--blue);color:white}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;font-weight:700;font-size:14px;line-height:1.4;border:1px solid transparent;border-radius:2px;text-align:center;transition:background-color .18s,color .18s}.primary{background:var(--blue);color:white}.primary:hover{background:var(--ink)}button:disabled{opacity:.7;cursor:wait}
/* Continuous rail stays outside the reading column. Its fill follows native scroll. */
main{position:relative;isolation:isolate}.narrative-line{position:absolute;z-index:-1;left:var(--rail);top:44px;bottom:0;width:1px;background:var(--line);pointer-events:none}.narrative-line>span{position:absolute;inset:0;background:var(--blue);transform:scaleY(0);transform-origin:top;will-change:transform}.time-anchor{font-size:13px;line-height:1.4;letter-spacing:.1em;font-weight:bold;position:relative;color:var(--blue)}.time-anchor:before{content:'';position:absolute;width:7px;height:7px;border:1px solid var(--blue);background:white;left:calc(var(--rail) - var(--gutter) - 4px);top:5px;border-radius:50%}.campaign-hero{padding-top:31px}.campaign-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:25px}.campaign-heading h1{font-size:clamp(48px,14vw,66px);line-height:.99;letter-spacing:-.065em;margin-top:16px;max-width:12ch;text-wrap:balance}.campaign-photo{position:relative;width:calc(100% + var(--gutter) - 12px);margin-left:calc(-1 * (var(--gutter) - 12px));background:var(--pale);padding-bottom:38px}.campaign-photo:after{content:'';position:absolute;z-index:-1;right:-12px;bottom:18px;width:60%;height:60%;background:var(--sky)}.campaign-photo img{width:100%;height:240px;object-fit:cover;object-position:50% 55%;display:block}.campaign-photo figcaption{position:absolute;bottom:0;left:12px;right:8px;font-size:12px;color:var(--muted);padding-top:9px}.campaign-question>p{font-size:18px;line-height:1.5;max-width:32ch;color:var(--muted)}.campaign-question h2{font-size:clamp(25px,6.7vw,31px);line-height:1.18;letter-spacing:-.035em;margin-top:14px;max-width:25ch;text-wrap:pretty}.campaign-message .button{margin-top:24px;width:100%}.hero-time{display:flex;align-items:center;gap:19px;font-size:12px;color:var(--muted);padding-top:8px}.hero-time>span:last-child{border-left:1px solid var(--line);padding-left:15px}.origin{padding-top:44px;position:relative}.origin:before{content:'';position:absolute;left:calc(var(--rail) + 8px);top:0;height:calc(100% - 44px);width:1px;background:var(--sky);transform:skewY(-3deg);transform-origin:bottom}.origin:after{content:'';position:absolute;left:var(--rail);bottom:43px;width:9px;height:1px;background:var(--sky);transform:rotate(-40deg);transform-origin:left}.origin-grid{display:grid;gap:25px}.origin-copy h2{font-size:clamp(30px,7.8vw,40px);max-width:20ch;margin:16px 0 24px;line-height:1.13;text-wrap:pretty}.origin-bridge{font-weight:bold;color:var(--blue);font-size:16px;line-height:1.5;margin-bottom:16px;max-width:48ch}.origin-copy>p:last-child{color:var(--muted);font-size:16px;max-width:51ch}.origin-image{width:90%;margin-left:auto;background:var(--pale);border-bottom:2px solid var(--sky);padding-top:20px}.origin-image img{width:100%;height:auto;aspect-ratio:1664/1147;display:block;object-fit:contain;object-position:bottom}
.section{padding-block:var(--section)}.section-head h2{font-size:clamp(30px,7.8vw,44px);line-height:1.13;max-width:22ch;margin-top:15px;text-wrap:pretty}.section-head>p:last-child:not(.eyebrow){color:var(--muted);font-size:16px;margin-top:18px;max-width:55ch}.about .wrap{display:grid;gap:28px}.about-copy .lead{font-size:19px;line-height:1.5;margin-bottom:16px;max-width:50ch}.about-copy>p:last-child{color:var(--muted);font-size:16px;max-width:57ch}.work-grid{display:grid;gap:0;margin-top:8px}.work-item{display:grid;grid-template-columns:49px minmax(0,1fr);gap:10px 16px;padding:25px 0;border-top:1px solid var(--line)}.work-num{grid-row:1/3;font-size:37px;line-height:1;letter-spacing:-.06em;color:var(--blue);font-weight:400}.work-item h3{font-size:23px;line-height:1.18}.work-item p{font-size:16px;line-height:1.5;color:var(--muted);grid-column:2;max-width:45ch}.impact{padding-top:0}.compact h2{margin-top:16px}.numbers{display:grid;margin:31px 0 42px}.metric{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.metric b{font-size:clamp(42px,12vw,59px);font-weight:400;letter-spacing:-.065em;line-height:1;color:var(--blue)}.metric p{font-size:14px;line-height:1.4;max-width:20ch;color:var(--muted)}.voices-layout{display:grid;gap:35px}.video-area h3{font-size:27px}.video-area>p{font-size:16px;color:var(--muted);margin:12px 0 24px}.video{position:relative;aspect-ratio:16/9;background:var(--blue);color:white;isolation:isolate}.video iframe,.video #yt-player{position:absolute;inset:0;width:100%;height:100%;border:0}.video-button{width:100%;height:100%;border:0;background:var(--blue);color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;position:relative;overflow:hidden;isolation:isolate;padding:16px;min-height:44px}.video-button>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.video-button:after{content:'';position:absolute;inset:0;background:rgba(8,32,49,.7);z-index:-1;transition:background .2s}.video-button:hover:after{background:rgba(8,32,49,.58)}.play-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid #fff;border-radius:50%;font-size:27px;line-height:1}.video-button>span:last-child{font-size:14px;font-weight:700}.media-placeholder{display:grid;place-content:center;text-align:center;gap:12px;height:100%;padding:20px;font-size:14px}.media-label{font-size:12px;letter-spacing:.12em}.voices{border-left:2px solid var(--sky);padding-left:24px}.voices blockquote{font-size:24px;line-height:1.4;margin:24px 0}.person{display:flex;align-items:center;gap:13px}.person img{width:48px;height:48px;border-radius:50%;object-fit:cover}.person p{font-size:14px;color:var(--muted)}.voice-controls{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:14px}.voice-controls button{min-width:44px;min-height:44px;border:0;background:none;color:var(--blue);text-decoration:underline}.project-images{display:grid;gap:25px;margin-bottom:40px}.project-images img{width:100%;aspect-ratio:4/3;object-fit:cover}.project-images figcaption{font-size:14px;color:var(--muted)}
.participation{padding-top:0}.arrival{display:flex;gap:20px;align-items:baseline;margin-bottom:33px}.arrival>span:last-child{font-size:20px;line-height:1.3;letter-spacing:-.02em}.participation .section-head{border-top:2px solid var(--blue);padding-top:30px}.participation-grid{display:grid;gap:0;margin-top:33px}.option{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;gap:12px;align-items:start;background:none;color:var(--ink);border:0;border-top:1px solid var(--line);text-align:left;padding:24px 0;transition:background .18s}.option:last-child{border-bottom:1px solid var(--line)}.option:hover,.option[aria-pressed=true]{background:var(--pale)}.option-index{font-size:12px;color:var(--blue);padding-top:4px}.option strong{display:block;font-size:21px;line-height:1.23;letter-spacing:-.025em}.option p{color:var(--muted);font-size:15px;line-height:1.5;margin-top:10px;max-width:49ch}.option-mark{font-size:25px;font-weight:400;line-height:1}.option[aria-pressed=true] .option-mark{font-size:0}.option[aria-pressed=true] .option-mark:after{content:'✓';font-size:22px}.form-panel{margin-top:35px;padding:27px 18px;background:var(--pale);border-top:3px solid var(--blue);display:grid;gap:25px;scroll-margin-top:94px}.form-heading h3{font-size:28px;margin:14px 0}.form-heading>p:last-child{font-size:16px;color:var(--muted)}.form-grid{display:grid;gap:19px}.full{grid-column:1/-1}label{font-size:14px;font-weight:bold}input:not([type=checkbox]),select,textarea{display:block;width:100%;min-height:48px;margin-top:6px;border:1px solid #728b9d;border-radius:2px;padding:10px 11px;color:var(--ink);background:white;font-size:16px}textarea{resize:vertical;min-height:96px}.optional{font-weight:normal;color:var(--muted)}.consent{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.5;font-weight:normal;color:var(--muted);padding:12px 0;margin:10px 0;min-height:44px;cursor:pointer}.consent input{width:20px;height:20px;flex-shrink:0;margin:3px 5px 0 0;accent-color:var(--blue)}.form-panel .button{width:100%}.form-status{font-size:14px;margin-top:16px;overflow-wrap:anywhere}.trap{position:absolute;left:-9999px}.footer-inner{border-top:1px solid var(--line);padding:30px 0 40px;display:flex;flex-direction:column;gap:18px;font-size:14px}.footer-inner p{color:var(--muted);font-size:14px;margin-top:5px}.footer-inner nav{display:flex;flex-wrap:wrap;gap:12px}.footer-inner a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.reveal{opacity:1}
@media(min-width:380px){:root{--gutter:30px;--rail:14px}.brand,.brand img{width:190px}.campaign-photo img{height:270px}.form-grid{grid-template-columns:1fr 1fr}}
@media(min-width:700px){:root{--gutter:52px;--rail:24px}.brand,.brand img{width:215px}.nav{height:86px}.nav .desktop-nav{display:flex}.campaign-hero{padding-top:51px}.campaign-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:30px 25px;align-items:start}.campaign-heading{grid-column:1;grid-row:1;z-index:2}.campaign-heading h1{font-size:clamp(59px,8.3vw,102px);max-width:9.3ch;line-height:.98}.campaign-photo{grid-column:2;grid-row:1/4;margin:85px 0 -40px;width:100%;padding-bottom:38px;align-self:stretch}.campaign-photo img{height:100%;min-height:440px;max-height:650px;object-position:52% center}.campaign-photo:after{right:-20px;bottom:18px;width:68%;height:50%}.campaign-message{grid-column:1;grid-row:2;max-width:450px}.campaign-question>p{font-size:18px}.campaign-question h2{font-size:clamp(25px,2.75vw,34px)}.campaign-message .button{width:auto}.hero-time{grid-column:1;grid-row:3;padding-top:15px}.origin{padding-top:110px}.origin-grid{grid-template-columns:1fr 1.16fr;gap:45px;align-items:center}.origin-copy{grid-column:2;grid-row:1}.origin-copy h2{font-size:clamp(32px,3.8vw,47px)}.origin-image{grid-column:1;grid-row:1;width:100%;margin:0;align-self:end;padding-top:30px}.origin:before{left:calc(var(--rail) + 12px)}.origin:after{width:14px}.about .wrap{grid-template-columns:1fr 1fr;gap:45px}.about-copy .lead{font-size:20px}.section-head h2{font-size:clamp(35px,4vw,49px)}.work-grid{grid-column:1/-1;margin-top:10px}.work-item{grid-template-columns:80px minmax(0,.85fr) minmax(0,1.15fr);gap:30px;padding:30px 0;align-items:start}.work-num{font-size:56px;grid-row:1}.work-item h3{font-size:29px;max-width:18ch}.work-item p{grid-column:3;max-width:42ch}.compact{display:grid;grid-template-columns:1fr 1fr;gap:45px}.compact h2{margin-top:0}.numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:50px 0 60px}.metric{display:block;padding:0 0 28px}.metric b{font-size:clamp(52px,7.8vw,88px)}.metric p{font-size:15px;margin-top:18px;max-width:21ch}.video-area{max-width:870px}.voices-layout.with-voices{grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.project-images{grid-template-columns:1fr 1fr}.participation-grid{grid-template-columns:1fr 1fr;gap:0 35px}.option{padding:28px 8px 28px 0}.option:last-child{border-bottom:0}.arrival{margin-bottom:45px;gap:30px}.arrival>span:last-child{font-size:28px}.participation .section-head{padding-top:42px}.form-panel{padding:35px;grid-template-columns:.7fr 1.3fr;gap:35px}.form-panel .button{width:auto}.footer-inner{flex-direction:row;justify-content:space-between;gap:30px}.footer-inner nav{gap:24px}.origin-copy>p:last-child{font-size:17px}}
@media(min-width:1000px){:root{--gutter:80px;--rail:38px}.campaign-grid{grid-template-columns:1.04fr 1fr;gap:34px 54px}.campaign-heading h1{font-size:clamp(90px,8.5vw,116px);max-width:10ch}.campaign-photo{margin-top:92px;margin-bottom:-64px}.campaign-photo img{min-height:570px}.campaign-question>p{font-size:20px}.campaign-question h2{font-size:32px}.origin{padding-top:146px}.origin-grid{gap:80px}.origin-image{width:94%}.work-item{grid-template-columns:125px 1fr 1.1fr;padding:36px 0}.work-num{font-size:70px}.work-item h3{font-size:34px}.work-item p{font-size:18px}.video-area h3{font-size:34px}.arrival>span:last-child{font-size:33px}.option strong{font-size:25px}.option p{font-size:16px}}
@media(min-width:1320px){:root{--rail:calc((100vw - 1160px)/2 - 42px)}.time-anchor:before{left:-46px}.campaign-heading h1{font-size:112px}}
@media(prefers-reduced-motion:no-preference){.reveal.is-entering{animation:enter .5s ease-out both}@keyframes enter{from{opacity:.35;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.narrative-line>span{transform:scaleY(1)!important}}
@media print{.header{position:static}.narrative-line{display:none}.reveal{opacity:1!important;transform:none!important}.campaign-photo{margin-bottom:0}.form-panel{break-inside:avoid}}
/* Keep the five-digit impact figure clear of its label on narrow screens. */
@media(max-width:699px){.metric{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px}.metric b{font-size:clamp(35px,10vw,54px)}}
@media(min-width:700px){.metric b{font-size:clamp(44px,6.2vw,80px)}}