:root{color-scheme:dark;--cyan:#69eaff;--violet:#b092ff;--bg:#06080c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#eef3f7;background:var(--bg);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:7px}.skip{position:fixed;top:-80px;left:20px;z-index:20;padding:15px;background:#06080c}.skip:focus{top:10px}.journey{height:210svh}.stage{height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#1b3440,#06080c 70%)}#scene{position:absolute;inset:0;width:100%;height:100%}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#06080caa,transparent 28%,transparent 75%,#06080c88)}header{position:absolute;left:3.8vw;top:24px}header img{display:block;width:clamp(210px,24vw,330px);height:auto;mix-blend-mode:screen}header p{font:9px/1.7 'Courier New',monospace;letter-spacing:.8px;margin:0 0 0 8px;color:#a9b9c8}header p span{color:#71879a}aside{position:absolute;right:4vw;top:49px;text-align:right;max-width:240px}.label{font:10px/1.6 'Courier New',monospace;letter-spacing:1.3px;color:#87a1b5}aside p{font:12px/1.5 'Courier New',monospace;margin:20px 0;color:#d0dce5}aside a{font:9px 'Courier New',monospace;color:var(--cyan)}.scene-note{position:absolute;left:4.4vw;bottom:23%;max-width:330px}.scene-note .label{color:var(--cyan)}h1{font-weight:400;font-size:clamp(37px,4.3vw,66px);line-height:1.02;letter-spacing:-.055em;margin:19px 0} .scene-note p{font-size:12px;color:#90a8bb}.telemetry{position:absolute;right:4.3vw;top:61%;font:9px/1.9 'Courier New',monospace;letter-spacing:1px;display:grid;gap:5px;color:#8eb5c9}.telemetry span:first-child{color:var(--cyan)}.stage-bottom{position:absolute;left:4.4vw;right:4.4vw;bottom:35px;display:flex;justify-content:space-between;align-items:end;font:10px/1.4 'Courier New',monospace}.discover{position:relative}.discover span{position:absolute;right:-35px;bottom:0;color:var(--cyan);font-size:24px}.controls{display:flex;gap:22px}button{background:none;border:0;border-bottom:1px solid #536575;color:#b7c6d1;font:9px/1.4 'Courier New',monospace;letter-spacing:.5px;padding:10px 0;cursor:pointer}button[aria-pressed=true]{color:var(--cyan)}.edition{color:#70899c;font-size:8px;letter-spacing:1.5px}.progress{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#263a4844}.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet))}#fallback{position:absolute;top:49%;width:100%;text-align:center;color:#b7d1e5}.chapter{padding:120px 8vw;display:grid;grid-template-columns:1fr 2.6fr;gap:40px;border-top:1px solid #26303a}.chapter>.label{padding-top:7px}h2{font-size:clamp(40px,5.4vw,78px);font-weight:400;letter-spacing:-.06em;line-height:1.06;margin:0 0 35px}h2 em{font-style:normal;color:#71889b}.chapter>div>p{max-width:540px;line-height:1.85;color:#a8bac8;font-size:16px}.horizon{background:linear-gradient(135deg,#0a111a,#0d0b16)}.rows{margin-top:55px}.rows article{display:flex;align-items:center;border-top:1px solid #2b3b4a;padding:28px 0;gap:30px}.rows article>span{font:10px 'Courier New',monospace;color:var(--cyan)}.rows article>div{flex:1}h3{font-weight:400;font-size:24px;margin:0 0 10px;letter-spacing:-.5px}.rows p{margin:0;font-size:12px;color:#899fb2}.rows small{font:9px 'Courier New',monospace;letter-spacing:1px;color:#aa95d0}footer{display:flex;justify-content:space-between;gap:25px;padding:45px 8vw;font:9px 'Courier New',monospace;color:#8fa4b7}footer a{color:var(--cyan)}@media(max-width:700px){.journey{height:170svh}.stage{min-height:700px}header{left:5vw;top:18px}header img{width:220px}header p{font-size:8px}aside{top:155px;right:6vw}aside p{font-size:10px;margin:12px 0}aside a{font-size:8px}.scene-note{left:6vw;bottom:19%}h1{font-size:42px}.scene-note>p{font-size:11px}.scene-note .label{font-size:8px}.telemetry{top:57%;right:6vw;font-size:7px}.stage-bottom{left:6vw;right:6vw;bottom:25px;font-size:9px}.controls{flex-direction:column;gap:3px;text-align:right}.controls button{font-size:8px;padding:9px 0}.edition{display:none}.chapter{padding:65px 7vw;grid-template-columns:1fr;gap:25px}.chapter>div>p{font-size:15px}.rows article{gap:17px}.rows p{font-size:11px;max-width:200px;line-height:1.6}.rows small{font-size:8px}footer{flex-wrap:wrap;line-height:1.7}footer span:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
