:root{
  --ink:#071711; --ink2:#0b2018; --cream:#f2ede1; --paper:#f8f3e9;
  --gold:#d39a35; --lime:#9bbb42; --teal:#1e7d78; --muted:#8d9b8f; --white:#fff;
  --line:rgba(255,255,255,.18); --max:1480px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#152219;font-family:'DM Sans',sans-serif;overflow-x:hidden}img{display:block;width:100%}a{color:inherit;text-decoration:none}.section-pad{padding:clamp(80px,9vw,150px) clamp(24px,5vw,84px)}
.splash{position:fixed;inset:0;background:radial-gradient(circle at 40% 35%,#123226 0,#071711 54%,#030a07 100%);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .8s ease,visibility .8s ease}.splash.hide{opacity:0;visibility:hidden}.splash-mark{text-align:center;color:white;animation:splashIn 1.4s cubic-bezier(.2,.8,.2,1)}.splash-kicker{font:800 clamp(34px,6vw,82px)/.9 'Manrope';letter-spacing:.12em;display:block}.splash-title{display:block;font:500 clamp(11px,1.4vw,19px)/1.5 'Manrope';letter-spacing:.32em;margin-top:20px}.splash-line{width:90px;height:2px;background:var(--gold);display:block;margin:28px auto 22px}.splash-tag{font-size:12px;letter-spacing:.4em;color:#d9c087}@keyframes splashIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.topbar{position:fixed;top:0;left:0;right:0;height:82px;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 34px;color:white;background:linear-gradient(to bottom,rgba(3,12,8,.72),rgba(3,12,8,.1));transition:.35s}.topbar.scrolled{height:70px;background:rgba(7,23,17,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.09)}.brand{display:flex;align-items:center;gap:11px}.brand-glyph{width:38px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;font:800 20px 'Manrope';color:var(--gold)}.brand-copy{display:flex;flex-direction:column}.brand-copy b{font:800 19px 'Manrope';letter-spacing:.18em}.brand-copy small{font:600 7px 'Manrope';letter-spacing:.18em}.nav{display:flex;gap:24px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav a{opacity:.72;transition:.25s}.nav a:hover{opacity:1;color:#d7be75}.nav-toggle{display:none;background:none;border:0;color:white;font-size:24px}
.hero{height:100svh;min-height:760px;position:relative;background:#071711;color:white;overflow:hidden}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);animation:heroZoom 18s ease-out forwards}@keyframes heroZoom{to{transform:scale(1.08)}}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,7,.82) 0%,rgba(3,10,7,.42) 42%,rgba(3,10,7,.08) 72%),linear-gradient(0deg,rgba(3,10,7,.66),transparent 45%)}.hero-copy{position:absolute;left:clamp(28px,6vw,98px);top:50%;transform:translateY(-50%);width:min(770px,60vw);z-index:2}.eyebrow{font:700 11px 'Manrope';letter-spacing:.25em;color:#e2c878;text-transform:uppercase}.eyebrow.green{color:#486f4f}.eyebrow.lime{color:#b6d453}.hero h1{font:300 clamp(54px,7.8vw,120px)/.84 'Manrope';letter-spacing:-.055em;margin:22px 0 24px}.hero h1 span{font-weight:700;font-size:.42em;letter-spacing:-.02em}.hero p{max-width:700px;font-size:clamp(16px,1.45vw,22px);line-height:1.55;color:rgba(255,255,255,.78)}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{padding:15px 20px;border-radius:999px;font-weight:700;font-size:12px;letter-spacing:.06em}.btn-primary{background:var(--gold);color:#071711}.btn-ghost{border:1px solid rgba(255,255,255,.35)}.hero-rail{position:absolute;right:0;bottom:0;z-index:2;background:rgba(5,19,14,.86);backdrop-filter:blur(12px);display:flex;padding:23px 46px 24px 36px;gap:36px;clip-path:polygon(7% 0,100% 0,100% 100%,0 100%)}.hero-rail div{display:flex;flex-direction:column;min-width:120px}.hero-rail b{font:700 19px 'Manrope';color:#e3c376}.hero-rail span{font-size:9px;letter-spacing:.08em;color:rgba(255,255,255,.62);margin-top:4px;text-transform:uppercase}.scrollcue{position:absolute;left:clamp(28px,6vw,98px);bottom:30px;z-index:3;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.55)}.scrollcue span{display:inline-block;margin-left:8px;animation:bounce 1.5s infinite}@keyframes bounce{50%{transform:translateY(5px)}}
.statement{display:flex;position:relative;gap:7vw;background:var(--paper);align-items:flex-start}.statement-index{font:300 clamp(70px,11vw,180px)/.8 'Manrope';color:#d8d1c2;letter-spacing:-.08em}.statement-main{max-width:880px}.statement h2,.section-head h2,.connectivity h2,.phasing h2{font:500 clamp(40px,5.2vw,78px)/.95 'Manrope';letter-spacing:-.045em;margin:18px 0 26px}.statement h2 em,.section-head h2 em,.connectivity h2 em,.phasing h2 em{font-style:normal;color:#577359}.statement-main p,.section-head p,.connectivity-copy p{font-size:18px;line-height:1.7;color:#536157;max-width:820px}.statement-side{margin-left:auto;display:flex;flex-direction:column;gap:14px;border-left:1px solid #cbc5b9;padding-left:28px}.statement-side span{font:700 11px 'Manrope';letter-spacing:.25em;color:#8e877b}
.masterplan{background:var(--ink);color:white;display:flex;min-height:760px;overflow:hidden}.masterplan-copy{width:38%;padding:110px 62px 90px clamp(30px,5vw,82px);display:flex;flex-direction:column;justify-content:center}.masterplan h2{font:500 clamp(52px,5.4vw,86px)/.92 'Manrope';letter-spacing:-.055em;margin:18px 0 24px}.masterplan-copy p{font-size:17px;line-height:1.7;color:rgba(255,255,255,.66)}.metric-run{display:flex;gap:30px;margin-top:30px;flex-wrap:wrap}.metric-run span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9aa89d}.metric-run b{font:700 26px 'Manrope';color:#cddc83;margin-right:6px}.masterplan-figure{margin:0;width:62%;position:relative;background:#000;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.masterplan-figure img{width:100%;height:100%;object-fit:cover}.masterplan-figure figcaption{position:absolute;bottom:18px;right:26px;background:rgba(0,0,0,.56);padding:8px 10px;font-size:9px;color:#ddd;letter-spacing:.03em}
.section-head{max-width:980px}.zone-section{background:#f2ede1}.zone-rail{margin:55px 0 25px;display:flex;overflow:auto;gap:4px;padding-bottom:8px;scrollbar-width:thin}.zone-chip{flex:0 0 auto;border:0;background:#ddd6c9;padding:13px 16px;font:700 10px 'Manrope';letter-spacing:.06em;color:#5f685f;cursor:pointer;transition:.25s}.zone-chip.active,.zone-chip:hover{background:var(--ink);color:#fff}.zone-stage{min-height:580px;background:var(--ink);color:white;position:relative;display:flex;align-items:stretch;overflow:hidden}.zone-number{position:absolute;left:28px;top:20px;font:300 80px/1 'Manrope';color:rgba(255,255,255,.09)}.zone-copy{width:42%;padding:105px 4.5vw 70px;z-index:2}.zone-copy h3{font:600 clamp(40px,4.2vw,70px)/.98 'Manrope';letter-spacing:-.045em;margin:18px 0}.zone-copy>p{font-size:17px;line-height:1.7;color:rgba(255,255,255,.67)}.zone-details{margin-top:32px;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.15)}.zone-details span{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px;color:#c4cec7}.zone-details b{color:#e0c577;font-weight:600;margin-right:8px}.zone-image-wrap{width:58%;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%);overflow:hidden}.zone-image-wrap img{height:100%;object-fit:cover;transition:opacity .25s,transform .8s}.zone-stage.updating .zone-image-wrap img{opacity:.35;transform:scale(1.04)}
.arena{background:#050d09;color:white;padding-top:110px}.arena-top{padding:0 clamp(28px,6vw,92px) 50px}.arena-top h2{font:700 clamp(64px,10vw,150px)/.82 'Manrope';letter-spacing:-.07em;margin:18px 0}.arena-top p{font:300 22px 'Manrope';color:#b8c0ba}.arena-visual{height:68vh;min-height:520px}.arena-visual img{height:100%;object-fit:cover}.arena-bands{display:flex;background:#0b1e16}.arena-band{flex:1;padding:30px clamp(16px,2.8vw,44px);border-right:1px solid rgba(255,255,255,.12)}.arena-band b{display:block;font:700 clamp(25px,3vw,44px) 'Manrope';color:#d6b35f}.arena-band span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#87978b}
.experience{background:#071711}.experience-panel{height:78vh;min-height:580px;position:relative;overflow:hidden}.experience-panel img{height:100%;object-fit:cover;transition:transform 1.4s}.experience-panel:hover img{transform:scale(1.03)}.experience-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,8,.72),transparent 60%)}.experience-overlay{position:absolute;left:clamp(28px,6vw,92px);bottom:70px;z-index:2;color:white;max-width:560px}.experience-overlay>span{font:700 12px 'Manrope';color:#e2c878;letter-spacing:.2em}.experience-overlay h3{font:500 clamp(40px,5vw,78px)/.95 'Manrope';margin:12px 0 15px;letter-spacing:-.04em}.experience-overlay p{font-size:17px;line-height:1.65;color:rgba(255,255,255,.7)}
.connectivity{display:flex;gap:6vw;background:#efe9dc;align-items:center}.connectivity-map{width:55%;box-shadow:0 24px 50px rgba(0,0,0,.18);transform:rotate(-1.2deg)}.connectivity-copy{width:39%}.route-lines{margin-top:35px;border-top:1px solid #c9c2b4}.route-lines div{display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid #c9c2b4}.route-lines span{font-weight:700}.route-lines b{font-size:11px;font-weight:500;color:#68746a;text-transform:uppercase;letter-spacing:.05em}
.smart{height:86vh;min-height:650px;position:relative;color:white;overflow:hidden}.smart-bg{position:absolute;inset:0;height:100%;object-fit:cover}.smart-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,8,.92),rgba(3,12,8,.25) 70%)}.smart-copy{position:absolute;left:clamp(28px,6vw,92px);top:50%;transform:translateY(-50%);max-width:720px}.smart-copy h2{font:500 clamp(44px,5vw,80px)/.95 'Manrope';letter-spacing:-.045em;margin:20px 0}.smart-copy p{font-size:18px;line-height:1.7;color:rgba(255,255,255,.68)}.smart-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.smart-list span{border:1px solid rgba(255,255,255,.28);padding:10px 14px;border-radius:999px;font-size:11px;color:#d7e0d9}
.phasing{background:#f7f2e8}.phase-flow{display:flex;align-items:flex-start;margin-top:70px}.phase{flex:1;min-width:0}.phase span{font:700 10px 'Manrope';letter-spacing:.18em;color:#748a43}.phase h3{font:600 32px 'Manrope';margin:10px 0 14px}.phase p{font-size:14px;line-height:1.6;color:#647064;min-height:130px}.phase b{font:700 12px 'Manrope';color:#b17e28}.phase-line{width:64px;height:1px;background:#c6bdad;margin:28px 20px 0;position:relative}.phase-line:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid #8d8069;border-top:1px solid #8d8069;transform:rotate(45deg)}
.legacy{height:86vh;min-height:680px;position:relative;color:white}.legacy img{position:absolute;inset:0;height:100%;object-fit:cover}.legacy:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,14,10,.85),rgba(5,14,10,.15) 66%)}.legacy-copy{position:absolute;z-index:2;left:clamp(28px,6vw,92px);top:50%;transform:translateY(-50%);max-width:750px}.legacy h2{font:500 clamp(52px,6.2vw,96px)/.9 'Manrope';letter-spacing:-.055em;margin:20px 0}.legacy p{font-size:19px;line-height:1.65;color:rgba(255,255,255,.72)}.legacy-signature{margin-top:35px;font:700 12px 'Manrope';letter-spacing:.32em;color:#d7b55e}
footer{background:#06110c;color:white;padding:40px clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:20px}footer p{font-size:10px;color:#819086;text-transform:uppercase;letter-spacing:.08em}footer>a{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#d6bb6d}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:1100px){.nav{display:none;position:absolute;top:70px;right:18px;flex-direction:column;background:#071711;padding:22px;width:240px}.nav.open{display:flex}.nav-toggle{display:block}.hero-copy{width:78vw}.hero-rail{left:0;right:0;clip-path:none;gap:12px;justify-content:space-around;padding:18px}.hero-rail div{min-width:0}.masterplan{flex-direction:column}.masterplan-copy,.masterplan-figure{width:100%}.masterplan-figure{height:62vh;clip-path:none}.zone-stage{flex-direction:column}.zone-copy,.zone-image-wrap{width:100%}.zone-image-wrap{height:480px;clip-path:none}.connectivity{flex-direction:column}.connectivity-map,.connectivity-copy{width:100%}.phase-flow{flex-direction:column;gap:28px}.phase-line{width:1px;height:42px;margin:0 0 0 15px}.phase-line:after{display:none}.phase p{min-height:0}.arena-bands{flex-wrap:wrap}.arena-band{flex:1 1 50%}.statement-side{display:none}}
@media(max-width:700px){.topbar{padding:0 18px}.brand-copy b{font-size:14px}.brand-copy small{font-size:5.7px}.hero{min-height:720px}.hero-copy{width:calc(100% - 44px);left:22px;top:44%}.hero h1{font-size:54px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-rail{display:grid;grid-template-columns:1fr 1fr;padding:14px 22px}.hero-rail div{padding:5px 0}.hero-rail b{font-size:16px}.scrollcue{display:none}.statement{flex-direction:column}.statement-index{font-size:80px}.statement h2,.section-head h2,.connectivity h2,.phasing h2{font-size:44px}.masterplan-copy{padding:80px 24px 60px}.masterplan h2{font-size:56px}.zone-stage{min-height:0}.zone-copy{padding:80px 24px 48px}.zone-image-wrap{height:360px}.arena-top{padding-left:24px}.arena-top h2{font-size:62px}.arena-visual{height:48vh;min-height:380px}.experience-panel{height:66vh;min-height:520px}.experience-overlay{left:24px;bottom:40px;right:24px}.experience-overlay h3{font-size:46px}.smart{min-height:700px}.smart-copy{left:24px;right:24px}.legacy-copy{left:24px;right:24px}.legacy h2{font-size:56px}.footer-brand{display:none}footer{justify-content:space-between}}