@font-face{font-family:Lato;src:url(assets/lato-400.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Lato;src:url(assets/lato-900.ttf) format('truetype');font-weight:900;font-display:swap}
:root{--bg:#101411;--fg:#f1f3ed;--muted:#9ca79f;--green:#84d77d;--line:#ffffff23}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;color:var(--fg);background:var(--bg);font:16px/1.55 Lato,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:7px}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--green);color:#101411;padding:12px}.skip:focus{top:15px}header{height:110px;padding:25px 4.5%;position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:143px;height:auto;display:block}.edition{font-size:10px;letter-spacing:2px;color:#b4bdb5}.edition i{font-style:normal;margin:0 13px;color:var(--green)}.contact{font-size:12px;border-bottom:1px solid #7b867c;padding:10px 0}.contact span{color:var(--green);margin-left:22px}.journey{height:650svh;position:relative}.sticky{position:sticky;top:0;height:100svh;min-height:570px;overflow:hidden;background:#101411}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 50%,#293a2b55,transparent 60%)}#scene{position:absolute;inset:8% 0 8% 21%;pointer-events:none}canvas{display:block;width:100%;height:100%}#fallback{width:100%;height:100%;object-fit:contain}.scene-meta{position:absolute;left:4.5%;right:4.5%;top:142px;display:flex;align-items:center;gap:8px;color:#9aa69c;font-size:9px;letter-spacing:1.8px}.dot{height:5px;width:5px;border-radius:50%;background:var(--green)}.meta-right{margin-left:auto;color:#738277;font-size:8px}.copy{position:absolute;left:4.5%;top:30%;max-width:420px;width:34%;pointer-events:none}.copy a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--green);margin:0 0 25px}h1{font-weight:900;font-size:clamp(38px,4.1vw,66px);line-height:1.04;letter-spacing:-2.5px;margin:0 0 26px}em{font-style:normal;color:var(--green)}#description{color:#aab5ac;font-size:14px;line-height:1.8;max-width:300px;margin:0}.text-link{display:inline-flex;gap:30px;align-items:center;margin-top:30px;font-size:12px;border-bottom:1px solid #8a958b;padding-bottom:9px}.text-link span{color:var(--green)}.annotation{position:absolute;right:6%;top:29%;color:#c7d1c6;font-size:9px;letter-spacing:1.5px;display:flex;align-items:center;gap:10px}.annotation-line{width:30px;height:1px;background:#839781}.annotation-line:before{content:'';display:block;width:4px;height:4px;background:var(--green);margin-top:-1px;border-radius:50%}.scene-caption{position:absolute;bottom:133px;left:44%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.8px;color:#89998b}.chapters{position:absolute;bottom:55px;left:4.5%;right:4.5%;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.chapters a{color:#79867c;font-size:12px;padding:12px 0 20px;white-space:nowrap}.chapters a span{font-size:9px;display:inline-block;margin-right:12px;opacity:.7}.chapters a[aria-current]{color:var(--fg)}.chapters a[aria-current] span{color:var(--green);opacity:1}.rail{position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--line)}.rail i{display:block;width:0;height:2px;background:var(--green);transition:width .1s linear}.motion{position:absolute;bottom:14px;left:4.5%;font-size:9px;color:#9da89f;letter-spacing:.5px;background:none;border:0;padding:7px 0;cursor:pointer}.motion:before{content:'◉';margin-right:8px;color:var(--green)}.milestones{position:absolute;inset:0;pointer-events:none}.milestones>div{position:absolute;width:1px;height:1px;left:0}.milestones>div:nth-child(1){top:calc(550svh * .2)}.milestones>div:nth-child(2){top:calc(550svh * .38)}.milestones>div:nth-child(3){top:calc(550svh * .56)}.milestones>div:nth-child(4){top:calc(550svh * .73)}.milestones>div:nth-child(5){top:calc(550svh * .98)}.details{padding:120px 8%;border-top:1px solid var(--line);background:#141a16}.details h2{font-weight:400;font-size:clamp(29px,3vw,45px);line-height:1.22;letter-spacing:-1.2px}.details h2 span{color:#8f9d92}.component-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:65px}.component-grid article{border-top:1px solid #4a5b4b;padding-top:23px}.component-grid article>span{font-size:9px;letter-spacing:1.2px;color:var(--green)}h3{font-size:18px;line-height:1.25;font-weight:400;margin:20px 0 15px}.component-grid p{color:#9aa79d;font-size:13px;line-height:1.9}.closing{padding:130px 8%;background:radial-gradient(ellipse at 100% 100%,#25462955,transparent 65%)}.closing h2{font-size:clamp(36px,5.5vw,80px);line-height:1.12;letter-spacing:-2.2px;font-weight:900;margin:25px 0 42px}.cta{display:inline-flex;gap:45px;align-items:center;background:var(--green);color:#101411;padding:18px 23px;font-size:13px}.cta:hover{background:#a1e89b}.website{display:block;font-size:12px;color:#a3b0a5;margin-top:24px}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 4.5%;border-top:1px solid var(--line);font-size:10px;color:#8b998e}.no-script{padding:20px}.static-mode .journey{height:100svh}.static-mode .milestones{display:none}.static-mode .chapters a{cursor:pointer}.static-mode .scene-caption span:last-child{visibility:hidden}
@media(min-width:1700px){.copy{top:34%;max-width:540px}#scene{inset:9% 0 8% 23%}#description{font-size:16px;max-width:350px}}
@media(max-width:900px){header{height:90px}.brand img{width:116px}.edition{display:none}.contact{font-size:11px}.scene-meta{top:105px}.copy{top:24%;width:35%}h1{font-size:38px;letter-spacing:-1.5px}#description{font-size:12px}.annotation{top:22%;font-size:8px}.chapters a{font-size:10px}.chapters a span{margin-right:7px}.component-grid{grid-template-columns:1fr 1fr}.scene-caption{left:42%}}
@media(max-width:600px){header{padding:16px 6%;height:86px}.brand img{width:108px}.contact{font-size:10px}.contact span{margin-left:8px}.sticky{min-height:650px}.scene-meta{top:108px;left:6%;right:6%;font-size:8px}.meta-right{display:none}.copy{left:6%;top:148px;width:88%;max-width:none}.eyebrow{font-size:8px;margin-bottom:16px}h1{font-size:37px;line-height:1.03;margin-bottom:14px;letter-spacing:-1.5px}#description{max-width:300px;font-size:12px;line-height:1.6}#explore{display:none}#scene{inset:36% -8% 12% -8%}.annotation{top:auto;bottom:160px;right:6%;font-size:7px}.scene-caption{left:6%;right:6%;bottom:132px;font-size:7px}.scene-caption span:last-child{display:none}.chapters{left:6%;right:6%;gap:5px;bottom:53px}.chapters a{font-size:8px;white-space:normal;line-height:1.3;padding-bottom:14px}.chapters a span{display:block;margin-bottom:7px;font-size:8px}.motion{left:6%;bottom:13px;font-size:8px}.details{padding:75px 6%}.component-grid{gap:24px;margin-top:38px}.component-grid article>span{font-size:7px}.component-grid p{font-size:12px}.component-grid h3{font-size:17px}.closing{padding:80px 6%}.closing h2{font-size:38px;letter-spacing:-1.4px}.cta{font-size:11px;gap:20px;padding:17px}footer{flex-wrap:wrap;padding:24px 6%;font-size:8px}.journey{height:650svh}.static-mode .journey{height:max(100svh,650px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rail i{transition:none}}
[hidden]{display:none!important}
body{overflow-anchor:none}
@media(min-width:601px) and (max-width:1100px){#scene{left:34%}.copy{width:31%}h1{font-size:clamp(32px,3.8vw,42px)}}
