:root{font-family:'Aptos','Segoe UI',Arial,sans-serif;color:#fff;background:#102823;font-synthesis:none;--accent:#c5e88a;--ink:#173e35}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}.skip{position:fixed;top:-70px;left:15px;z-index:99;padding:14px;background:#fff;color:#173e35}.skip:focus{top:10px}header{height:105px;position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff24;transition:background .3s}header.solid{background:#102823f5}.brand{display:flex;flex-direction:column;line-height:.85;letter-spacing:-1.7px;font-size:34px;font-weight:700}.brand b{color:#ff951f}.brand-dot{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:4px}.brand small{font-size:10px;letter-spacing:5.5px;font-weight:500;margin:10px 0 0 4px}nav{display:flex;align-items:center;gap:37px;font-size:14px}nav>a:not(.nav-pill){opacity:.9}.nav-pill{border:1px solid #ffffff70;border-radius:30px;padding:13px 21px;display:flex;gap:32px}.nav-pill:hover{background:#ffffff18}.journey{height:480vh;position:relative}.scene{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;background:#17362b}.scenery,.shade{position:absolute;inset:0}.scenery img{width:100%;height:100%;object-fit:cover;position:absolute;will-change:transform,opacity}#aerial{object-position:60% center;transform-origin:62% 55%}#ground{opacity:0;object-position:60% center;transform-origin:60% 50%}.shade{background:linear-gradient(90deg,rgba(5,25,21,.82),rgba(5,25,21,.28) 61%,rgba(5,25,21,.07)),linear-gradient(0deg,rgba(5,25,21,.8),transparent 32%,transparent 72%,rgba(5,25,21,.25))}.location{position:absolute;top:137px;left:5%;display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:1.7px;color:#e8eee6}.cross{font-size:23px;font-weight:400;color:var(--accent)}.location-line{height:1px;width:30px;background:#ffffff70}.chapter{position:absolute;left:8.4%;top:29%;max-width:770px;opacity:0;transform:translateY(22px);pointer-events:none;transition:opacity .45s,transform .55s}.chapter.active{opacity:1;transform:translateY(0);pointer-events:auto}.eyebrow{font-size:12px;font-weight:550;letter-spacing:2.1px;color:#dfedcc;margin-bottom:25px}h1,h2,p{margin:0}h1,h2{font-weight:450;letter-spacing:-4px;line-height:1.06}h1{font-size:clamp(55px,6.35vw,104px)}h2{font-size:clamp(48px,5.2vw,84px)}h1 em,h2 em{font-style:normal;color:var(--accent)}.chapter p{font-size:18px;line-height:1.6;color:#e0e7e1;margin-top:26px;max-width:450px}.explore{display:inline-flex;align-items:center;gap:16px;font-size:14px;margin-top:30px}.circle{border:1px solid #ffffff70;border-radius:50%;height:43px;width:43px;display:grid;place-items:center;font-size:22px;transition:.2s}.explore:hover .circle{background:var(--accent);color:#123d2a;border-color:var(--accent)}.hero-bottom{position:absolute;bottom:65px;left:5%;right:5%;display:grid;grid-template-columns:1.5fr 1fr 1.4fr .6fr;align-items:center;gap:30px;transition:opacity .3s}.scroll-hint{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:1.7px;line-height:1.6}.scroll-icon{height:36px;width:22px;border:1px solid #ffffff60;border-radius:15px;position:relative}.scroll-icon:after{content:'';position:absolute;top:8px;left:9px;width:2px;height:8px;background:var(--accent);animation:scroll 1.8s infinite}@keyframes scroll{50%{transform:translateY(8px);opacity:.3}}.mini-stat{border-left:1px solid #ffffff35;padding-left:25px;display:flex;flex-direction:column;gap:10px}.mini-stat strong{font-size:34px;font-weight:450;letter-spacing:-1px}.mini-stat small{font-size:16px;letter-spacing:0}.mini-stat>span{font-size:12px;color:#d0dcd4}.scene-caption{position:absolute;right:5%;bottom:20px;font-size:10px;letter-spacing:1.6px;color:#d0d7d0}.progress{position:absolute;right:4%;top:40%;display:flex;flex-direction:column;gap:23px}.progress a{font-size:12px;opacity:.5;position:relative;padding:5px}.progress a.selected{opacity:1;color:var(--accent)}.progress a.selected:before{content:'';position:absolute;width:21px;height:1px;left:-28px;top:12px;background:var(--accent)}.progress-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff1a}#progress-fill{height:100%;display:block;background:var(--accent);width:0}.chapter-stat{font-size:52px;letter-spacing:-1.5px;font-weight:450;margin-top:28px}.chapter-stat span{font-size:23px;letter-spacing:0}.chapter-stat small{display:block;font-size:13px;letter-spacing:0;color:#d8e2d6;margin-top:6px}.text-link{display:inline-block;font-size:14px;margin-top:25px;border-bottom:1px solid #b8d69c;padding-bottom:7px}.scroll-anchor{position:absolute;pointer-events:none}.anchor-one{top:26%}.anchor-two{top:51%}.anchor-three{top:76%}.project{background:#f6f8f3;color:var(--ink);padding:100px 8.4% 90px}.project-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:25px 80px;align-items:end}.project-heading .eyebrow{grid-column:1/-1;color:#527258;margin-bottom:0}.project-heading h2{font-size:clamp(38px,4vw,60px);letter-spacing:-2.7px;line-height:1.12}.project-heading h2 span{color:#708575}.project-heading p{font-size:16px;line-height:1.75;max-width:420px;margin-bottom:3px}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;margin-top:55px}.plan{padding:0;background:white;border:1px solid #d8e1d8;cursor:zoom-in;color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.plan img{width:100%;height:330px;object-fit:contain;padding:15px}.plan>span{width:100%;display:flex;justify-content:space-between;align-items:center;padding:19px 20px;border-top:1px solid #d8e1d8;font-size:10px;letter-spacing:1px}.plan b{font-size:13px;font-weight:500;letter-spacing:0}.data-row{padding:15px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d0dbd1;font-size:15px}.data-row:first-child{padding-top:0}.data-row strong{font-size:33px;font-weight:450;letter-spacing:-1px}.data-row small{font-size:17px}.source{font-size:12px;line-height:1.7;color:#62756a;margin-top:24px}footer{padding:45px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer>span{font-size:14px;color:#c0ccc0}footer>a:last-child{font-size:13px}dialog{max-width:1150px;width:94vw;max-height:92svh;background:#f6f8f3;color:#173e35;border:0;padding:22px}dialog::backdrop{background:#001b13cf;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-head h2{font-size:22px;letter-spacing:-.5px}.dialog-head button{border:0;background:#e5ebdf;width:40px;height:40px;border-radius:50%;cursor:pointer}dialog img{display:block;max-width:100%;max-height:72svh;margin:18px auto;object-fit:contain}dialog p{font-size:12px;color:#62756a}
@media(min-width:1600px){.chapter{top:31%}}@media(max-height:780px) and (min-width:761px){.scene{min-height:620px}.chapter{top:27%}h1{font-size:74px}h2{font-size:58px}.chapter p{margin-top:18px}.eyebrow{margin-bottom:17px}.hero-bottom{bottom:52px}.chapter-stat{font-size:44px;margin-top:17px}.explore{margin-top:20px}}
@media(max-width:760px){header{height:83px;padding:0 6%}.brand{font-size:28px}.brand small{font-size:9px;letter-spacing:4px}nav{gap:0}nav>a:not(.nav-pill){display:none}.nav-pill{padding:11px 15px;gap:20px;font-size:12px}.scene{min-height:680px}.location{top:110px;left:6%;font-size:9px;letter-spacing:1px;gap:9px}.location-line{width:18px}.chapter{top:25%;left:6%;right:10%;max-width:none}.eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:22px}h1{font-size:clamp(47px,10vw,72px);letter-spacing:-2.5px}h2{font-size:clamp(42px,9vw,64px);letter-spacing:-2px}.chapter p{font-size:16px;line-height:1.6;max-width:340px;margin-top:24px}.chapter-stat{font-size:44px;margin-top:24px}.chapter-stat span{font-size:19px}.chapter-stat small{font-size:12px;line-height:1.5}.hero-bottom{left:6%;right:6%;bottom:57px;grid-template-columns:.8fr 1.5fr .6fr;gap:14px}.scroll-hint{display:none}.mini-stat{padding-left:13px;gap:8px}.mini-stat:first-of-type{padding-left:0;border:0}.mini-stat strong{font-size:23px;letter-spacing:-.8px;white-space:nowrap}.mini-stat small{font-size:11px}.mini-stat>span{font-size:10px;line-height:1.5}.scene-caption{font-size:8px;right:6%;bottom:19px}.progress{right:3%;top:39%;gap:20px}.progress a{font-size:10px}.progress a.selected:before{width:8px;left:-9px}.shade{background:linear-gradient(90deg,#092b23dd,#092b2370 75%,#092b2340),linear-gradient(0deg,#092b23d9,transparent 50%)}.explore{margin-top:27px}.project{padding:68px 6%}.project-heading,.project-grid{grid-template-columns:1fr;gap:25px}.project-heading h2{font-size:42px;letter-spacing:-2px}.project-heading p{font-size:16px}.project-grid{margin-top:30px}.plan img{height:260px}.project-data{margin-top:10px}footer{padding:36px 6%;flex-wrap:wrap;gap:28px}footer>span{order:3;width:100%;font-size:12px}footer>a:last-child{margin-left:auto}.dialog-head h2{font-size:17px}dialog{padding:15px}.text-link{margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.scenery img{transform:none!important}}
/* Shared navigation and compositor-only motion. */
header{height:100px;padding-inline:4%}header nav{gap:25px;font-size:14px}nav a[aria-current=page]{color:var(--accent)}.header-scroll{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:13px;font-size:11px;line-height:1.5;letter-spacing:1.2px;transition:opacity .25s,visibility .25s}.header-scroll.hidden{opacity:0;visibility:hidden;pointer-events:none}.menu-toggle{display:none;color:inherit;border:1px solid #ffffff55;background:transparent;padding:11px 16px;border-radius:30px;font-size:14px;cursor:pointer}.menu-toggle span{margin-left:12px}.hero-bottom{grid-template-columns:1fr 1.4fr 1fr;left:8.4%;max-width:790px}.hero-bottom .mini-stat:first-child{border:0;padding-left:0}.scene{contain:paint}.scenery{contain:strict}.scenery img{backface-visibility:hidden}.chapter{will-change:opacity,transform}.progress-track #progress-fill{width:100%;transform:scaleX(0);transform-origin:left;will-change:transform}.plan img{height:330px;width:100%;aspect-ratio:1800/1273}.scene-caption,.scroll-hint,.mini-stat>span,.eyebrow,.location,.plan>span{font-size:12px}.project{content-visibility:auto;contain-intrinsic-size:auto 800px}.source a{text-decoration:underline;text-underline-offset:3px}.menu-toggle:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}footer{content-visibility:auto;contain-intrinsic-size:auto 130px}.page-hero{min-height:760px;height:92svh;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0}.hero-image img{width:100%;height:100%;object-fit:cover}.page-hero-copy{position:relative;margin:120px 8.4% 70px;max-width:900px}.page-hero-copy h1{font-size:clamp(50px,6.5vw,100px);margin-top:22px}.page-hero-copy p{font-size:18px;line-height:1.65;max-width:470px;margin-top:30px}.phases{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0;margin:60px 0 0;border-top:1px solid #cad6cc}.phases li{padding:28px 28px 28px 0;border-bottom:1px solid #cad6cc}.phases li>span{font-size:13px;color:#708575}.phases h3{font-size:23px;letter-spacing:-.6px;font-weight:500;margin:20px 0 12px}.phases p{font-size:16px;color:#62756a;line-height:1.65;max-width:250px}.section-end{border-top:1px solid #cad6cc;margin-top:50px;padding-top:32px;display:flex;justify-content:space-between;gap:25px;align-items:center}.section-end p{font-size:17px;line-height:1.5}.dark-link{display:inline-block;border-bottom:1px solid #527258;padding-bottom:8px;font-size:15px;font-weight:550;white-space:nowrap}.fuel-projects{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:50px}.fuel-card{background:#fff;border:1px solid #d8e1d8;overflow:hidden}.fuel-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.card-image{position:relative;min-height:430px}.card-image img{width:100%;height:100%;object-fit:cover;position:absolute}.card-image>small{position:absolute;bottom:20px;left:20px;font-size:12px;color:white;letter-spacing:1px;text-shadow:0 1px 8px #000}.fuel-content{padding:45px}.fuel-card h3{font-size:35px;font-weight:500;letter-spacing:-1px;margin:22px 0 18px}.fuel-card p{font-size:16px;line-height:1.65}.fuel-content .source{font-size:12px}.fuel-numbers{display:flex;gap:35px;margin:28px 0}.fuel-numbers>div{display:flex;flex-direction:column;gap:8px}.fuel-numbers strong{font-size:30px;font-weight:500;white-space:nowrap}.fuel-numbers small{font-size:15px}.fuel-numbers span{font-size:12px;color:#62756a}.text-card{padding:35px 40px;position:relative}.card-number{display:block;font-size:13px;color:#62756a;margin-bottom:35px}.text-card .eyebrow{display:block;color:#527258;margin:0}.big-number{display:block;font-size:57px;font-weight:450;letter-spacing:-2px;margin:25px 0 6px}.big-number small{font-size:22px;letter-spacing:0}.number-label{display:block;font-size:13px;color:#62756a;line-height:1.5}.portfolio-intro{padding:180px 8.4% 48px;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;background:#102823}.portfolio-intro h1{font-size:clamp(48px,5.4vw,80px);letter-spacing:-3.3px;margin-top:25px}.portfolio-intro>div>p{font-size:18px;line-height:1.6;max-width:450px;color:#d1ded4;margin-top:25px}.portfolio-visual{position:relative;min-height:300px;overflow:hidden;margin-top:8px}.portfolio-visual img{height:100%;width:100%;object-fit:cover;position:absolute}.portfolio-visual>span{position:absolute;bottom:0;left:0;right:0;padding:35px 18px 18px;background:linear-gradient(transparent,#102823cc);font-size:12px;letter-spacing:.5px}.portfolio-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid #ffffff33;padding-top:35px}.portfolio-metrics>div{display:flex;flex-direction:column;gap:13px}.portfolio-metrics strong{font-size:49px;font-weight:450;letter-spacing:-2px}.portfolio-metrics small{font-size:19px;letter-spacing:0}.portfolio-metrics span{font-size:14px;line-height:1.6;color:#c1d0c5}.portfolio-source{grid-column:1/-1;color:#b2c2b6;font-size:12px;margin-top:-20px}.list-header{display:flex;justify-content:space-between;gap:30px;align-items:end}.list-header .eyebrow{color:#527258;display:block}.list-header h2{font-size:40px;letter-spacing:-1.8px}.state-select{display:flex;flex-direction:column;gap:9px;font-size:13px;min-width:230px}select{font:inherit;font-size:15px;color:#173e35;border:1px solid #b8c8ba;padding:13px 35px 13px 15px;background:transparent;border-radius:0}.result-count{font-size:13px;color:#62756a;margin:32px 0 15px}.projects-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.project-entry{display:flex;align-items:center;gap:20px;border-top:1px solid #cbd8cd;padding:23px 0;min-height:100px;content-visibility:auto;contain-intrinsic-size:auto 100px}.project-entry[hidden]{display:none}.entry-number{color:#7c9081;font-size:12px;min-width:22px}.project-entry h3{font-size:18px;font-weight:500;margin:0 0 8px;letter-spacing:-.3px}.project-entry p{font-size:13px;color:#62756a}.entry-type{font-size:12px;color:#62756a;white-space:nowrap;margin-left:auto}.inner-page header,.portfolio-page header{background:#102823fa}
@media(max-width:1400px){.menu-toggle{display:block;margin-left:auto}header nav{display:none;position:absolute;top:100%;right:4%;background:#102823;min-width:270px;padding:25px;box-shadow:0 18px 45px #0004;border:1px solid #ffffff25;flex-direction:column;align-items:stretch;gap:0}header.menu-open nav{display:flex}header nav a:not(.nav-pill){display:block;padding:15px 0;opacity:1}header nav a+a{border-top:1px solid #ffffff1c}}
@media(max-width:900px){.project-grid{gap:40px}.project-heading{gap:25px 40px}.fuel-content{padding:30px}.fuel-numbers{flex-direction:column;gap:22px}.portfolio-intro{gap:35px;grid-template-columns:1.5fr 1fr}.portfolio-visual{min-height:270px}.portfolio-intro h1{font-size:57px}.projects-list{gap:0 25px}.entry-type{display:none}.list-header h2{font-size:34px}.phases{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){header{height:88px;padding-inline:5%}header .brand{font-size:24px;letter-spacing:-1.3px}header .brand small{font-size:9px;letter-spacing:3px}.header-scroll{gap:8px;font-size:9px;letter-spacing:.4px;white-space:nowrap}.header-scroll .scroll-icon{width:17px;height:29px;flex-shrink:0}.header-scroll .scroll-icon:after{left:7px}.menu-toggle{font-size:12px;padding:9px 11px}.menu-toggle span{margin-left:5px}.scene{min-height:650px}.hero-bottom{grid-template-columns:.85fr 1.35fr .6fr;left:6%;gap:13px}.mini-stat>span{font-size:12px}.mini-stat strong{font-size:22px}.mini-stat small{font-size:12px}.location{top:115px;font-size:10px}.scene-caption{font-size:9px;left:6%;right:6%;text-align:right}.eyebrow{font-size:12px}.chapter{top:26%}.chapter p{font-size:16px}.chapter .explore{font-size:14px}.project-heading,.project-grid{grid-template-columns:1fr}.page-hero{min-height:680px;height:95svh}.page-hero-copy{margin:160px 6% 75px}.page-hero-copy h1{font-size:53px;letter-spacing:-2.5px}.page-hero-copy p{font-size:17px}.phases{gap:0 20px;margin-top:35px}.phases li{padding:25px 0}.phases h3{font-size:21px}.phases p{font-size:15px}.section-end{align-items:start;flex-direction:column}.fuel-projects{grid-template-columns:1fr;gap:22px}.fuel-card.featured{grid-column:auto;grid-template-columns:1fr}.card-image{min-height:260px}.fuel-content,.text-card{padding:28px}.fuel-numbers{flex-direction:row;gap:20px;flex-wrap:wrap}.fuel-numbers strong{font-size:27px}.fuel-card h3{font-size:30px}.text-card .eyebrow{font-size:11px}.portfolio-intro{padding:150px 6% 35px;grid-template-columns:1fr;gap:28px}.portfolio-intro h1{font-size:54px;letter-spacing:-2.4px}.portfolio-intro>div>p{font-size:17px}.portfolio-visual{min-height:210px;margin:0}.portfolio-visual>span{font-size:10px}.portfolio-metrics{grid-template-columns:1fr 1fr;gap:28px 18px}.portfolio-metrics strong{font-size:40px}.portfolio-metrics span{font-size:13px}.portfolio-source{margin:0;line-height:1.6}.list-header{flex-direction:column;align-items:stretch;gap:25px}.list-header h2{font-size:36px}.state-select{min-width:0}.projects-list{grid-template-columns:1fr}.project-entry{min-height:96px}.entry-type{display:block;font-size:11px}.project-entry h3{font-size:17px}.result-count{margin-top:25px}.plan img{height:260px}}
@media(max-height:700px) and (min-width:761px){.chapter{top:28%}.chapter h1,.chapter h2{font-size:55px}.chapter p{font-size:16px;margin-top:16px}.chapter .eyebrow{margin-bottom:16px}.chapter-stat{font-size:36px;margin-top:14px}.location{top:114px}.hero-bottom{bottom:43px}.scene{min-height:600px}.explore{margin-top:17px}}
@media(prefers-reduced-motion:reduce){.header-scroll,.chapter{transition:none}.scenery img{will-change:auto}.chapter{will-change:auto}}
/* Six-stop Suape walkthrough: only the two visible frames are composited. */
.walkthrough{height:700svh}.tour-scenery img{opacity:0;visibility:hidden;object-position:60% center;transform-origin:60% 54%;will-change:auto}.tour-scenery img:first-child{opacity:1;visibility:visible}.tour-shade{z-index:3;background:linear-gradient(90deg,#051d18df,#051d1873 42%,#051d1810 78%),linear-gradient(0deg,#041c16e8,transparent 30%,transparent 76%,#051d1855)}.walkthrough .location,.tour-chapter,.tour-footer,.walkthrough .scene-caption,.walkthrough .progress-track{z-index:4}.walkthrough .location{top:132px}.tour-chapter{top:27%;max-width:820px}.tour-chapter h1{font-size:clamp(54px,6.15vw,96px)}.tour-chapter h2{font-size:clamp(48px,5.3vw,80px)}.tour-chapter p{max-width:450px;font-size:17px;line-height:1.6}.tour-chapter .chapter-stat{font-size:43px;margin-top:24px}.tour-chapter .chapter-stat small{font-size:13px}.tour-chapter .text-link{margin-top:17px}.tour-footer{position:absolute;bottom:55px;left:5%;right:5%}.tour-readout{display:flex;align-items:center;gap:10px;font-size:13px;color:#b8c9c0;margin-bottom:22px;font-variant-numeric:tabular-nums}.tour-readout #tour-current{font-size:27px;color:white;letter-spacing:-1px}.tour-divider{opacity:.45}.tour-readout #tour-place{margin-left:18px;color:#e4ede5;letter-spacing:.5px}.tour-stops{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;max-width:1150px}.tour-stops a{border-top:1px solid #ffffff40;padding:15px 0 0;display:flex;gap:12px;align-items:center;font-size:14px;color:#bfccc3;transition:color .25s,border-color .25s;white-space:nowrap}.tour-stops a>span{font-size:11px;color:#a3b4a8}.tour-stops a.selected{color:var(--accent);border-top-color:var(--accent)}.tour-stops a.selected>span{color:var(--accent)}.tour-stops a:hover{color:white;border-color:white}.walkthrough .scene-caption{font-size:10px;bottom:18px}.walkthrough #tour-fill{height:100%;width:100%;background:var(--accent);display:block;transform-origin:left;transform:scaleX(0);will-change:transform}.industrial-references{padding-top:0}.reference-heading{max-width:650px;margin-bottom:30px}.reference-heading h2{font-size:38px;letter-spacing:-1.5px;margin-bottom:18px}.reference-heading p{font-size:16px;line-height:1.7;color:#62756a}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.reference-card{margin:0;border:1px solid #d3ded4;background:white}.reference-card img{display:block;width:100%;height:260px;object-fit:cover}.reference-card figcaption{padding:22px;font-size:14px;line-height:1.6}.reference-card figcaption strong{display:block;font-size:18px;font-weight:500;margin-bottom:7px}.reference-card figcaption a{display:block;font-size:12px;text-decoration:underline;margin-top:12px;color:#62756a}.reference-card figcaption small{display:block;font-size:12px;color:#62756a;margin-top:8px}
@media(max-height:800px) and (min-width:761px){.tour-chapter{top:26%}.tour-chapter h1{font-size:68px}.tour-chapter h2{font-size:59px}.tour-chapter .eyebrow{margin-bottom:17px}.tour-chapter p{margin-top:18px;font-size:16px}.tour-chapter .chapter-stat{font-size:34px;margin-top:18px}.tour-chapter .chapter-stat small{font-size:12px}.tour-footer{bottom:44px}.tour-readout{margin-bottom:14px}.tour-stops a{padding-top:11px}.tour-chapter .text-link{margin-top:14px}.walkthrough .location{top:119px}}
@media(max-width:760px){.walkthrough .scene{min-height:0;height:100svh;min-height:600px}.walkthrough .location{top:112px;font-size:10px}.tour-chapter{top:24%;left:6%;right:6%}.tour-chapter h1{font-size:clamp(45px,10vw,66px);letter-spacing:-2.3px}.tour-chapter h2{font-size:clamp(40px,9.2vw,58px);letter-spacing:-2px}.tour-chapter p{font-size:16px;max-width:350px;margin-top:22px}.tour-chapter .eyebrow{font-size:11px;letter-spacing:1.5px;margin-bottom:19px}.tour-chapter .chapter-stat{font-size:35px;margin-top:20px}.tour-chapter .chapter-stat span{font-size:18px}.tour-chapter .chapter-stat small{font-size:12px}.tour-footer{left:6%;right:0;bottom:47px}.tour-readout{margin-bottom:14px}.tour-readout #tour-current{font-size:23px}.tour-stops{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:22px;padding-right:6%;max-width:none}.tour-stops::-webkit-scrollbar{display:none}.tour-stops a{flex:0 0 auto;min-width:116px;font-size:13px;padding:11px 0 5px;gap:8px}.tour-stops a>span{font-size:10px}.walkthrough .scene-caption{font-size:8px;line-height:1.5;bottom:15px;text-align:left}.reference-grid{grid-template-columns:1fr}.reference-card img{height:230px}.reference-heading h2{font-size:33px}.tour-shade{background:linear-gradient(90deg,#051d18da,#051d186b),linear-gradient(0deg,#041c16ee,transparent 40%,transparent 77%,#051d1844)}}
@media(max-width:760px) and (max-height:730px){.tour-chapter{top:25%}.tour-chapter h1{font-size:44px}.tour-chapter h2{font-size:39px}.tour-chapter p{font-size:14px;line-height:1.5;margin-top:15px}.tour-chapter .eyebrow{margin-bottom:12px}.tour-chapter .chapter-stat{font-size:29px;margin-top:12px}.tour-chapter .chapter-stat small{font-size:11px}.tour-chapter .explore{margin-top:20px}.tour-chapter .text-link{font-size:12px;margin-top:12px}.tour-footer{bottom:40px}.tour-readout{margin-bottom:10px}}
.solar-scene-note{font-size:14px;line-height:1.6;color:#dce9d0;border-left:2px solid var(--accent);padding-left:16px;margin-top:28px;max-width:400px}.solar-walkthrough .tour-scenery img{object-position:58% center;transform-origin:58% 52%}.solar-walkthrough .tour-chapter p{max-width:455px}@media(max-width:760px){.solar-scene-note{font-size:13px;line-height:1.5;margin-top:23px;max-width:300px}.solar-walkthrough .tour-scenery img{object-position:62% center}}@media(max-width:760px) and (max-height:730px){.solar-scene-note{font-size:12px;margin-top:15px}}
@media(min-width:1401px) and (max-width:1660px){.menu-toggle{display:block;margin-left:auto}header nav{display:none;position:absolute;top:100%;right:4%;background:#102823;min-width:280px;padding:25px;box-shadow:0 18px 45px #0004;border:1px solid #ffffff25;flex-direction:column;align-items:stretch;gap:0}header.menu-open nav{display:flex}header nav a:not(.nav-pill){display:block;padding:15px 0;opacity:1}header nav a+a{border-top:1px solid #ffffff1c}}
/* Official GoVerde identity and multilingual navigation. */
:root{--brand-green:#205459}header,header.solid,.inner-page header,.portfolio-page header,.about-page header{background:var(--brand-green);border-bottom:1px solid #ffffff25}footer,.about-page footer{background:var(--brand-green)}.brand.official-brand{display:flex;flex-direction:column;width:210px;flex-shrink:0;gap:7px;font-size:inherit;line-height:normal;letter-spacing:normal}.official-brand img{width:100%;height:auto;display:block}.brand.official-brand .brand-signature{color:#fff;display:block;font-size:8.8px;font-weight:500;line-height:1.3;letter-spacing:1.15px;white-space:nowrap;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-control{order:3;margin-left:23px;display:flex;align-items:center;flex-shrink:0}.language-control select{color:white;background:#205459;border:1px solid #ffffff65;border-radius:22px;padding:10px 8px 10px 13px;font-size:13px;min-width:63px;cursor:pointer}.language-control option{background:#205459;color:white}header nav{order:2;margin-left:auto;gap:19px}header .menu-toggle{order:4;margin-left:14px}.header-scroll{font-size:10px;max-width:180px}.walkthrough:not(.solar-walkthrough) .tour-chapter[data-stage="0"] h1{font-size:clamp(46px,5.6vw,84px);line-height:1.04}.walkthrough:not(.solar-walkthrough) .tour-chapter[data-stage="0"] p{max-width:500px}.tour-stops a{font-size:13px;gap:8px}html[lang="en"] .brand-signature{letter-spacing:1.3px}html[lang="es"] .about-metrics strong{white-space:normal}html[lang="es"] .about-metrics strong small{font-size:20px}.dark-link{white-space:normal}html[lang="en"] .about-metrics strong small{font-size:20px}
@media(max-width:1660px){.language-control{margin-left:auto}header nav{margin-left:0}.header-scroll{left:50%}}@media(max-width:760px){header,header.solid{height:91px;padding-inline:5%}.brand.official-brand{width:150px;gap:5px}.brand.official-brand .brand-signature{font-size:6.1px;letter-spacing:.65px}header .menu-toggle{margin-left:8px;padding:9px 10px}.language-control{margin-left:auto}.language-control select{font-size:12px;min-width:52px;padding:8px}.header-scroll{top:80px;left:50%;font-size:8px;line-height:1.25;max-width:240px;gap:8px}.header-scroll>span:last-child br{display:none}.header-scroll .scroll-icon{height:19px;width:12px}.header-scroll .scroll-icon:after{left:5px;top:5px;height:5px}header:has(.header-scroll){height:106px;padding-bottom:20px}.walkthrough .location{top:129px}.walkthrough:not(.solar-walkthrough) .tour-chapter[data-stage="0"] h1{font-size:clamp(42px,10.5vw,62px)}.walkthrough:not(.solar-walkthrough) .tour-chapter[data-stage="0"] p{font-size:15px}footer .brand.official-brand{width:190px}footer .brand.official-brand .brand-signature{font-size:7.9px}.tour-stops a{min-width:120px}html[lang="en"] .brand-signature{letter-spacing:.65px}html[lang="en"] .about-metrics strong small{font-size:16px}html[lang="es"] .about-metrics strong small{font-size:16px}.about-metrics strong small{line-height:1.1}}
@media(max-width:390px){.brand.official-brand{width:133px}.brand.official-brand .brand-signature{font-size:5.5px;letter-spacing:.45px}.language-control select{min-width:49px}header .menu-toggle span{display:none}.header-scroll{font-size:7.8px}.walkthrough:not(.solar-walkthrough) .tour-chapter[data-stage="0"] h1{font-size:40px}}
@media(max-height:800px) and (min-width:761px){.walkthrough:not(.solar-walkthrough) .tour-chapter[data-stage="0"] h1{font-size:62px}.walkthrough:not(.solar-walkthrough) .tour-chapter[data-stage="0"] p{font-size:16px;margin-top:15px}.walkthrough:not(.solar-walkthrough) .tour-chapter[data-stage="0"] .explore{margin-top:18px}}
/* Small white social icons, with a larger click target. */
header .header-socials{order:5;display:flex;align-items:center;gap:2px;margin-left:16px;flex-shrink:0}header .header-socials a{display:grid;place-items:center;width:30px;height:36px;color:#fff;border-radius:7px;transition:background-color .2s,opacity .2s}header .header-socials svg{display:block;width:16px;height:16px}header .header-socials a:hover{background:#ffffff15}header .header-socials a:focus-visible{outline:2px solid #c5e88a;outline-offset:2px}
@media(max-width:760px){header .header-socials{gap:0;margin-left:6px}header .header-socials a{width:28px;height:36px}header .header-socials svg{width:15px;height:15px}}
@media(max-width:480px){header .brand.official-brand{width:133px}header .brand.official-brand .brand-signature{font-size:5.5px;letter-spacing:.45px}header .menu-toggle{font-size:0;padding:8px;min-width:34px;margin-left:5px}header .menu-toggle span{display:inline;font-size:16px;margin-left:0}header .header-socials{margin-left:3px}}
