:root{color-scheme:dark;--void:#08070e;--pearl:#f1e8e3;--gold:#d6b277;--lavender:#b6a7cd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--void);color:var(--pearl);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:7px}#cosmos{position:fixed;inset:0;width:100%;height:100%;z-index:0}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 20%,#08070e66 75%,#08070edd 100%),linear-gradient(0deg,#08070e88,transparent 28%,transparent 80%,#08070e99)}.grain{position:fixed;inset:0;z-index:7;opacity:.09;pointer-events:none;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:28px 5%;font-size:12px;letter-spacing:2px}.brand{display:flex;gap:12px;align-items:center;color:var(--gold);font-size:23px}.brand span{font-size:12px;letter-spacing:3px;color:var(--pearl)}nav{display:flex;align-items:center;gap:27px;font-size:12px;letter-spacing:1px}nav button{border:0;background:transparent;color:var(--lavender);padding:5px 0;font-size:12px}.ticker{font-size:12px;letter-spacing:3px;color:var(--gold)}main{position:relative;z-index:2}.chapter{height:165svh;position:relative;pointer-events:none}.chapter:last-child{height:135svh}.story{position:sticky;top:18vh;height:70vh;max-width:100%;padding:0 6%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;transition:opacity .25s;opacity:0;will-change:opacity,transform}.chapter:first-child .story{opacity:1}.hero .story{justify-content:flex-start;padding-top:7vh;top:15vh}.eyebrow{display:block;font-size:11px;color:var(--gold);letter-spacing:4px;font-weight:400;margin-bottom:21px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;margin:0;text-wrap:balance;text-shadow:0 0 40px #8b7e9b44}h1{font-size:clamp(65px,10vw,160px);letter-spacing:.11em;line-height:1.1}h1 em{font-style:normal}h2{font-size:clamp(36px,4.3vw,68px);line-height:1.18;letter-spacing:-1px}h2 em{font-weight:400;color:#e8c6a5}p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,1.7vw,24px);line-height:1.7;color:#c1b2cd;font-weight:400;margin:23px 0 0}.intro{font-style:italic;color:var(--gold);font-size:20px;line-height:1.5;margin-top:12px}.pill{pointer-events:auto;border:1px solid #c7ad8055;background:#100d1999;color:var(--pearl);padding:15px 29px;border-radius:100px;font-size:12px;letter-spacing:2px;margin-top:24px;transition:background .3s,box-shadow .3s;backdrop-filter:blur(10px)}.pill:hover{background:#9b7c5930;box-shadow:0 0 35px #d6b27722}.scroll-note{position:absolute;top:92svh;left:0;right:0;text-align:center;color:var(--lavender);font-size:10px;letter-spacing:3px}.scroll-note span{display:block;margin-top:12px;color:var(--gold)}.hud{position:fixed;z-index:8;bottom:26px;left:5%;right:5%;display:flex;align-items:center;gap:25px;color:#a99ab7;font-size:10px;letter-spacing:2px;pointer-events:none}.track{height:1px;background:#b6a7cd33;flex:1}.track i{height:1px;background:var(--gold);display:block;width:0;box-shadow:0 0 8px #d6b277}.chapter-nav{position:fixed;right:26px;top:40%;display:flex;flex-direction:column;gap:21px;z-index:8}.chapter-nav a{width:5px;height:5px;border:1px solid #a99ab7;border-radius:50%;position:relative}.chapter-nav a:after{content:'';position:absolute;inset:-9px}.chapter-nav .active{background:var(--gold);border-color:var(--gold);box-shadow:0 0 14px #d6b277}.skip{position:fixed;z-index:10;bottom:64px;right:5%;border:1px solid #d6b27744;border-radius:100px;padding:11px 18px;color:var(--gold);font-size:11px;letter-spacing:2px;background:#08070e55;backdrop-filter:blur(7px)}.ending .story{top:15vh;height:77vh}.ending h2{font-size:clamp(38px,4.7vw,74px)}.launch-status{margin-top:25px;pointer-events:auto;border-top:1px solid #c7ad8033;padding:24px 32px 0}.launch-status>span{display:block;color:var(--gold);font-size:12px;letter-spacing:3px}.launch-status strong{display:block;font-size:17px;font-weight:400;margin:12px 0 0;color:var(--pearl)}.launch-status p{font-family:Arial,sans-serif;font-size:14px;line-height:1.6;margin-top:12px;color:#b6a7cd}.launch-status .pill{background:linear-gradient(135deg,#eae0d4,#b6a7cd);color:#100d19;border:0;box-shadow:0 0 28px #b6a7cd33;margin-top:20px}footer{position:absolute;bottom:70px;left:5%;right:5%;z-index:4;display:flex;justify-content:space-between;color:#897b98;font-size:11px;letter-spacing:1.5px}#loading{position:fixed;inset:0;z-index:30;background:var(--void);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s;pointer-events:none}#loading span{font-size:44px;color:var(--gold)}#loading p{font-size:20px;letter-spacing:2px}#loading.ready{opacity:0}#fallback{position:fixed;bottom:100px;left:6%;right:6%;z-index:12;font-size:16px;background:#08070eee;padding:20px;text-align:center}.webgl-failed .story{opacity:1!important;transform:none!important}@media(max-width:760px){header{padding:23px 6%}.brand span{font-size:10px;letter-spacing:2px}.ticker{display:none}nav{gap:14px}nav a{display:none}nav button{font-size:11px}.chapter{height:155svh}.story{top:13vh;height:76vh;padding:0 8%;justify-content:flex-end}.hero .story{top:14vh;padding-top:4vh}h1{font-size:13vw;letter-spacing:.07em}h2{font-size:clamp(32px,8.3vw,55px);letter-spacing:-.5px}.eyebrow{font-size:10px;letter-spacing:2.2px;margin-bottom:16px}p{font-size:18px;line-height:1.65}.intro{font-size:18px}.chapter-nav{right:13px;gap:19px}.hud{gap:15px;font-size:9px;letter-spacing:1px;bottom:18px}.skip{bottom:48px;font-size:10px;padding:10px 14px}.ending .story{height:80vh;top:10vh}.ending h2{font-size:9vw}.ending p{font-size:17px}.launch-status{padding:20px 5px 0;margin-top:20px}.launch-status p{font-size:13px}.launch-status strong{font-size:16px}footer{bottom:80px;font-size:9px}.vignette{background:radial-gradient(ellipse at center,transparent 5%,#08070e77 80%,#08070eee 100%),linear-gradient(0deg,#08070ebb,transparent 55%,#08070e88)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story{transition:none}.pill{transition:none}}
/* Narration stays on screen while its matching action plays. */
.chapter{height:180svh}.chapter:last-child{height:175svh}.story{position:fixed;top:auto;bottom:12vh;left:0;right:0;height:auto;padding:0 8%;justify-content:flex-end;opacity:0;transition:none;will-change:opacity,transform;pointer-events:none}.story p{min-height:2.8em;max-width:650px;font-size:clamp(17px,1.6vw,23px)}.hero .story{top:17vh;bottom:auto;height:auto;padding-top:0;justify-content:flex-start}.hero .story h1{font-size:clamp(65px,9vw,140px)}.hero .story .intro{font-size:20px}.ending .story{top:auto;bottom:11vh;height:auto}.story h2{font-size:clamp(34px,4vw,62px)}.ending .story h2{font-size:clamp(34px,4vw,62px)}.launch-status{padding-top:18px;margin-top:12px}.launch-status p{min-height:0;font-size:13px}.launch-status strong{font-size:16px}.eyebrow{margin-bottom:16px}#scene-flash{position:fixed;inset:0;z-index:1;pointer-events:none;background:#eedbc5;opacity:0}.chapter-nav a{width:6px;height:6px}.vignette{background:radial-gradient(ellipse at 50% 35%,transparent 25%,#08070e33 65%,#08070ec9 100%),linear-gradient(0deg,#08070ef5,transparent 43%,transparent 85%,#08070e66)}.scroll-note{z-index:3}.launch-status,.pill{pointer-events:auto}@media(max-width:760px){.chapter{height:190svh}.story{bottom:13vh;padding:0 9%}.story h2,.ending .story h2{font-size:8vw}.story p{font-size:17px;line-height:1.6;margin-top:17px}.hero .story{top:17vh;padding-top:0}.hero .story h1{font-size:12.5vw}.hero .story .intro{font-size:17px}.ending .story{bottom:12vh;top:auto;height:auto}.launch-status{margin-top:7px;padding-top:13px}.launch-status p{font-size:12px}.launch-status .pill{margin-top:12px}.ending .eyebrow{font-size:9px}.story .eyebrow{letter-spacing:2px}.vignette{background:linear-gradient(0deg,#08070ef5,transparent 55%,#08070e55),radial-gradient(ellipse at 50% 35%,transparent,#08070e66)}}
.hero .story .pill{margin-top:40vh}.hero .story .intro{line-height:1.5}.hero .story{top:14vh}.hero .story h1{font-size:clamp(60px,8vw,124px)}.webgl-failed .story{position:relative!important;inset:auto!important;padding:140px 8% 80px;visibility:visible!important;opacity:1!important;height:auto!important}.webgl-failed .chapter{height:auto;min-height:100vh}.webgl-failed .hero .story .pill{margin-top:25px}@media(max-width:760px){.hero .story .pill{margin-top:43vh}.hero .story h1{font-size:12.5vw}.hero .story{top:15vh}}

#volume{width:65px;height:4px;accent-color:var(--gold);cursor:pointer}#volume[hidden]{display:none}@media(max-width:760px){#volume{width:42px}nav{gap:11px}}

/* The supplied astronaut's face is the brand mark across the site. */
.brand img,.footer-brand img,.launch-token img{display:block;object-fit:contain;flex-shrink:0}
.brand img{width:40px;height:40px;filter:drop-shadow(0 2px 10px #d6b27722)}
.loading-face{object-fit:contain;filter:drop-shadow(0 0 22px #d6b27733)}
.launch-status>.launch-token{display:flex;align-items:center;justify-content:center;gap:10px}
.site-footer{position:relative;inset:auto;z-index:5;display:block;padding:62px 6% 90px;color:var(--pearl);font-size:1rem;letter-spacing:normal;background:linear-gradient(180deg,#08070e00,#08070ef5 28%,#08070e)}
.footer-grid{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px}
.footer-ca,.footer-action{min-height:88px;border:1px solid #d6b27755;border-radius:18px;background:#17111fe8;backdrop-filter:blur(14px)}
.footer-ca{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:24px 28px}
.footer-label{font-size:14px;letter-spacing:2px;color:var(--gold)}
.footer-ca strong{min-width:0;max-width:100%;font:400 14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--pearl);overflow-wrap:anywhere}
.footer-action{display:flex;align-items:center;justify-content:center;padding:24px;font-size:18px;letter-spacing:1px;transition:background .2s,border-color .2s,box-shadow .2s}
.footer-buy{background:var(--gold);color:#19121b;border-color:var(--gold);font-weight:600}
.footer-action:hover{border-color:#f1d7ad;box-shadow:0 0 30px #d6b27722;background:#332539}
.footer-buy:hover{background:#ead0a6}
.footer-x{font-size:24px}
.footer-meta{max-width:1040px;margin:28px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1px;color:#b6a7cd}
.footer-brand{display:flex;align-items:center;gap:10px;color:var(--pearl);flex-wrap:wrap}
.footer-brand span{color:var(--gold)}
@media(max-width:760px){.brand{gap:8px}.brand img{width:32px;height:32px}.site-footer{padding:48px 6% 76px}.footer-grid{grid-template-columns:1fr 1fr;gap:10px}.footer-ca{grid-column:1/-1;min-height:70px;padding:20px 24px}.footer-action{min-height:66px;padding:18px}.footer-meta{flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px}}
@media(prefers-reduced-motion:reduce){.footer-action{transition:none}}