/* A quieter editorial frame gives the actual worlds and characters room to breathe. */
.eyebrow{font-size:11px;letter-spacing:1.8px}.chapter-description{max-width:34ch;font-size:18px;line-height:1.65}.site-header nav{font-size:14px}.button{font-size:14px}.small-note{font-size:12px}.experience-controls button{font-size:12px}.enhanced-ascent .ascent{height:840svh}.guide-caption>span{display:none}.guide-caption>p{font-size:19px}.memory-window{border:1px solid #c6d5b945;border-radius:22px;background:#15252c;padding:7px;color:#dce7cf;box-shadow:0 24px 75px #040e1940;overflow:hidden}.memory-window>img,.explore-window>img{border-radius:16px;aspect-ratio:1.6}.memory-window figcaption{font-size:10px;letter-spacing:1.3px;padding:14px 8px}.explore-window{transform:rotate(-3deg)}.company-window{left:52%;top:21%;width:42%;opacity:1;transform:rotate(2deg)}.home-window{transform:rotate(3deg)}.neighbor-cast{left:54%;top:43%;width:39%;height:40%}.pop{height:85%;bottom:0;transform:rotate(-2deg)}.dj{right:0;height:85%;bottom:5%;transform:rotate(3deg)}.neighbor>span{font-size:22px;transform:none;left:24%;bottom:-28px}.neighbor>span i{font-size:13px;max-width:130px;white-space:normal;line-height:1.3}.final-neighbor,.enhanced-ascent .final-neighbor{right:7%;top:46%;width:20%;height:31%;transform:none}.final-neighbor figcaption{font-size:22px;left:5%;transform:none}.final-neighbor figcaption span{font-size:13px}.launch-bottom{font-size:10px}.flight-readout{font-size:10px}.flight-route a{min-height:38px}.continue-to-post{font-size:12px}.flight-body{background-image:url('assets/astro-orbit.webp');background-size:800% 600%;background-position:0 0}.flight-body-next{opacity:0}
/* Real catalog pieces, presented as one composition rather than a grid of cards. */
.wardrobe .chapter-copy{max-width:39%}.wardrobe-art{position:absolute;left:51%;top:14%;width:43%;height:72%;isolation:isolate}.wardrobe-orbit{position:absolute;inset:20% -2% 16%;border:1px solid #dbe8a633;border-radius:50%;transform:rotate(-25deg);background:radial-gradient(ellipse,#dbe8a617,transparent 66%);z-index:-1}.outfit-preview{position:absolute;left:24%;top:3%;width:57%;height:80%;object-fit:contain}.outfit-caption{position:absolute;left:26%;bottom:2%;text-align:center;width:55%;font:500 31px/1.2 Baloo}.outfit-caption>span{display:block;font:700 10px/2 Arial;letter-spacing:2px;color:var(--lime);margin-bottom:6px}.rare-find{position:absolute;margin:0;width:30%;height:34%}.rare-find img{width:100%;height:100%;object-fit:contain}.rare-find figcaption{text-align:center;font-size:12px;line-height:1.4;color:var(--muted);white-space:nowrap;margin-top:8px}.projector{left:-9%;top:51%;transform:rotate(-7deg)}.telescope{right:-5%;top:3%;transform:rotate(8deg);height:30%}.look-picker{border:0;padding:0;margin:30px 0 0;display:flex;gap:10px;max-width:370px}.look-picker legend{font:500 20px/1.2 Baloo;margin-bottom:15px}.look-picker label{position:relative;flex:1;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:9px;padding:13px 7px 11px;border-radius:14px;border:1px solid #d8e9bb28;font-size:12px;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}.look-picker label:hover{transform:translateY(-3px);border-color:#d8e9bb80}.look-picker label:has(input:checked){background:#e5f39412;border-color:var(--lime)}.look-picker label:has(input:focus-visible){outline:3px solid var(--lime);outline-offset:4px}.look-picker input{position:absolute;opacity:0;width:1px;height:1px}.look-swatch{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 3px #ffffff29}.look-swatch.bubblegum{background:#f688bc}.look-swatch.solar{background:#ff9b41}.look-swatch.void{background:#6d5cbd}.wardrobe-art{pointer-events:none}
/* Rocket sprite cameras rotate around its actual model. Its heading comes from the path. */
.background-rocket{animation:none!important;width:100px;height:150px;transform-origin:50% 50%}.rocket-body{position:absolute;inset:0;z-index:2;background:url('assets/rocket-turns.webp') 0 0 / 600% 600% no-repeat;pointer-events:none}.rocket-body-next{opacity:0}.rocket-engine{transition:transform .65s ease}.rocket-exhaust{inset:46% -28% -39%;opacity:.48}.rocket-hint{transform:translateX(-50%) rotate(var(--counter-turn,0deg));transform-origin:50% -50px}.background-rocket:disabled{pointer-events:none}
/* The pointer remains native: only the occasional fading particle is composited. */

.cursor-dust{position:fixed;inset:0;pointer-events:none;z-index:90;contain:strict;overflow:hidden}.cursor-dust>span{position:absolute;left:0;top:0;color:var(--lime);font-size:12px;line-height:1;opacity:0;will-change:transform,opacity}.low-motion .cursor-dust{display:none}
@media(min-width:701px){.enhanced-ascent .wardrobe .chapter-copy{left:9%;top:20%;width:38%;max-width:none}.enhanced-ascent .company .chapter-copy{width:39%}.enhanced-ascent .company-window{left:54%;top:18%;width:38%}.enhanced-ascent .neighbor-cast{left:56%;top:42%;width:36%;height:38%}}
@media(min-width:701px) and (max-height:720px){.look-picker{margin-top:19px}.look-picker legend{font-size:17px;margin-bottom:10px}.look-picker label{padding:10px 6px}.enhanced-ascent .wardrobe .chapter-copy{top:15%}.wardrobe .chapter-description{font-size:16px}.wardrobe-art{top:12%;height:72%}}
@media(max-width:1000px) and (min-width:701px){.neighbor>span{font-size:19px}.neighbor>span i{font-size:12px}.final-neighbor figcaption{font-size:18px}.final-neighbor figcaption span{display:none}.look-picker{gap:6px}.look-picker label{font-size:10px}.rare-find figcaption{font-size:10px}.chapter-description{font-size:17px}}
@media(max-width:700px){.enhanced-ascent .ascent{height:800svh}.eyebrow{font-size:10px;letter-spacing:1.5px}.chapter-description,.enhanced-ascent .chapter-description{font-size:16px;line-height:1.55;max-width:34ch}.chapter h2,.enhanced-ascent .chapter h2{font-size:clamp(46px,11vw,68px);margin:17px 0}.chapter .chapter-copy,.enhanced-ascent .chapter .chapter-copy{left:8%;top:9%;width:83%;max-width:none}.enhanced-ascent .launch .chapter-copy{top:17%}.launch .chapter-description,.enhanced-ascent .launch .chapter-description{font-size:15px}.enhanced-ascent .launch .button{font-size:13px}.enhanced-ascent .company-window{left:16%;top:52%;width:70%}.enhanced-ascent .neighbor-cast{left:22%;top:58%;width:65%;height:25%}.neighbor>span,.enhanced-ascent .neighbor>span{font-size:17px;bottom:-24px}.neighbor>span i{display:none}.memory-window figcaption{display:none}.enhanced-ascent .explore-window{top:56%;width:72%;border-radius:22px}.enhanced-ascent .explore-window>img{border-radius:16px}.enhanced-ascent .home-window{top:56%;width:76%;left:10%;border-width:1px}.enhanced-ascent .final-neighbor{top:57%;right:9%;height:24%;width:32%}.final-neighbor figcaption,.enhanced-ascent .final-neighbor figcaption{font-size:16px;left:-3%;bottom:-22px}.final-neighbor figcaption span{display:none}.small-note{font-size:11px;margin-top:16px}.enhanced-ascent .continue-to-post{font-size:11px;bottom:71px}.flight-route a{min-height:34px}.enhanced-ascent .flight-readout{font-size:10px;width:28%}.experience-controls button{font-size:11px}.flight-body{background-image:url('assets/astro-orbit-small.webp')}.background-rocket{width:68px;height:102px}.wardrobe .chapter-copy{max-width:none}.wardrobe-art{left:10%;top:49%;width:78%;height:39%}.outfit-preview{left:25%;top:0;width:54%;height:81%}.outfit-caption{font-size:23px;bottom:-1%;left:25%}.outfit-caption>span{font-size:9px;margin-bottom:2px}.rare-find figcaption{display:none}.projector{left:-4%;top:41%;height:38%;width:29%}.telescope{top:0;right:0;width:28%;height:30%}.look-picker{margin-top:18px;gap:8px;max-width:330px}.look-picker legend{display:none}.look-picker label{font-size:11px;padding:10px 6px;flex-direction:row;gap:7px;justify-content:center}.look-swatch{width:14px;height:14px;flex-shrink:0}.enhanced-ascent .wardrobe .chapter-description{font-size:15px}.launch-bottom> a{font-size:9px}.button{font-size:13px}.space-mail .eyebrow{font-size:10px}}
@media(max-width:700px) and (max-height:680px){.enhanced-ascent .chapter .chapter-copy{top:7%}.enhanced-ascent .launch .chapter-copy{top:17%}.enhanced-ascent .chapter h2{font-size:43px;margin:13px 0}.enhanced-ascent .chapter-description{font-size:15px;margin:12px 0}.enhanced-ascent .wardrobe .chapter-description{font-size:14px}.look-picker{margin-top:13px}.look-picker label{font-size:10px;padding:9px 5px}.enhanced-ascent .wardrobe-art{top:52%;height:35%}.enhanced-ascent .invitation .button{margin-top:5px}.enhanced-ascent .launch h1{font-size:83px}.enhanced-ascent .hero-tagline{margin:16px 0 10px}.enhanced-ascent .launch .chapter-description{font-size:14px}.enhanced-ascent .launch .button{padding:13px 17px}}
/* The same artwork stays useful when the flight is disabled. */
body:not(.enhanced-ascent) .wardrobe{min-height:820px}body:not(.enhanced-ascent) .wardrobe .chapter-copy{left:auto;top:auto}body:not(.enhanced-ascent) .final-neighbor{top:48%;height:30%}
@media(max-width:700px){body:not(.enhanced-ascent) .chapter .chapter-copy{left:auto;top:auto}body:not(.enhanced-ascent) .wardrobe{min-height:930px}body:not(.enhanced-ascent) .wardrobe-art{top:49%;height:40%}body:not(.enhanced-ascent) .neighbor-cast{top:57%;left:12%;width:76%;height:29%}body:not(.enhanced-ascent) .final-neighbor{width:35%;height:27%;top:58%;right:13%}}

.enhanced-ascent .company-window{opacity:1}
@media(max-width:700px){.look-picker legend{display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.look-picker label{min-width:0}.look-picker label>span:last-child{white-space:normal;text-align:center}.look-picker{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:380px){.look-picker label{flex-direction:column;gap:5px;padding:8px 4px}.enhanced-ascent .wardrobe-art{top:55%;height:33%}}

/* One foreground pass joins each pair of scenes, then clears the reading area. */
.foreground-passage{display:none;pointer-events:none}.enhanced-ascent .foreground-passage{display:block;position:absolute;inset:0;z-index:11;visibility:hidden;pointer-events:none;contain:layout paint;will-change:opacity}.foreground-passage img{position:absolute;left:0;top:0;object-fit:contain;will-change:transform;max-width:none}.passage-world{width:min(130vw,1900px);height:min(130vw,1900px)}.passage-rock{width:min(145vw,1950px);height:min(145vw,1950px)}
.reel-screen{position:relative;overflow:hidden;border-radius:16px;aspect-ratio:16/9;background:#111a24}.reel-screen video{display:block;width:100%;height:100%;object-fit:cover}.reel-toggle{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:10px;background:#122028eb;border:1px solid #e5f39477;color:var(--cream);border-radius:99px;padding:11px 16px;font:600 13px Arial;box-shadow:0 4px 25px #0004}.reel-toggle:hover{background:#e5f394;color:#122028}.reel-symbol{color:var(--lime);font-size:13px}.reel-toggle:hover .reel-symbol{color:inherit}.gameplay-reel.is-playing .reel-toggle{padding:11px 13px}.gameplay-reel.is-playing .reel-action{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.enhanced-ascent .gameplay-reel{pointer-events:auto;left:6%;width:46%;top:31%;border-radius:23px}.gameplay-reel figcaption{font-size:10px}.low-motion .foreground-passage{display:none!important}
@media(max-width:700px){.enhanced-ascent .gameplay-reel{left:8%;width:80%;top:53%;border-radius:19px}.reel-toggle{left:10px;bottom:10px;font-size:11px;padding:10px 12px}.gameplay-reel.is-playing .reel-toggle{padding:9px 12px}.gameplay-reel figcaption{display:flex;font-size:9px;padding:10px 6px;letter-spacing:.7px}.passage-world{width:170vw;height:170vw}.passage-rock{width:210vw;height:210vw}}
@media(prefers-reduced-motion:reduce){.foreground-passage{display:none!important}}

.reel-expand{position:absolute;right:16px;bottom:18px;width:38px;height:38px;display:grid;place-items:center;background:#122028eb;border:1px solid #e5f39477;color:var(--lime);border-radius:50%;font-size:23px}.reel-expand[hidden]{display:none}.reel-expand:hover{background:var(--lime);color:var(--ink)}.reel-screen video:fullscreen{object-fit:contain;background:#0c141e}@media(max-width:700px){.reel-expand{right:10px;bottom:10px;width:35px;height:35px}}

/* Each stop has its own scene and a single friendly host. */
.neighbor-cast .dj{right:10%;width:58%;height:100%;bottom:0}
.home-pop{position:absolute;left:35%;top:49%;width:19%;height:31%;z-index:4;pointer-events:none}
.home-pop .pop{inset:0;width:100%;height:100%;transform:rotate(-3deg)}
.home-pop .neighbor>span{left:31%;font-size:21px;bottom:-26px}
.home-pop .neighbor>span i{font-size:12px;max-width:135px}
@media(min-width:701px){.enhanced-ascent .home-window{top:25%;width:44%;left:7%}.enhanced-ascent .home-pop{top:48%;left:35%;width:18%;height:32%}}
@media(max-width:700px){.neighbor-cast .dj{right:3%;width:48%;height:100%}.home-pop,.enhanced-ascent .home-pop{left:62%;top:64%;width:25%;height:19%}.home-pop .neighbor>span,.enhanced-ascent .home-pop .neighbor>span{font-size:17px;left:30%;bottom:-21px}.home-pop .neighbor>span i{display:none}body:not(.enhanced-ascent) .home-pop{top:68%;height:20%}}

/* Keep the entire home scene inside shorter reading viewports. */
@media(min-width:701px){.enhanced-ascent .home-window{width:min(44vw,calc(var(--view)*.91 - 80px))}.enhanced-ascent .home-pop{left:calc(7% + min(44vw,calc(var(--view)*.91 - 80px)) - 16%)} }
@media(max-width:700px){.enhanced-ascent .home-window{width:min(76vw,calc(var(--view)*.54))}.enhanced-ascent .home-pop{left:calc(10% + min(76vw,calc(var(--view)*.54)) - 24%)}.enhanced-ascent .company-window{width:min(70vw,calc(var(--view)*.57))}.enhanced-ascent .neighbor-cast{left:16%;width:min(70vw,calc(var(--view)*.57))}}
