@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--acid:#dbff78;--cream:#f6f6ed;--ink:#262d26}*{box-sizing:border-box}html{background:#93b3ad;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d5fa78 #303c34}body{margin:0;color:var(--cream);font-family:'Manrope',sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:6px}#world,.shade,.grain{position:fixed;inset:0;pointer-events:none}#world{background:linear-gradient(#bbc9bb 0%,#b9c4ad 35%,#c99b69 72%,#486c60)}#world canvas{width:100%;height:100%;display:block}.shade{background:linear-gradient(90deg,rgba(17,35,30,.62),transparent 58%),linear-gradient(0deg,rgba(12,27,25,.6),transparent 23%,transparent 82%,rgba(17,35,30,.17));z-index:1}.grain{z-index:2;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{position:fixed;top:0;left:0;right:0;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:30px 4.4%;height:108px}.logo{font-family:'Golos Text',sans-serif;font-weight:900;font-size:38px;letter-spacing:-3px;color:var(--cream);text-decoration:none;line-height:1}.logo span{display:inline-block;color:var(--acid);font-size:37px;padding-left:8px}.header-middle{font-size:9px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:12px;margin-left:80px}.live-dot{height:6px;width:6px;display:inline-block;border-radius:100%;background:var(--acid);box-shadow:0 0 12px #d4ff7555}.book{background:rgba(29,45,35,.12);border:1px solid #e3eee355;color:var(--cream);padding:13px 20px;border-radius:4px;font-size:12px;font-weight:700;display:flex;gap:27px;align-items:center;backdrop-filter:blur(15px)}.book span{color:var(--acid);font-size:20px}.book:hover{background:#dfff7833}.stage{position:fixed;inset:0;z-index:3;pointer-events:none}.stage button,.stage a{pointer-events:auto}.top-meta{position:absolute;top:150px;left:4.5%;width:300px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;opacity:.6}.chapter{position:absolute;left:8%;top:28%;width:600px;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .55s,transform .55s,visibility .55s;pointer-events:none}.chapter.active{opacity:1;visibility:visible;transform:none}.chapter:not(.active) button{pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.1px;font-weight:700;display:flex;gap:10px;align-items:center;margin-bottom:25px}.eyebrow>span{width:18px;height:1px;background:var(--acid)}h1,h2{font-family:'Golos Text',sans-serif;margin:0;font-weight:800;letter-spacing:-5px;line-height:.99;font-size:clamp(74px,7.9vw,126px)}h1 i,h2 i{font-style:normal;color:var(--acid)}.chapter p{font-size:15px;line-height:1.8;letter-spacing:.1px;color:#eff1e9ce;margin:25px 0 27px}.primary{border:0;border-radius:3px;padding:17px 21px;background:var(--acid);font-size:12px;font-weight:800;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:38px;min-width:217px;transition:background .2s,transform .2s}.primary span{font-size:19px}.primary:hover{background:#e8ffa8;transform:translateY(-2px)}.hero-note{display:flex;align-items:center;gap:12px;margin-top:29px;font-size:9px;line-height:1.7;color:#e7eee997}.hero-note strong{font-weight:400;color:#f1f6edc4}.mouse{width:15px;height:24px;border:1px solid #e7eee977;border-radius:9px;position:relative}.mouse:after{content:'';position:absolute;left:6px;top:5px;width:1px;height:5px;background:var(--acid);animation:scroll 2s infinite}@keyframes scroll{50%{transform:translateY(5px);opacity:.2}}.location{position:absolute;right:4.5%;top:158px;display:flex;gap:12px;font-size:8px;line-height:1.8;letter-spacing:1.1px;color:#f0f2e9aa}.location b{font-weight:600;color:#f0f2e9}.crosshair{font-size:26px;line-height:1}.mission{position:absolute;right:4.5%;top:45%;width:213px;padding:19px 20px;background:#263a2d33;border:1px solid #e4f4df26;backdrop-filter:blur(12px);border-radius:4px}.mission-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;margin-bottom:15px;color:#edf5dec2}.mission strong{font-size:13px;font-weight:600;display:block}.mission p{font-size:10px;color:#ebf3e0ae;line-height:1.9;margin:9px 0 17px}.mission-bottom{border-top:1px solid #e4f4df26;padding-top:13px;display:flex;justify-content:space-between;color:var(--acid);font-size:7px;letter-spacing:1.5px}.mission-bottom>span:last-child{font-size:15px;line-height:8px}.altitude{position:absolute;right:4.5%;bottom:155px;display:flex;align-items:center;gap:15px}.alt-line{height:50px;width:9px;border-top:1px solid #e7efdf80;border-bottom:1px solid #e7efdf80;border-left:1px solid #e7efdf80}.altitude small{font-size:7px;letter-spacing:1.5px;color:#f5f8efb0}.altitude strong{display:block;font-size:35px;letter-spacing:-1px;font-weight:500;line-height:1.4;font-variant-numeric:tabular-nums}.altitude em{font-size:12px;font-style:normal;padding-left:8px}footer{position:absolute;bottom:30px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between}.sound{display:flex;gap:10px;align-items:center;border:0;background:none;color:#e8f3ddaf;font-size:8px;letter-spacing:1.3px}.sound-bars{height:16px;display:flex;align-items:center;gap:2px}.sound-bars i{height:4px;width:2px;background:var(--acid)}.sound-bars i:nth-child(2){height:10px}.sound-bars i:nth-child(3){height:15px}.sound[aria-pressed=true] i{animation:sound 1.2s infinite alternate}.sound[aria-pressed=true] i:nth-child(2){animation-delay:-.4s}@keyframes sound{to{height:3px}}.timeline{display:flex;align-items:center;gap:16px}.timeline button{background:none;border:0;color:#e7ede484;padding:10px 0;text-align:left}.timeline button>span{display:block;font-size:8px;margin-bottom:7px}.timeline b{font-size:7px;letter-spacing:1px;font-weight:600}.timeline button.current{color:var(--acid)}.timeline>i{width:35px;height:1px;background:#f0f6e344}.scroll-percent{font-size:9px;letter-spacing:1.5px;color:#edf3e77a}.scroll-percent b{color:var(--acid);font-weight:400}.progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#e7f3dc22}.progress i{height:2px;background:var(--acid);display:block;width:0}.scroll-track{height:780vh}.detail{border-top:1px solid #eef5df44;padding-top:20px;display:flex;gap:18px;max-width:370px}.detail>span{font-size:12px;color:var(--acid)}.detail strong{font-size:13px}.detail small{font-size:11px;line-height:1.9;color:#e7efdfb0;display:block;margin-top:9px}.checks{display:flex;flex-direction:column;gap:13px;font-size:12px;color:var(--acid);margin-bottom:26px}.checks b{color:var(--cream);font-weight:500;padding-left:10px}.demo-caption{display:block;font-size:9px;color:#e7efdf9c;margin-top:12px}.replay{display:block;margin-top:22px;padding:0;background:none;border:0;font-size:11px;color:#eff5e7b3}.flying h2{font-size:clamp(75px,7.5vw,112px)}#webgl-note{position:absolute;bottom:100px;left:8%;font-size:11px;background:#293b2ee0;padding:12px;max-width:400px}.skip{position:fixed;left:20px;top:-60px;z-index:20;background:var(--acid);color:var(--ink);padding:10px}.skip:focus{top:10px}dialog{border:1px solid #f1ffe326;background:#23332bf5;color:var(--cream);border-radius:9px;padding:40px;width:min(480px,calc(100% - 30px));max-height:90vh;box-shadow:0 25px 150px #0f1b23aa}dialog::backdrop{background:#14291ba6;backdrop-filter:blur(12px)}dialog h2{font-size:39px;letter-spacing:-1.5px;line-height:1.1}dialog .eyebrow{font-size:8px;margin-bottom:18px}dialog p{font-size:12px;color:#e5edddb3;line-height:1.7}dialog label{display:block;font-size:11px;margin:17px 0;color:#f0f6e8}dialog input{display:block;margin-top:8px;background:#ffffff09;border:1px solid #ffffff2b;border-radius:3px;padding:12px;color:white;width:100%;font-size:13px;color-scheme:dark}dialog input:focus{outline:1px solid var(--acid)}dialog .close{position:absolute;right:17px;top:12px;color:#eaf2de;background:none;border:0;font-size:28px}dialog .form-note{font-size:10px;line-height:1.7;color:#dce7d4a8;margin:20px 0}dialog .primary{width:100%}#form-status{color:var(--acid)}
@media(min-height:950px){.chapter{top:30%}}@media(max-width:1100px){.chapter{left:6%;width:530px}h1,h2{font-size:86px}.mission{width:180px;right:4%}.header-middle{margin-left:0;font-size:8px}.timeline{gap:10px}.timeline>i{width:20px}}@media(max-width:760px){header{padding:22px 6%;height:84px}.logo{font-size:31px}.logo span{font-size:30px}.header-middle{display:none}.book{font-size:10px;padding:8px 13px;gap:15px}.top-meta{top:110px;left:6%;width:250px;font-size:7px}.chapter{left:6%;top:23%;width:88%}h1,h2{font-size:clamp(58px,13vw,88px);letter-spacing:-3px;line-height:1.03}.eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:19px}.chapter p{font-size:12px;line-height:1.8;margin:18px 0 20px}.primary{font-size:11px;min-width:190px;padding:12px 16px}.hero-note{margin-top:22px;font-size:8px}.mission{display:none}.location{top:auto;bottom:135px;right:6%;font-size:6px}.altitude{bottom:205px;right:6%}.altitude strong{font-size:28px}.altitude small{font-size:6px}.alt-line{height:40px}.sound{font-size:0;gap:0}.timeline{gap:10px}.timeline>i{width:14px}.timeline b{display:none}.timeline button span{font-size:10px;margin:0}.timeline button{padding:16px 4px}.scroll-percent{font-size:7px;letter-spacing:.5px}footer{bottom:22px;left:6%;right:6%}.detail{max-width:280px}.detail strong{font-size:11px}.detail small{font-size:10px}.checks{font-size:11px;gap:10px}.demo-caption{font-size:8px;max-width:240px;line-height:1.6}.flying h2{font-size:66px}.shade{background:linear-gradient(90deg,#11271ba6,transparent 100%),linear-gradient(0deg,#10281db3,transparent 33%)}dialog{padding:30px}dialog h2{font-size:35px}}@media(max-height:700px) and (min-width:761px){.chapter{top:25%}h1,h2{font-size:79px}.chapter p{margin:17px 0;font-size:12px}.hero-note{margin-top:18px}.top-meta,.location{top:120px}.altitude{bottom:110px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

[hidden]{display:none!important}

@media(max-width:760px){.location{display:none}}

/* Keep route controls above the free Netlify hosting badge. */
@media(max-width:760px){footer{bottom:82px}}