@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&display=swap');

:root{--navy:#0d1b2a;--blue:#1d9bf0;--green:#22a95a;--ice:#eaf7ff;--white:#fff;--line:#c7d7e1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);font-family:Figtree,Arial,sans-serif;color:var(--navy);-webkit-user-select:none;user-select:none}
.header{position:absolute;z-index:4;top:0;left:0;width:100%;height:92px;padding:0 6vw;display:flex;gap:30px;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.23);color:var(--white)}.logo img{display:block;width:176px;height:auto;filter:brightness(0) invert(1)}nav{display:flex;gap:32px;margin-left:auto}nav a,.text-link{color:inherit;font-size:14px;font-weight:600;text-decoration:none}.header-contact{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);background:var(--white);padding:13px 18px;border-radius:4px;font-size:14px;font-weight:700}.header-contact span,.button span,.text-link span{font-size:18px}
.hero{position:relative;min-height:780px;padding:210px 6vw 124px;display:flex;align-items:flex-end;overflow:hidden;color:var(--white);isolation:isolate}.hero-visual{position:absolute;inset:0;z-index:-2;background:var(--navy)}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.67) saturate(.82)}.hero:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,20,33,.88) 0%,rgba(7,20,33,.52) 43%,rgba(7,20,33,.12) 74%),linear-gradient(0deg,rgba(7,20,33,.88) 0%,rgba(7,20,33,0) 48%)}.hero-content{max-width:770px}.kicker,.section-label{margin:0 0 25px;color:var(--green);font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.hero h1{max-width:720px;margin:0;font-size:clamp(59px,7.3vw,112px);line-height:.9;letter-spacing:-.068em}.hero h1 em,h2 em{font-style:italic;font-weight:500;color:var(--blue)}.lead{max-width:540px;margin:30px 0 36px;font-size:20px;line-height:1.48;color:#e4edf3}.actions{display:flex;align-items:center;gap:29px}.button{display:inline-flex;gap:18px;align-items:center;padding:16px 20px;border-radius:4px;font-weight:700;font-size:14px;text-decoration:none}.primary{color:var(--navy);background:var(--white)}.hero-footnote{position:absolute;right:6vw;bottom:34px;display:flex;align-items:center;gap:16px;color:var(--white);font-size:13px;line-height:1.18}.hero-footnote span{color:var(--green);font-size:12px;font-weight:700}.hero-footnote p{margin:0;font-weight:600}.hero-footnote i{display:block;width:38px;height:1px;background:rgba(255,255,255,.55)}
.statement{padding:142px 6vw 132px;display:grid;grid-template-columns:24% 1fr;gap:8vw}.statement h2,.system h2,.services h2,.impact h2,.contact h2{margin:0;letter-spacing:-.055em;line-height:.98}.statement h2{max-width:790px;font-size:clamp(47px,5.4vw,84px)}.statement div>p{max-width:600px;margin:30px 0 0;color:#456071;font-size:20px;line-height:1.52}.system{padding:100px 6vw;background:var(--navy);color:var(--white)}.system-intro{display:flex;align-items:end;justify-content:space-between;gap:30px}.system h2{max-width:590px;font-size:clamp(40px,4.1vw,66px)}.system ol{margin:84px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.system li{padding-top:20px;border-top:1px solid rgba(255,255,255,.4)}.system li>span{font-size:12px;color:var(--green);font-weight:700}.system h3,.cards h3{font-size:24px;letter-spacing:-.035em;margin:48px 0 12px}.system li p{max-width:315px;margin:0;color:#c5d5df;line-height:1.5}
.services{padding:130px 6vw}.services-heading{display:flex;align-items:end;justify-content:space-between;gap:35px}.services h2{max-width:680px;font-size:clamp(42px,4.8vw,73px)}.cards{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid var(--line)}.cards article{padding:30px 28px 30px 0;border-right:1px solid var(--line);min-height:280px}.cards article+article{padding-left:28px}.cards article:last-child{border-right:none}.icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--ice);color:var(--blue);font-size:27px}.cards h3{margin-top:43px}.cards p{max-width:240px;margin:0;color:#4c6473;line-height:1.5}.field-stories{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--white);padding:0 6vw}.field-stories figure{position:relative;margin:0;min-height:460px;overflow:hidden;background:var(--navy)}.field-stories img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.field-stories figure:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(13,27,42,.83))}.field-stories figcaption{position:absolute;left:34px;right:34px;bottom:30px;z-index:1;color:var(--white)}.field-stories span{display:block;margin-bottom:8px;color:var(--green);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.13em}.field-stories strong{font-size:23px;letter-spacing:-.03em}.impact{padding:120px 6vw;display:grid;grid-template-columns:24% 1fr;gap:8vw;background:var(--green);color:var(--white)}.impact .section-label{color:var(--navy)}.impact h2{font-size:clamp(53px,6.1vw,94px)}.impact h2 em{color:var(--navy)}.impact-main>p{max-width:540px;margin:30px 0 0;line-height:1.5;font-size:20px}.impact .source{color:var(--navy)}.impact-thinking{display:grid;grid-template-columns:180px 1fr;gap:42px;margin-top:78px;padding-top:44px;border-top:1px solid rgba(13,27,42,.42)}.impact-thinking>img{width:160px;height:160px;border:4px solid rgba(255,255,255,.7);border-radius:50%;object-fit:cover;object-position:68% 25%}.impact-thinking h3{max-width:570px;margin:0;color:var(--white);font-size:clamp(35px,3.7vw,57px);letter-spacing:-.055em;line-height:.98}.impact-thinking h3 em{color:var(--navy);font-style:italic;font-weight:500}.impact-thinking .role{margin:23px 0 27px;color:var(--navy);font-size:14px;font-weight:700}.impact-thinking .role span{padding:0 4px;color:var(--white)}.impact-thinking .bio{max-width:660px;columns:2;column-gap:34px}.impact-thinking .bio p{break-inside:avoid;margin:0 0 17px;color:#e5f2e8;font-size:15px;line-height:1.52}.impact-thinking blockquote{max-width:610px;margin:30px 0 0;padding:16px 0 0 22px;border-left:3px solid var(--navy);color:var(--navy);font-size:clamp(19px,1.9vw,25px);font-style:italic;line-height:1.35;letter-spacing:-.025em}.contact{margin:80px 6vw;padding:68px 6vw;display:flex;align-items:end;justify-content:space-between;gap:35px;background:var(--ice)}.contact h2{max-width:740px;font-size:clamp(42px,5vw,75px)}.light{white-space:nowrap;background:var(--navy);color:var(--white)}.contact-actions{display:flex;flex-direction:column;align-items:end;gap:14px}.phone{color:var(--navy);font-size:14px;font-weight:700;text-decoration:none}.contact address{margin-top:8px;color:#456071;font-size:14px;font-style:normal;line-height:1.5;text-align:right}footer{display:flex;align-items:center;gap:28px;padding:25px 6vw;color:#597181;font-size:12px;border-top:1px solid #e6edf1}footer img{width:106px;height:auto}footer span:last-child{margin-left:auto}
@media(max-width:800px){.header{height:auto;padding:18px 6vw}.logo img{width:135px}nav{display:none}.header-contact{padding:10px 12px;font-size:12px}.hero{min-height:730px;padding:180px 6vw 112px;align-items:flex-end}.hero:before{background:linear-gradient(90deg,rgba(7,20,33,.82),rgba(7,20,33,.22)),linear-gradient(0deg,rgba(7,20,33,.9),rgba(7,20,33,.05) 58%)}.hero h1{font-size:clamp(55px,15vw,77px)}.lead{font-size:18px}.hero-footnote{left:6vw;right:auto;bottom:28px}.hero-footnote i,.hero-footnote p:last-child{display:none}.statement,.impact{grid-template-columns:1fr;gap:15px;padding:82px 6vw}.system{padding:74px 6vw}.system-intro,.services-heading,.contact{display:block}.system ol,.cards{grid-template-columns:1fr;margin-top:44px}.system li{padding-bottom:33px}.system h3{margin-top:25px}.cards article,.cards article+article{min-height:auto;padding:27px 0;border-right:0;border-bottom:1px solid var(--line)}.cards h3{margin-top:20px}.services{padding:80px 6vw}.impact-thinking{display:block;margin-top:53px;padding-top:32px}.impact-thinking>img{width:124px;height:124px;margin-bottom:28px}.impact-thinking .bio{columns:1}.impact-thinking blockquote{margin-top:24px;padding-left:17px}.contact{margin:40px 6vw;padding:42px 7vw}.contact-actions{align-items:start}.contact .button{margin-top:30px}.contact address{text-align:left}footer{display:block;line-height:2}footer span{display:block}footer span:last-child{margin:0}.field-stories{grid-template-columns:1fr;padding:0}.field-stories figure{min-height:320px}.field-stories figcaption{left:26px;right:26px;bottom:24px}}

.why-koola{padding:130px 6vw;background:var(--ice)}.why-koola-intro{display:grid;grid-template-columns:24% 1fr;gap:8vw}.why-koola h2,.partner-callout h2{max-width:720px;margin:0;letter-spacing:-.055em;line-height:.98;font-size:clamp(42px,4.8vw,73px)}.why-koola-intro>div{max-width:720px}.why-koola-intro>p:last-child{grid-column:2;max-width:540px;margin:-27px 0 0;color:#456071;font-size:20px;line-height:1.52}.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:76px;border-top:1px solid var(--line)}.reasons article{min-height:250px;padding:25px 28px 25px 0;border-right:1px solid var(--line)}.reasons article+article{padding-left:28px}.reasons article:last-child{border-right:0}.reasons span{font-size:12px;font-weight:700;color:var(--green)}.reasons h3{margin:46px 0 12px;font-size:24px;letter-spacing:-.035em}.reasons p{max-width:300px;margin:0;color:#4c6473;line-height:1.5}.partner-callout{display:grid;grid-template-columns:24% 1fr;gap:8vw;padding:118px 6vw 128px;background:var(--navy);color:var(--white)}.partner-callout .section-label{color:var(--green)}.partner-callout p{max-width:540px;margin:30px 0;color:#c5d5df;font-size:20px;line-height:1.52}.partner-callout .text-link{display:inline-block;margin-top:10px;color:var(--white);padding-bottom:5px;border-bottom:1px solid var(--green)}
.impact .source{display:inline-block;margin-top:23px;color:var(--navy);font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
@media(max-width:800px){.why-koola{padding:82px 6vw}.why-koola-intro,.partner-callout{display:block}.why-koola-intro>p:last-child{margin:28px 0 0}.reasons{grid-template-columns:1fr;margin-top:48px}.reasons article,.reasons article+article{min-height:auto;padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.reasons h3{margin-top:25px}.partner-callout{padding:82px 6vw}.partner-callout p{font-size:18px}}

.contact-actions{gap:20px}.contact-detail{display:flex;align-items:flex-start;justify-content:flex-end;gap:12px;color:var(--navy);font-size:15px;font-style:normal;line-height:1.45;text-align:right;text-decoration:none}.contact-detail span{display:block}.contact-detail small{display:block;margin-bottom:2px;color:#58707f;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.contact-icon{flex:0 0 22px;width:22px;height:22px;margin-top:3px;fill:none;stroke:var(--blue);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.contact-detail:hover{color:var(--blue)}
@media(max-width:800px){.contact-detail{justify-content:flex-start;text-align:left}}

.impact-thinking{grid-template-columns:132px 1fr;gap:34px;margin-top:70px;padding:42px;background:var(--ice);border:0}.impact-thinking>img{width:112px;height:112px;border-color:var(--white)}.impact-thinking .section-label{color:var(--green)}.impact-thinking h3{max-width:610px;color:var(--navy);font-size:clamp(32px,3.4vw,51px)}.impact-thinking h3 em{color:var(--blue)}.impact-thinking .role{color:var(--navy)}.impact-thinking .role span{color:var(--blue)}.impact-thinking .bio p{color:#456071}.impact-thinking blockquote{border-left-color:var(--green);color:var(--navy)}
@media(max-width:800px){.impact-thinking{padding:30px}.impact-thinking>img{width:104px;height:104px}}

.impact{padding-top:84px;padding-bottom:88px}.impact-side{display:flex;flex-direction:column;align-items:flex-start}.impact-side .section-label{margin-bottom:0}.impact-stat{max-width:205px;margin:34px 0 0}.impact-stat strong{display:block;color:var(--navy);font-size:clamp(52px,5.2vw,82px);letter-spacing:-.075em;line-height:.82}.impact-stat span{display:block;margin-top:14px;color:#e5f2e8;font-size:14px;line-height:1.38}.impact-thinking{margin-top:46px}
@media(max-width:800px){.impact{padding-top:76px;padding-bottom:78px}.impact-stat{max-width:280px;margin:20px 0 0}.impact-stat strong{font-size:64px}.impact-thinking{margin-top:40px}}

.impact{column-gap:8vw;row-gap:46px}.impact-thinking{grid-column:1/-1;margin-top:0}
@media(max-width:800px){.impact{row-gap:32px}.impact-thinking{margin-top:0}}

.impact-thinking .bio{max-width:760px;columns:1}.impact-thinking .bio p{margin-bottom:18px}

.impact-quote{grid-column:1/-1;max-width:760px;margin:0 auto;padding:30px 0 0;border-top:1px solid rgba(13,27,42,.42);color:var(--navy)}.impact-quote p{margin:0;font-size:clamp(24px,2.6vw,38px);font-style:italic;line-height:1.26;letter-spacing:-.035em}.impact-quote footer{margin-top:20px;color:var(--white);font-size:14px;font-style:normal;font-weight:700}.impact-quote footer span{padding:0 6px;color:var(--navy)}
@media(max-width:800px){.impact-quote{padding-top:25px}.impact-quote p{font-size:25px}}

.contact-right{display:flex;flex-direction:column;align-items:flex-end;gap:25px}.contact-person{display:flex;align-items:center;gap:12px;text-align:right}.contact-person img{width:62px;height:62px;border:3px solid var(--white);border-radius:50%;object-fit:cover;object-position:68% 25%}.contact-person strong,.contact-person span{display:block}.contact-person strong{font-size:15px}.contact-person span{margin-top:3px;color:#58707f;font-size:13px}
@media(max-width:800px){.contact-right{align-items:flex-start;margin-top:30px}.contact-person{text-align:left}}

.impact{background:var(--navy)}.impact .section-label{color:var(--green)}.impact h2 em{color:var(--blue)}.impact-stat strong{color:var(--green)}.impact-stat span,.impact-main>p{color:#c5d5df}.impact .source{color:var(--white)}.impact-quote{border-top-color:rgba(255,255,255,.3);color:var(--white)}.impact-quote footer{color:#c5d5df}.impact-quote footer span{color:var(--blue)}

.contact-right{width:min(100%,390px)}.contact-person{align-self:flex-end}.contact-actions{width:100%;align-items:stretch}.contact-detail{display:grid;grid-template-columns:22px minmax(0,1fr);justify-content:initial;column-gap:12px;width:100%;text-align:right}.contact-icon{grid-column:1;grid-row:1;align-self:start}.contact-detail>span{grid-column:2;grid-row:1}
@media(max-width:800px){.contact-person{align-self:flex-start}.contact-detail{text-align:left}}

.contact-right{align-items:flex-start}.contact-person{align-self:flex-start;text-align:left}.contact-actions{align-items:stretch}.contact-detail{text-align:left}

.contact address.contact-detail{text-align:left}

.contact-intro{max-width:530px;margin:24px 0 0;color:#456071;font-size:18px;line-height:1.52}.contact .light{margin-top:28px}
@media(max-width:800px){.contact-intro{font-size:17px}.contact .light{margin-top:25px}}

.impact-rationale{grid-column:1/-1;display:grid;grid-template-columns:24% 1fr;gap:8vw;padding-top:38px;border-top:1px solid rgba(255,255,255,.3)}.impact-rationale .section-label{margin:0;color:var(--green)}.impact-rationale h3{max-width:640px;margin:0;color:var(--white);font-size:clamp(34px,3.9vw,58px);letter-spacing:-.055em;line-height:.98}.impact-rationale h3 em{color:var(--blue);font-style:italic;font-weight:500}.impact-rationale div{max-width:670px}.impact-rationale div p{margin:25px 0 0;color:#c5d5df;font-size:18px;line-height:1.52}
@media(max-width:800px){.impact-rationale{grid-template-columns:1fr;gap:24px;padding-top:30px}.impact-rationale div p{font-size:17px}}

.impact-rationale{padding:42px;background:var(--ice);border:0}.impact-rationale h3{color:var(--navy)}.impact-rationale div p{color:#456071}
@media(max-width:800px){.impact-rationale{padding:30px}}

/* Requested 3-item model overview and compact mobile navigation. */
.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards article{min-height:190px}
.cards h3{max-width:250px}
.factory-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.menu-toggle{display:none}
.nav-contact{display:none}
@media(max-width:800px){
  .header{position:absolute;min-height:76px;display:flex;flex-wrap:nowrap;gap:12px}
  .logo img{width:118px}
  .menu-toggle{display:inline-flex;align-items:center;gap:10px;margin-left:auto;padding:10px 12px;border:1px solid rgba(255,255,255,.7);border-radius:4px;background:rgba(13,27,42,.35);color:var(--white);font:600 13px Figtree,Arial,sans-serif;cursor:pointer}
  .menu-toggle-icon{display:grid;gap:5px;width:17px}
  .menu-toggle-icon i{height:2px;background:currentColor;transition:transform .2s ease}
  .menu-toggle[aria-expanded="true"] .menu-toggle-icon i:first-child{transform:translateY(3.5px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] .menu-toggle-icon i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .header nav{position:absolute;top:calc(100% - 1px);left:6vw;right:6vw;display:none;flex-direction:column;gap:0;margin:0;padding:8px 18px;background:var(--navy);border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 28px rgba(0,0,0,.22)}
  .header nav.is-open{display:flex}
  .header nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.15)}
  .header nav a:last-child{border-bottom:0}
  .nav-contact{display:block}
  .header-contact{display:none}
  .cards{grid-template-columns:1fr}
  .cards article{min-height:0}
}

/* Small, linked verification seal in the footer. */
.sitelock-seal{display:inline-flex;align-items:center;margin-left:auto}.sitelock-seal img{display:block;width:72px;height:auto}@media(max-width:800px){.sitelock-seal{margin:9px 0 2px}.sitelock-seal img{width:68px}}

/* Refined positioning update: three clear work stages, one infrastructure showcase and a stronger economic-growth outcome. */
.system li{position:relative}.work-icon{display:grid;place-items:center;width:52px;height:52px;margin:28px 0 -4px;border:1px solid rgba(255,255,255,.32);border-radius:50%;color:var(--green)}.work-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.system h3{margin-top:30px}.field-showcase{display:block;padding:0 6vw}.field-showcase figure{min-height:520px}.field-showcase figcaption{left:52px;right:52px;bottom:44px}.field-showcase strong{font-size:clamp(29px,3vw,45px)}
.impact{grid-template-columns:24% 1fr;row-gap:50px}.impact-pillars{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.3)}.impact-pillars article{min-height:270px;padding:29px 30px 32px 0;border-right:1px solid rgba(255,255,255,.3)}.impact-pillars article+article{padding-left:30px}.impact-pillars article:last-child{border-right:0}.impact-pillars span{display:block;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.13em}.impact-pillars h3{margin:42px 0 13px;color:var(--white);font-size:25px;letter-spacing:-.04em}.impact-pillars p{max-width:300px;margin:0;color:#c5d5df;line-height:1.52}.impact-pillars .is-featured{background:rgba(29,155,240,.12)}.impact-pillars .is-featured h3{color:var(--blue);font-size:30px}.impact-rationale{margin:0}.impact-rationale div p{max-width:650px}.impact-rationale div p:first-of-type{margin-top:26px}
.sitelock-seal{gap:8px;padding:7px 10px;border:1px solid #b9d3e3;border-radius:4px;color:#24628b;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.06em;line-height:1.1;text-transform:uppercase}.sitelock-seal .seal-lock{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#1d9bf0;color:#fff;font-size:13px;line-height:1}.sitelock-seal span:last-child{margin:0}
@media(max-width:800px){.work-icon{margin-top:22px}.field-showcase{padding:0}.field-showcase figure{min-height:360px}.field-showcase figcaption{left:26px;right:26px;bottom:28px}.impact-pillars{grid-template-columns:1fr}.impact-pillars article,.impact-pillars article+article{min-height:auto;padding:28px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.3)}.impact-pillars h3{margin-top:22px}.impact-pillars .is-featured{margin:0 -6vw;padding-left:6vw;padding-right:6vw}.sitelock-seal{display:inline-flex;margin:10px 0 4px}}

/* Keep the impact story in one readable column on phones. */
@media(max-width:800px){html,body{overflow-x:hidden}.impact{grid-template-columns:1fr;gap:32px}.impact-main{min-width:0}.impact h2{font-size:clamp(44px,13vw,62px)}.impact-main>p{font-size:18px}.impact-rationale{grid-template-columns:1fr}}

/* Why it matters: productive energy creates economic value. */
.impact{padding-top:112px;padding-bottom:96px;row-gap:52px}.impact-side{padding-top:12px}.impact-main h2{max-width:850px}.impact-main h2 span,.impact-main h2 em{display:block}.impact-main h2 span{color:var(--white)}.impact-main h2 em{margin-top:4px;color:var(--blue);font-style:normal;font-weight:800}.impact-main>p{max-width:680px;margin-top:32px}.impact-outcome{max-width:650px;margin:58px 0 0;color:var(--white);font-size:clamp(25px,2.5vw,39px);letter-spacing:-.045em;line-height:1.05}.impact-pillars{margin:0;border-top:1px solid rgba(255,255,255,.3)}.impact-pillars article,.impact-pillars article+article{min-height:250px;padding:30px 30px 32px 0;background:transparent;transition:background-color .22s ease,transform .22s ease}.impact-pillars article+article{padding-left:30px}.impact-pillars article:hover{background:rgba(255,255,255,.055)}.impact-pillars h3,.impact-pillars .is-featured h3{margin:42px 0 13px;color:var(--white);font-size:25px}.impact-pillars .is-featured{background:transparent}.impact-stat,.impact .source{display:none}
@media(max-width:800px){.impact{padding-top:82px;padding-bottom:82px;gap:34px}.impact-side{padding-top:0}.impact-main h2 em{margin-top:2px}.impact-main>p{margin-top:26px}.impact-outcome{margin-top:42px;font-size:27px}.impact-pillars article,.impact-pillars article+article{min-height:auto;padding:29px 0;background:transparent}.impact-pillars article:hover{transform:none;background:transparent}.impact-pillars h3,.impact-pillars .is-featured h3{margin-top:22px;font-size:24px}}

/* Image-led Why It Matters statement. */
.impact-visual{position:relative;min-height:560px;overflow:hidden;background:var(--navy);isolation:isolate}.impact-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.impact-visual:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,20,33,.76) 0%,rgba(7,20,33,.58) 42%,rgba(7,20,33,.12) 78%),linear-gradient(0deg,rgba(7,20,33,.34),rgba(7,20,33,.04) 52%)}.impact-visual-content{display:flex;flex-direction:column;justify-content:center;min-height:560px;max-width:760px;padding:64px}.impact-visual .impact-main h2,.impact-visual h2{font-size:clamp(49px,5.7vw,88px)}.impact-visual .impact-main>p,.impact-visual p{max-width:625px;margin-top:30px;color:#e4edf3}.impact-outcome{grid-column:2;margin:0;align-self:end}.impact-pillars{margin-top:0}
@media(max-width:800px){.impact-visual{min-height:600px;margin:0 -6vw}.impact-visual>img{object-position:60% center}.impact-visual-content{min-height:600px;padding:42px 6vw;justify-content:flex-start}.impact-visual h2{font-size:clamp(46px,13vw,64px)}.impact-visual p{font-size:18px}.impact-outcome{grid-column:1;margin:0;font-size:27px}.impact-pillars{margin-top:0}}

/* Give the impact story one confident visual axis instead of a narrow image card. */
.impact{display:block;padding-top:108px;padding-bottom:104px}.impact-side,.impact-visual,.impact-outcome,.impact-pillars{width:min(100%,1400px);margin-left:auto;margin-right:auto}.impact-side{margin-bottom:28px}.impact-side .section-label{margin:0}.impact-visual{min-height:590px}.impact-visual-content{min-height:590px;max-width:800px;padding:72px}.impact-visual h2{font-size:clamp(54px,5.6vw,84px);line-height:.94}.impact-visual p{max-width:635px;margin-top:32px}.impact-outcome{margin-top:58px;margin-bottom:34px;font-size:clamp(26px,2.35vw,36px)}.impact-pillars{display:grid;grid-template-columns:repeat(3,1fr)}
.impact-rationale{width:min(100%,1400px);margin-left:auto;margin-right:auto}
@media(max-width:800px){.impact{padding-top:80px;padding-bottom:80px}.impact-side{margin-bottom:22px}.impact-visual{width:calc(100% + 12vw);min-height:570px;margin-left:-6vw;margin-right:-6vw}.impact-visual-content{min-height:570px;padding:42px 6vw}.impact-visual h2{font-size:clamp(45px,12.8vw,63px);line-height:.94}.impact-visual p{margin-top:25px}.impact-outcome{margin-top:42px;margin-bottom:24px}.impact-pillars{display:grid;grid-template-columns:1fr}}

/* Smart header: fixed when visible, discreet while reading downward. */
.header{position:fixed;background:rgba(13,27,42,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .24s ease;will-change:transform}.header.is-hidden{transform:translateY(-100%)}main>section{scroll-margin-top:112px}
@media(max-width:800px){
  .header{position:fixed;top:0;min-height:calc(76px + env(safe-area-inset-top));padding:calc(18px + env(safe-area-inset-top)) 6vw 18px;transition:transform .24s ease;will-change:transform}
  .header.is-hidden{transform:translateY(calc(-100% - env(safe-area-inset-top)))}
  main>section{scroll-margin-top:calc(94px + env(safe-area-inset-top))}
}
@media(prefers-reduced-motion:reduce){.header{transition:none!important}}

/* Preserve the complete photographic composition on wide screens. */
@media(min-width:801px){
  .field-showcase figure{aspect-ratio:1615 / 974;min-height:0}
  .impact-visual{aspect-ratio:2000 / 1334;min-height:0}
  .impact-visual-content{height:100%;min-height:0}
}

/* Keep blue emphasis upright and bold throughout the site. */
.hero h1 em,
h2 em,
.impact-rationale h3 em,
.impact-thinking h3 em{
  font-style:normal;
  font-weight:800;
}
