@font-face{font-family:Inter;src:url('/assets/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#1e1e1e;--muted:#797a78;--paper:#fbfaf7;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #6b9282;outline-offset:5px}button{cursor:pointer}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:14px;border-radius:8px}.skip:focus{top:12px}
.header{height:82px;position:fixed;inset:0 0 auto;display:flex;align-items:center;gap:18px;padding:0 4.6vw;z-index:20;background:linear-gradient(var(--paper),#fbfaf7ed 65%,#fbfaf700)}.brand{display:flex;align-items:center}.brand img{width:148px;height:auto}.preview{font-size:9px;letter-spacing:.17em;color:#979995;padding:5px 7px;border:1px solid #deded7;border-radius:4px}.header-link{margin-left:auto;font-size:12px;display:flex;align-items:center;gap:24px;padding:12px 0}.header-link span{font-size:17px}
.journey{height:350vh;position:relative}.stage{height:100svh;min-height:620px;position:relative;overflow:visible;background:transparent}.light{position:fixed;width:52vw;height:52vw;border-radius:50%;z-index:0;opacity:0;pointer-events:none;filter:blur(65px)}.light-mint{background:radial-gradient(circle,#e6eee4 0%,#e6eee400 66%);right:-12vw;top:4vh}.light-lilac{background:radial-gradient(circle,#eeebf5 0%,#eeebf500 66%);right:7vw;bottom:-25vw}
.story-copy{position:fixed;left:7vw;top:31vh;width:43%;z-index:3;pointer-events:none}.eyebrow{font-size:10px;font-weight:550;letter-spacing:.19em;line-height:1.5;color:#90918b;margin:0 0 25px}.headlines{position:relative;height:220px}.chapter{position:absolute;inset:0;opacity:0;transform:translateY(16px);pointer-events:none}.chapter.active{opacity:1;transform:none}.chapter h1,.chapter h2{font-size:clamp(42px,4.3vw,76px);line-height:1.08;letter-spacing:-.065em;font-weight:520;margin:0 0 26px}.chapter h1 span,.chapter h2 span{color:#7d827c}.chapter p{font-size:14px;line-height:1.8;letter-spacing:-.02em;margin:0;color:#797e78}.explore{font-size:12px;font-weight:500;margin-top:25px;display:inline-flex;align-items:center;gap:30px;padding:14px 0;pointer-events:auto}.explore span{font-size:16px}.map-visual{position:fixed;z-index:1;width:78%;height:100%;left:33%;top:0;pointer-events:none}.map-visual svg{height:100%;width:100%;overflow:visible}.map-caption{position:absolute;bottom:20%;left:24%;font-size:10px;letter-spacing:.05em;color:#939a90;opacity:0;white-space:nowrap}#world{will-change:transform}.map-node rect{filter:url(#node-shadow)}.map-node text{font-family:Inter,system-ui,sans-serif;font-weight:480;letter-spacing:-.035em;fill:#454d48}.root-node text{fill:white;font-weight:490;letter-spacing:-.035em}.connector{fill:none;stroke-width:2;stroke-linecap:round}.branch,.leaf{opacity:0}.root-node{opacity:1}
.journey-bottom{position:fixed;z-index:4;left:7vw;right:6vw;bottom:30px;display:flex;align-items:center;gap:25px}.scroll-cue{display:flex;align-items:center;gap:16px;border:0;background:none;padding:10px 0;font-size:10px;letter-spacing:.025em;color:#8b8e88;min-height:44px}.scroll-line{width:28px;height:1px;background:#acb6a9}.steps{display:flex;align-items:center;gap:6px;margin-left:auto}.steps button{width:32px;height:44px;border:0;padding:0;background:none;display:grid;place-items:center}.steps button span{width:5px;height:5px;border-radius:50%;background:#ced0c8;transition:transform 160ms var(--ease-out),background 160ms ease}.steps button[aria-current] span{transform:scale(1.4);background:#4c594f}.counter{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#4e594e}.counter-total{color:#aaada5}
.invitation{min-height:92svh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:100px 25px 110px;text-align:center;background:#f6f6f1;position:relative;z-index:7}.invitation:before{content:'';width:1px;height:75px;position:absolute;top:0;left:50%;background:linear-gradient(#bbc8b6,#bbc8b600)}.invitation .eyebrow{margin-bottom:26px}.invitation h2{font-size:clamp(36px,4.1vw,66px);line-height:1.13;font-weight:510;letter-spacing:-.06em;margin:0 0 25px}.invitation>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#81847a;max-width:380px;margin:0 0 35px}.start{display:inline-flex;align-items:center;gap:32px;min-height:48px;padding:15px 22px;border-radius:9px;background:#272d27;color:white;font-size:12px}.replay{font-size:11px;color:#989d90;margin-top:30px;display:flex;gap:20px;min-height:44px;align-items:center}footer{position:relative;z-index:7;padding:35px 5vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ebede3;background:#f6f6f1}footer p{font-size:10px;color:#999d93}.no-js{padding:20px;text-align:center}
@media(hover:hover) and (pointer:fine){.explore:hover span,.header-link:hover span{transform:translate(2px,-2px)}.start:hover{background:#3a443a}.steps button:hover span{background:#879882}.replay:hover{color:#4e5d4e}.explore span,.header-link span{transition:transform 160ms var(--ease-out)}}
@media(min-width:1600px){.headlines{height:260px}.story-copy{top:32vh}}
@media(max-width:760px){.header{height:70px;padding:0 24px;gap:10px}.brand img{width:119px}.preview{font-size:8px;padding:4px 5px}.header-link{font-size:10px;gap:10px}.journey{height:300vh}.stage{min-height:590px}.story-copy{left:24px;top:16vh;width:calc(100% - 48px);text-align:center}.eyebrow{font-size:9px;margin-bottom:19px}.headlines{height:156px}.chapter h1,.chapter h2{font-size:clamp(36px,8.8vw,54px);line-height:1.08;margin-bottom:18px;letter-spacing:-.055em}.chapter p{font-size:12px;line-height:1.7}.explore{display:none}.map-visual{left:0;top:34vh;height:57vh;width:100%}.map-visual svg{overflow:visible}.map-caption{bottom:4%;left:0;right:0;text-align:center;font-size:9px}.light{width:130vw;height:130vw;filter:blur(45px)}.light-mint{top:20%;right:-65vw}.light-lilac{bottom:-10%;right:0}.journey-bottom{left:24px;right:24px;bottom:15px;gap:12px}.scroll-cue{font-size:9px;gap:10px}.scroll-line{width:16px}.steps{gap:0}.steps button{width:28px}.counter{font-size:9px}.invitation{min-height:78svh;padding:100px 24px 80px}.invitation h2{font-size:38px}.invitation>p:not(.eyebrow){font-size:12px}.start{font-size:12px}footer{padding:25px 24px;gap:20px}footer img{width:90px;height:auto}footer p{font-size:9px;max-width:135px;text-align:right}}
@media(max-height:680px) and (min-width:761px){.stage{min-height:500px}.story-copy{top:25vh}.chapter h1,.chapter h2{font-size:48px}.map-caption{bottom:15%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#world{will-change:auto}.journey{height:170vh}.chapter{transform:none!important}.light{display:none}.map-caption{opacity:1!important}.steps button span,.explore span,.header-link span{transition:none}}



body.after-story :is(.story-copy,.map-visual,.journey-bottom,.light){visibility:hidden}
