/* The dark reading chapter opens back into the original signal. */
body:not(.document-page){--closing-ink:#06050a}
/* A single continuous backing exists before WebGL loads or the fade starts.
   No stacking context: the returning viewport can still cover the FAQ. */
.editorial-ending{position:relative;background:var(--closing-ink)}
body .home-reading.editorial-section.liquidity-editorial,
body .home-reading.editorial-section.experience-editorial,
body .home-reading.editorial-section.partners-editorial,
body .home-reading.editorial-section.faq-editorial,
body .home-reading.editorial-section.closing-voyage,
body:not(.document-page) .shared-footer{background:var(--closing-ink);border-top:0}
.closing-backdrop{position:fixed;inset:0;z-index:1;pointer-events:none;visibility:hidden;background:var(--closing-ink)}
body .home-reading.closing-voyage{padding:0;overflow:visible;isolation:isolate;--voyage-reveal:1}
body .home-reading.closing-voyage.voyage-enhanced{background:transparent;z-index:4}
body:not(.document-page) .shared-footer{z-index:4}
.closing-atmosphere{position:sticky;top:0;height:calc(var(--flight-svh, 1svh) * 100);margin-bottom:calc(var(--flight-svh, 1svh) * -100);overflow:hidden;pointer-events:none;z-index:0;opacity:var(--voyage-reveal)}
.closing-atmosphere.voyage-viewport{position:fixed;inset:0 0 auto;height:var(--scene-height,100lvh);margin:0;z-index:3;opacity:0;visibility:hidden;contain:strict}
.closing-atmosphere .scene-closing{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;margin:0}
.closing-earth-poster{background:linear-gradient(180deg,#06050a 0%,#06050a00 50%,#06050a40 100%),url('/assets/earth-clean.png') 68% 60% / cover no-repeat}
.voyage-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06050a50 0%,#06050a10 55%,transparent 80%);pointer-events:none}
.closing-travel{position:relative;height:calc(var(--flight-svh, 1svh) * 100)}
.voyage-enhanced .closing-travel{height:calc(var(--flight-svh, 1svh) * 300)}
.closing-hero{position:sticky;top:0;height:calc(var(--flight-svh, 1svh) * 100);display:flex;align-items:center;padding:clamp(100px,calc(var(--flight-svh, 1svh) * 12),160px) var(--pad);z-index:1}
.closing-hero-inner{width:100%;max-width:1420px;margin:auto}
body .closing-voyage h2{max-width:680px;font-size:clamp(80px,8.4vw,138px);line-height:.98;margin:0 0 34px;letter-spacing:-.018em;text-wrap:balance;text-shadow:0 2px 30px #05020b50}
.closing-voyage .eyebrow{margin-bottom:26px}
.closing-voyage .closing-primary{min-height:58px;display:inline-flex;align-items:center;gap:30px;padding:17px 24px;border:1px solid #cf9bfa9c;background:linear-gradient(120deg,#42215fee,#1f102fee);border-radius:5px;color:#fff;font-size:19px;box-shadow:0 8px 42px #783aa72b,inset 0 1px #ecd2ff16;backdrop-filter:blur(9px)}
.closing-voyage .closing-primary:hover{background:linear-gradient(120deg,#5a2980,#311842);border-color:#dfb7ff;box-shadow:0 8px 44px #9e53d645}
.closing-arrival-wrap{position:relative;z-index:1;isolation:isolate}
.closing-arrival-wrap::before{content:"";position:absolute;z-index:-1;inset:-100px 0 0;background:linear-gradient(180deg,#06050a00,#06050ab8 28%,var(--closing-ink) 96%);pointer-events:none}
.closing-arrival{position:relative;padding:80px var(--pad) 100px;max-width:calc(1420px + 2 * var(--pad));background:none}
.closing-voyage .closing-story{max-width:none;gap:clamp(40px,7vw,108px)}
.closing-voyage .closing-story p{color:#e6ddef;text-shadow:0 2px 18px #09070f}
.closing-voyage .closing-invitation{margin-top:55px}
@media(max-width:760px){
 .closing-hero{align-items:flex-end;padding-top:90px;padding-bottom:max(32px,calc(var(--flight-svh, 1svh) * 6),env(safe-area-inset-bottom))}
 .closing-hero-inner{margin:0 auto}
 body .closing-voyage h2{font-size:clamp(56px,14.7vw,98px);max-width:460px;margin-bottom:28px}
 .closing-voyage .eyebrow{margin-bottom:22px}
 .closing-voyage .closing-primary{font-size:17px;min-height:54px;padding:15px 19px;gap:24px}
 .voyage-shade{background:linear-gradient(180deg,transparent 25%,#06050a14 52%,#06050aa3 100%)}
 .closing-arrival{padding-top:48px;padding-bottom:65px}
 .closing-voyage .closing-story{gap:25px}
 .closing-voyage .closing-invitation{margin-top:35px}
}
@media(prefers-reduced-motion:reduce){
 .voyage-enhanced .closing-travel{height:calc(var(--flight-svh, 1svh) * 100)}
 .closing-atmosphere{opacity:1}
 .closing-primary{transition:none}
}