:root{color-scheme:dark;--ink:#08090b;--ivory:#fff6ef;--smoke:#c8babe;--muted:#a99e9d;--coral:#ff8667;--line:rgba(255,168,141,.22);--ease:cubic-bezier(.17,.8,.24,1);--scroll:0;--phase:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#08090b;color:var(--ivory);font:14px/1.6 'DM Sans',system-ui,sans-serif;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #ffac91;outline-offset:4px}.skip{position:fixed;z-index:10000;top:-60px;left:20px;background:var(--coral);padding:10px;color:#08090b}.skip:focus{top:12px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 clamp(22px,5.5vw,100px);position:fixed;top:0;left:0;right:0;z-index:300;background:linear-gradient(#090b0de8,#090b0da8);backdrop-filter:blur(12px);border-bottom:1px solid #d48a711a}.brand{display:inline-flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:21px;white-space:nowrap}.brand-c{position:relative;font:bold 39px/1 Georgia,serif;letter-spacing:-.13em;color:#fff5ec;filter:drop-shadow(0 0 8px #fff3e834);padding-right:7px}.brand-c i{position:absolute;right:1px;bottom:2px;width:8px;height:8px;background:var(--coral);border-radius:50%}.desktop-nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,40px);font-size:12px;color:#d4c9c5}.desktop-nav a:hover,.footer a:hover{color:#ff9b7c}.top-cta{background:var(--coral);border-radius:100px;color:#150a0b;font-size:12px;font-weight:700;padding:11px 20px;white-space:nowrap}.top-cta span{margin-left:14px}.top-cta:hover,.action.coral:hover{background:#ffac91}.menu-toggle,.mobile-nav{display:none}
.orbit-journey{height:400svh;position:relative}.orbit-sticky{height:100svh;min-height:610px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 70% 72%,#41201e 0%,#150d12 32%,#07090c 73%)}.starfield{position:absolute;inset:0;z-index:0;background-image:radial-gradient(1px 1px at 8% 21%,#fedacb 40%,transparent),radial-gradient(1px 1px at 37% 45%,#fedacb 40%,transparent),radial-gradient(1px 1px at 77% 12%,#f7c09a 40%,transparent),radial-gradient(1px 1px at 94% 42%,#f7c09a 40%,transparent),radial-gradient(2px 2px at 64% 24%,#f9c3a6 30%,transparent),radial-gradient(1px 1px at 85% 60%,#fedacb 35%,transparent);background-size:219px 207px;opacity:.44}.nebula{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 56%,#8c362625,transparent 43%);pointer-events:none}.sky-layer{position:absolute;inset:-3%;pointer-events:none;will-change:transform;transform:translate3d(calc(var(--mx,0)*16px),calc(var(--my,0)*9px - var(--scroll)*150px),0)}.paths{position:absolute;width:100%;height:100%;inset:0;overflow:visible;filter:drop-shadow(0 0 4px #fb734a27)}.orbit-line{fill:none;stroke:url(#orb-stroke);stroke-width:1.4;stroke-dasharray:3 5;stroke-dashoffset:calc(var(--scroll)*-520px)}.orbit-line-two{stroke-width:1;opacity:.72}.orbit-line-three{opacity:.65}.orbit-beacon{fill:#ff9470;filter:drop-shadow(0 0 7px #ff7e5d)}.planet{position:absolute;border-radius:50%;background:radial-gradient(circle at 28% 26%,#ffb484 0%,#a94f32 13%,#361d1c 48%,#0b0c10 75%);box-shadow:-10px -7px 42px #f96a3b22,0 0 0 1px #e77b5b2d;will-change:transform}.planet:before{content:'';position:absolute;inset:-3px;border:2px solid #ff8b6475;border-radius:50%;clip-path:polygon(0 0,100% 0,100% 30%,0 50%)}.planet:after{content:'';position:absolute;inset:15%;border:1px dotted #c16e5559;border-radius:50%;transform:rotate(-26deg)}.planet-top{width:clamp(180px,24vw,360px);height:clamp(180px,24vw,360px);top:-16%;left:26%;transform:translate3d(0,calc(var(--scroll)*190px),0) rotate(calc(var(--scroll)*-65deg))}.planet-right{width:clamp(180px,22vw,350px);height:clamp(180px,22vw,350px);right:4%;top:34%;transform:translate3d(calc(var(--scroll)*-100px),calc(var(--scroll)*100px),0) rotate(calc(var(--scroll)*75deg));box-shadow:-16px -12px 60px #d75b2f22,0 0 2px #ff8e60}.planet-tiny{width:39px;height:39px;left:49%;top:26%;transform:translate3d(calc(var(--scroll)*-280px),calc(var(--scroll)*210px),0)}.sunrise{position:absolute;bottom:18%;right:24%;width:140px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffe3a9 1%,#ffc178 12%,#fa704c 27%,transparent 68%);filter:blur(9px);opacity:.85}
.orbit-brand-scene{position:absolute;z-index:2;top:clamp(120px,12vh,170px);right:8%;width:min(41vw,530px);aspect-ratio:573/451;pointer-events:none;opacity:calc(.86 - var(--scroll)*.25);transform:translate3d(calc(var(--scroll)*-32px),calc(var(--scroll)*-63px),0) scale(calc(.94 + var(--scroll)*.12));filter:drop-shadow(0 0 35px #df553420)}.orbit-brand-scene img{width:100%;height:100%;object-fit:cover;mask-image:radial-gradient(ellipse closest-side,#000 67%,transparent 100%)}
.landscape{position:absolute;left:-1%;right:-1%;bottom:-1%;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none;will-change:transform}.landscape-far{height:35%;z-index:3;background-image:url('terrain-horizon.webp');transform:translate3d(0,calc(var(--scroll)*-44px),0) scale(1.045);transform-origin:bottom}.landscape-near{height:20%;z-index:5;background-image:url('terrain-foreground.webp');transform:translate3d(0,calc(var(--scroll)*16px),0) scale(1.06);transform-origin:bottom}.terrain-shadow{position:absolute;z-index:6;bottom:-1px;left:0;right:0;height:12%;background:linear-gradient(transparent,#08090be8 76%,#08090b)}.scene-vignette{position:absolute;inset:0;z-index:7;pointer-events:none;background:linear-gradient(90deg,#06090ee8 0%,#07090db8 33%,transparent 69%),linear-gradient(180deg,#03070987 0%,transparent 22%,transparent 65%,#08090baa 100%)}
.story-wrap{position:absolute;z-index:20;top:0;left:0;right:0;bottom:0;pointer-events:none;display:flex;align-items:center;padding:82px clamp(22px,5.5vw,100px) 130px}.story-panels{width:min(550px,47vw);position:relative;min-height:410px}.story-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(28px);transition:opacity .55s var(--ease),transform .7s var(--ease),visibility .55s;pointer-events:none}.story-panel.is-active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:.24em;font-weight:700;color:#ff9677;margin:0 0 15px}.story-panel h1,.story-panel h2{font:normal clamp(40px,5.4vw,83px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:0 0 23px;text-wrap:balance}.story-panel h2{font-size:clamp(35px,4.4vw,65px)}.story-panel em,.section-intro em{font-style:normal;color:#ff9a78}.story-subtitle{font-size:clamp(16px,1.5vw,21px);color:#eee0d9;line-height:1.5;margin:0 0 13px}.story-description{max-width:520px;font-size:clamp(13px,1.05vw,16px);line-height:1.78;color:#c8babc;margin:0 0 28px}.story-actions{display:flex;flex-wrap:wrap;gap:10px;pointer-events:auto}.action{padding:13px 19px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border-radius:30px;border:1px solid #e68b6c55;font-size:12px;font-weight:700;transition:background .25s,transform .25s;min-height:47px;white-space:nowrap}.action:hover{transform:translateY(-3px)}.action.coral{background:#ff8667;color:#14090a;border-color:#ff8667}.action.quiet{background:#110f13b0;color:#f4e8df}.action.quiet:hover{background:#2d1a1b}.action span{font-size:16px}.small-note{margin-top:23px;font-size:9px;letter-spacing:.095em;color:#b6a6a2}.orbital-controls{position:absolute;z-index:30;bottom:25px;left:clamp(22px,5.5vw,100px);right:clamp(22px,5.5vw,100px);display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.orbit-steps{display:flex;gap:6px}.orbit-step{background:#0e0d11ba;border:1px solid #d4937744;color:#c4b4ad;min-width:112px;text-align:left;border-radius:7px;padding:10px 13px;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:background .22s,border-color .22s}.orbit-step b{font-size:11px;color:#fa9272}.orbit-step span{font-size:9px;letter-spacing:.13em}.orbit-step.is-active{background:#492920e8;border-color:#ff9678;color:#fff5ef}.orbit-step:hover{border-color:#ff9b7b}.scroll-hint{font-size:10px;letter-spacing:.12em;color:#edd0c0;white-space:nowrap}.scroll-hint span{margin-left:10px;font-size:22px;color:#ff9a79}
.lower-section{background:#0b0c0f;position:relative;padding:clamp(80px,10vw,145px) 0;border-top:1px solid #b5685324}.content-width{max-width:1390px;padding:0 clamp(24px,5.5vw,100px);margin:auto}.section-intro{display:grid;grid-template-columns:1.2fr .75fr;align-items:end;gap:55px;margin-bottom:45px}.section-intro h2,.closing h2{font:normal clamp(32px,3.7vw,58px)/1.16 Georgia,serif;letter-spacing:-.045em;margin:0}.section-intro p:not(.eyebrow){max-width:410px;font-size:14px;color:#c3b3b2;line-height:1.8;margin:0}.systems-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.system-tile{position:relative;min-height:286px;padding:24px;border-radius:12px;border:1px solid #a8796738;background:radial-gradient(ellipse at 58% 16%,#43221c4a,#111116 58%);transition:transform .3s,border-color .3s;display:flex;flex-direction:column}.system-tile:hover{transform:translateY(-7px);border-color:#eb967375}.tile-symbol{font-size:58px;color:#fc916d;line-height:1;margin-bottom:auto;text-shadow:0 0 24px #ec724f99}.tile-meta{font-size:8px;letter-spacing:.09em;color:#dc967e;margin:22px 0 9px}.system-tile h3{font:normal 28px Georgia,serif;margin:0 0 6px}.system-tile p{font-size:12px;line-height:1.6;color:#beaeab;margin:0 0 16px}.tile-more{font-size:11px;color:#fcb294}.text-link{display:inline-block;margin-top:28px;color:#ffad89;font-size:12px}.method-section{background:linear-gradient(#0c0b0f,#130d11)}.method-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #a9795e77}.method-row div{padding:24px 28px 8px 0}.method-row span{font-size:11px;color:#ff8667}.method-row h3{font:normal 25px Georgia,serif}.method-row p{font-size:13px;max-width:235px;color:#bfb2b4}.showcase-section{background:radial-gradient(ellipse at 90% 40%,#4d251b64,#0b0c0f 58%)}.closing{position:relative;overflow:hidden;padding:clamp(100px,12vw,200px) 0 min(22vw,255px);isolation:isolate}.closing-scene{position:absolute;z-index:-1;inset:0;background:linear-gradient(#08090bb8,#11080a28,#08090bf0),url('terrain-horizon.webp') center 66%/cover no-repeat}.closing .content-width{position:relative}.closing h2{font-size:clamp(42px,5vw,72px);margin:0 0 12px}.closing p:not(.eyebrow){color:#dbc4bd;margin:0 0 25px}.footer{background:#07080b;min-height:115px;padding:24px clamp(24px,5vw,90px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #9e685247}.footer>span{font-size:11px;color:#a99998}.footer nav{display:flex;gap:20px;font-size:12px;color:#bfb2b0}
@media(max-width:980px){.story-panels{width:min(530px,58vw)}.orbit-brand-scene{width:45vw;right:0;top:22%}.planet-right{right:-8%}.systems-grid{grid-template-columns:repeat(2,1fr)}.landscape-far{height:28%}.landscape-near{height:17%}.story-panel h1{font-size:clamp(41px,6vw,64px)}.orbit-step{min-width:84px}}
@media(max-width:700px){.topbar{height:68px;padding:0 20px}.brand{font-size:18px}.brand-c{font-size:31px}.desktop-nav,.top-cta{display:none}.menu-toggle{display:inline-flex;background:transparent;color:#ffefe5;border:1px solid #ad705f7a;border-radius:8px;padding:6px 12px;cursor:pointer}.mobile-nav{position:fixed;z-index:299;top:68px;left:0;right:0;background:#120f12f5;padding:19px 25px;display:grid;gap:14px;border-bottom:1px solid #70493e}.mobile-nav[hidden]{display:none}.orbit-sticky{min-height:580px}.story-wrap{padding:82px 24px 170px;align-items:flex-start}.story-panels{width:100%;min-height:410px;margin-top:36px}.story-panel{max-width:100%}.story-panel h1{font-size:clamp(43px,11vw,65px)}.story-panel h2{font-size:clamp(35px,9vw,56px)}.story-description{max-width:450px;font-size:13px;line-height:1.65}.story-subtitle{font-size:15px}.story-actions{gap:8px}.action{font-size:11px;min-height:42px;padding:10px 13px;gap:10px}.small-note{font-size:8px;margin-top:15px}.orbit-brand-scene{width:74vw;right:-13%;top:31%;opacity:calc(.6 - var(--scroll)*.3);z-index:1}.planet-top{left:-8%;top:-10%;width:220px;height:220px}.planet-right{width:200px;height:200px;top:50%;right:-11%}.planet-tiny{display:none}.scene-vignette{background:linear-gradient(#07080ae8 7%,#07090bd9 23%,#090b0c55 56%,#090b0a2e 79%,#0a0a0cff)}.landscape-far{height:30%;background-size:auto 100%;background-position:center}.landscape-near{height:21%;background-size:auto 100%;background-position:center}.orbital-controls{bottom:26px;left:18px;right:18px;display:block}.orbit-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.orbit-step{min-width:0;padding:7px 5px;text-align:center}.orbit-step span{font-size:7px;letter-spacing:.01em}.scroll-hint{display:none}.section-intro{display:block}.section-intro p:not(.eyebrow){margin-top:24px}.lower-section{padding:68px 0}.systems-grid{grid-template-columns:1fr 1fr;gap:10px}.system-tile{padding:17px;min-height:250px}.system-tile h3{font-size:22px}.tile-symbol{font-size:45px}.tile-meta{font-size:7px}.method-row{grid-template-columns:1fr 1fr}.footer{display:flex;flex-wrap:wrap}.footer nav{width:100%;flex-wrap:wrap}}
@media(max-width:410px){.systems-grid{grid-template-columns:1fr}.system-tile{min-height:220px}.orbit-steps span{display:none}.story-panel h1{font-size:39px}.story-wrap{padding-top:75px}.story-panels{margin-top:18px}.eyebrow{font-size:9px}.orbit-brand-scene{top:36%;width:85vw}.story-description{font-size:12px}.landscape-far{height:31%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.sky-layer,.orbit-brand-scene,.landscape,.planet,.orbit-line,.story-panel,.action,.system-tile{transition:none!important;animation:none!important;transform:none!important}.story-panel:not(.is-active){display:none}}

/* review build 2026-10-14 */
/* CAUSELANE V8 — genuine depth planes, no single-image closing background.
   Far terrain, front terrain, orbital sky, sun and glow are separate transform layers. */
:root{--closing-progress:0;--cl-depth:1}
.orbit-sticky{background:radial-gradient(ellipse 68% 46% at 79% 62%,#5b2924 0%,#261015 43%,#08090d 88%)}
.landscape{background-position:center bottom;background-size:100% 100%;image-rendering:auto;backface-visibility:hidden}
.landscape-far{height:clamp(225px,29vh,326px);z-index:3;transform:translate3d(0,calc(var(--scroll)*-25px),0) scale(1.015);filter:drop-shadow(0 -9px 19px #df654515)}
.landscape-near{height:clamp(125px,18vh,197px);z-index:9;transform:translate3d(0,calc(var(--scroll)*10px),0) scale(1.025)}
.terrain-shadow{z-index:10;height:11%;background:linear-gradient(180deg,transparent 0%,#07080a75 72%,#08090b 100%)}
.scene-vignette{z-index:11;background:linear-gradient(90deg,#06090edd 0%,#07090db4 29%,transparent 67%),linear-gradient(180deg,#03070970 0%,transparent 23%,transparent 74%,#08090b76 100%)}
/* The original closing-scene background was a 250px terrain strip stretched to fill the entire CTA. */
.closing{background:linear-gradient(#09080d,#10090e);isolation:isolate;min-height:clamp(580px,67vh,800px);padding:clamp(105px,13vw,190px) 0 clamp(240px,25vw,310px)}
.closing-scene{background:none!important;overflow:hidden;z-index:-1;contain:paint;isolation:isolate}
.closing-depth{position:absolute;inset:0;pointer-events:none;will-change:transform}
.closing-sky{z-index:0;background:radial-gradient(ellipse 63% 48% at 72% 79%,#b44d30b5 0%,#6e2b238a 28%,#2d1720d0 60%,transparent 88%),linear-gradient(180deg,#08090c 4%,#171015 51%,#6b2d26 91%)}
.closing-sky::before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 11% 23%,#ffbea0 80%,transparent),radial-gradient(1px 1px at 31% 14%,#fff2dd 80%,transparent),radial-gradient(1px 1px at 74% 26%,#ffd7b1 80%,transparent),radial-gradient(1px 1px at 83% 16%,#fdb78d 80%,transparent);background-size:183px 191px;opacity:.31}
.closing-sky::after{content:"";position:absolute;width:90%;height:50%;bottom:18%;right:-7%;background:radial-gradient(ellipse,#f776466b,transparent 66%);filter:blur(50px);transform:translateY(calc(var(--closing-progress)*-30px));opacity:.65}
.closing-orbit-field{z-index:1;inset:-7%;transform:translate3d(calc(var(--closing-progress)*-36px),calc(var(--closing-progress)*-44px),0)}
.closing-paths{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 5px #ff997048)}
.closing-paths path{fill:none;stroke:#ffad875b;stroke-width:1;stroke-dasharray:4 8;stroke-dashoffset:calc(var(--closing-progress)*-220px)}
.closing-paths circle{fill:#ffc29d;filter:drop-shadow(0 0 7px #ff8659)}
.closing-planet{position:absolute;z-index:2;width:clamp(210px,30vw,520px);height:clamp(210px,30vw,520px);right:8%;bottom:5%;border-radius:50%;transform:translate3d(calc(var(--closing-progress)*-24px),calc(var(--closing-progress)*65px),0) rotate(calc(var(--closing-progress)*-19deg));background:radial-gradient(circle at 26% 18%,#a35136 0%,#3f1b1b 28%,#180c11 63%,#0d090d 89%);box-shadow:inset 13px 15px 16px #ff915b32,inset -32px -30px 60px #09080e,0 -4px 2px #ff936d9a,0 -12px 75px #f9784958;outline:1px solid #ff8f6b2e}
.closing-planet::after{content:"";position:absolute;inset:7%;border-radius:50%;background:repeating-linear-gradient(133deg,transparent 0 15px,#ac664416 16px 17px,transparent 17px 30px);opacity:.36}
.closing-sun{position:absolute;z-index:2;width:clamp(24px,4vw,72px);aspect-ratio:1;left:60%;bottom:27%;border-radius:50%;background:radial-gradient(circle,#fff6ca 0%,#ffc984 14%,#ff9662 28%,#fd744030 56%,transparent 70%);filter:blur(4px);box-shadow:0 0 75px #ff9355aa;transform:translate3d(calc(var(--closing-progress)*40px),calc(var(--closing-progress)*-27px),0)}
.closing-mountains-back{position:absolute;z-index:3;left:-1%;bottom:-1px;width:102%;height:clamp(240px,25vw,385px);background:url('terrain-horizon.webp') center bottom/100% 100% no-repeat;transform:translate3d(0,calc(var(--closing-progress)*-22px),0) scale(1.015);transform-origin:bottom center;will-change:transform}
.closing-atmosphere{position:absolute;z-index:4;bottom:13%;left:0;width:100%;height:22%;background:linear-gradient(180deg,transparent,#ee73512b 51%,transparent);filter:blur(15px);transform:translate3d(0,calc(var(--closing-progress)*-16px),0);pointer-events:none}
.closing-mountains-front{position:absolute;z-index:5;left:-1%;bottom:-1px;width:102%;height:clamp(132px,16.1vw,247px);background:url('terrain-foreground.webp') center bottom/100% 100% no-repeat;transform:translate3d(0,calc(var(--closing-progress)*9px),0) scale(1.025);transform-origin:bottom center;will-change:transform}
.closing-bottom-shade{position:absolute;z-index:6;bottom:0;left:0;width:100%;height:14%;background:linear-gradient(180deg,transparent,#08090a94 62%,#08090b);pointer-events:none}
.closing>.content-width{z-index:12!important;position:relative;max-width:1390px}
.closing h2,.closing p{max-width:690px;text-shadow:0 2px 12px #08070eac}
.closing .action{box-shadow:0 7px 35px #ff76441c}
@media(max-width:700px){
 .landscape-far{height:30vh;background-size:auto 100%;background-position:56% bottom}
 .landscape-near{height:18vh;background-size:auto 100%;background-position:56% bottom}
 .closing{min-height:610px;padding:118px 0 250px}
 .closing-mountains-back{height:260px;width:180%;left:-50%;background-size:100% 100%}
 .closing-mountains-front{height:155px;width:180%;left:-50%;background-size:100% 100%}
 .closing-planet{width:280px;height:280px;right:-34%;bottom:15%}
 .closing-sun{left:55%;bottom:32%}
 .closing-sky{background:radial-gradient(ellipse 70% 45% at 79% 76%,#a84732a8,#3c1c21 63%,transparent 90%),linear-gradient(#08090c,#180e13 62%,#5c2725)}
}
@media(prefers-reduced-motion:reduce){.closing-depth,.closing-planet,.closing-sun,.closing-mountains-back,.closing-mountains-front,.closing-atmosphere,.closing-paths path{transform:none!important;animation:none!important;transition:none!important;stroke-dashoffset:0!important}}

/* V8 - true alpha-cut terrain depth, retained photographic source and fixed observer ground. */
:root{--closing-scroll:0}
.orbit-sticky{background:radial-gradient(ellipse 55% 58% at 70% 72%,#5e201a 0%,#241119 33%,#07090c 83%)}
.nebula{background:radial-gradient(ellipse 62% 52% at 66% 78%,rgba(238,94,50,.32),transparent 64%);z-index:0}
.sky-layer{z-index:1;transform:translate3d(calc(var(--mx,0)*21px),calc(var(--my,0)*12px - var(--scroll)*135px),0)}
.orbit-brand-scene{z-index:3;width:min(43vw,660px);right:2%;top:12%;opacity:calc(.98 - var(--scroll)*.16);filter:drop-shadow(0 0 45px rgba(255,100,67,.17))}
.orbit-brand-scene img{mask-image:radial-gradient(ellipse 67% 66% at 49% 47%,#000 52%,transparent 98%)}
.orbit-runner,.closing-runner{fill:#ffe0ba;filter:drop-shadow(0 0 9px #ff7347) drop-shadow(0 0 18px #ff6f41)}
.horizon-planet{position:absolute;z-index:2;right:-4%;bottom:13%;width:min(44vw,710px);aspect-ratio:1.55/1;border-radius:50% 50% 0 0;background:radial-gradient(ellipse 78% 84% at 40% 96%,#b640283b 4%,#1a1017 57%,transparent 73%);border-top:clamp(2px,.25vw,4px) solid rgba(255,139,99,.9);transform:rotate(-18deg) translate3d(calc(var(--scroll)*-37px),calc(var(--scroll)*-9px),0);box-shadow:0 -15px 32px -27px #ffa470,0 -28px 72px -60px #ff7445;pointer-events:none}
.horizon-glow{position:absolute;z-index:2;bottom:12%;left:5%;right:-10%;height:38%;pointer-events:none;background:radial-gradient(ellipse 52% 65% at 62% 88%,#ff945b8f,#ac3f3640 39%,transparent 76%);mix-blend-mode:screen;transform:translateY(calc(var(--scroll)*-8px))}
/* Every WEBP below contains an actual alpha channel. The three layers are independently composited. */
.landscape{left:0;right:0;bottom:0;height:clamp(258px,38vh,420px);background-size:100% 100%;background-position:center bottom;transform-origin:center bottom;backface-visibility:hidden}
.landscape-far{z-index:4;background-image:url('terrain-far-cutout.webp');transform:translate3d(calc(var(--mx,0)*-11px),calc(var(--scroll)*-35px),0) scale(1.025)}
.landscape-mid{z-index:5;background-image:url('terrain-mid-cutout.webp');transform:translate3d(calc(var(--mx,0)*-6px),calc(var(--scroll)*-18px),0) scale(1.025)}
.landscape-near{z-index:8;background-image:url('terrain-near-cutout.webp');transform:translate3d(calc(var(--mx,0)*2px),calc(var(--scroll)*4px),0) scale(1.028)}
.terrain-shadow{z-index:9;height:9%;background:linear-gradient(transparent,rgba(7,8,12,.76) 85%,#08090b)}
.scene-vignette{z-index:10;background:linear-gradient(90deg,#07090dea 0%,#07090d89 35%,transparent 66%),linear-gradient(180deg,#050709a1 0%,transparent 17%,transparent 65%,#0507094d 100%)}
.scene-objects{position:absolute;z-index:15;inset:0;pointer-events:none}
.scene-object{position:absolute;display:flex;flex-direction:column;width:clamp(127px,12vw,173px);gap:5px;pointer-events:auto;padding:10px 13px;border:1px solid rgba(255,165,121,.21);background:linear-gradient(145deg,#171319c9,#0b0b10b9);backdrop-filter:blur(16px);border-radius:10px;box-shadow:0 10px 35px #08060750;transform:translate3d(calc(var(--scroll)*var(--tx)),calc(var(--scroll)*var(--ty)),0);transition:border-color .25s,background .25s}
.scene-object:hover{border-color:#ffad8b;background:#2f1a1bcc}
.scene-object span{font-size:8px;letter-spacing:.15em;color:#ffaa88}
.scene-object strong{font-size:13px;font-weight:580;color:#f5ece8;display:flex;justify-content:space-between;gap:12px;align-items:center}
.scene-object b{color:#ff9473;font-weight:600}
.scene-aria{top:18%;right:9%;--tx:-80px;--ty:65px}
.scene-trace{top:52%;right:3%;--tx:-140px;--ty:-150px}
.scene-xsight{top:45%;right:34%;--tx:85px;--ty:-100px}
/* Closing scene: not a single background! Each visible layer occupies its own stacking plane. */
.closing{padding:clamp(120px,15vh,180px) 0 clamp(235px,26vw,360px);min-height:700px;background:#08090d}
.closing .content-width{z-index:13;position:relative;max-width:1390px}
.closing .content-width>p:not(.eyebrow){max-width:535px;color:#dac5c4;font-size:15px;line-height:1.75}
.closing-scene{position:absolute;z-index:0;inset:0;overflow:hidden;background:linear-gradient(180deg,#080a0d 0%,#1e1015 38%,#5e241e 68%,#08090d 100%)}
.closing-sky{position:absolute;inset:0;background:radial-gradient(ellipse 68% 46% at 64% 66%,#ba3d2865,#4e1c2077 37%,transparent 81%);transform:translate3d(0,calc(var(--closing-scroll)*-55px),0)}
.closing-stars{position:absolute;inset:0;opacity:.26;background-image:radial-gradient(circle,#ffecce 1px,transparent 1.6px);background-size:103px 93px;transform:translateY(calc(var(--closing-scroll)*-95px))}
.closing-paths{position:absolute;z-index:1;width:100%;height:100%;overflow:visible;inset:0;filter:drop-shadow(0 0 6px #ff73495c);transform:translateY(calc(var(--closing-scroll)*-43px));pointer-events:none}
.closing-orbit{stroke:#e87d5a84;stroke-width:1.05;fill:none;stroke-dasharray:2 5;stroke-dashoffset:calc(var(--closing-scroll)*-390px)}
.closing-orbit-b{stroke:#ffd0a071;stroke-width:.9;stroke-dasharray:none}
.closing-orbit-c{stroke:#a3443a65;stroke-width:1.2}
.closing-planet{position:absolute;z-index:2;right:-5%;bottom:23%;width:min(53vw,820px);height:50%;border-radius:50% 50% 0 0;border-top:3px solid #ffa56c;background:radial-gradient(ellipse at 48% 96%,#e2604040,#1b101890 58%,transparent 75%);box-shadow:0 -13px 26px -21px #ffd99b,0 -25px 90px -65px #ff865c;transform:rotate(-19deg) translateY(calc(var(--closing-scroll)*-25px));pointer-events:none}
.closing-mark{position:absolute;z-index:3;width:min(30vw,420px);right:10%;top:16%;opacity:.94;transform:translateY(calc(var(--closing-scroll)*-80px)) scale(calc(1 + var(--closing-scroll)*.08));pointer-events:none}
.closing-mark img{width:100%;height:auto;mask-image:radial-gradient(ellipse 65% 64% at 50% 47%,#000 52%,transparent 100%)}
.closing-horizon{position:absolute;z-index:3;bottom:20%;height:32%;left:0;right:0;background:radial-gradient(ellipse 47% 42% at 61% 78%,#ffb077c0,#e760564d 36%,transparent 79%);mix-blend-mode:screen;transform:translateY(calc(var(--closing-scroll)*-13px))}
.closing-terrain{position:absolute;left:0;right:0;bottom:0;height:clamp(260px,38vw,370px);background-size:100% 100%;background-position:bottom center;pointer-events:none;will-change:transform}
.closing-far{z-index:4;background-image:url('terrain-far-cutout.webp');transform:translateY(calc(var(--closing-scroll)*-32px)) scale(1.02)}
.closing-mid{z-index:5;background-image:url('terrain-mid-cutout.webp');transform:translateY(calc(var(--closing-scroll)*-15px)) scale(1.02)}
.closing-near{z-index:8;background-image:url('terrain-near-cutout.webp');transform:translateY(calc(var(--closing-scroll)*5px)) scale(1.024)}
.closing-floor{position:absolute;z-index:9;bottom:0;width:100%;height:11%;background:linear-gradient(transparent,#08090dec 80%,#08090d)}
@media(max-width:980px){.scene-aria{right:3%}.scene-trace{right:2%}.scene-xsight{display:none}.orbit-brand-scene{right:-3%;width:46vw}}
@media(max-width:700px){.landscape{height:clamp(250px,34svh,330px);background-size:auto 100%;background-position:50% 100%}
  .landscape-far{background-position:50% 100%}.landscape-mid{background-position:50% 100%}.landscape-near{background-position:50% 100%}
  .horizon-planet{width:85vw;right:-35%;bottom:23%}.orbit-brand-scene{width:82vw;right:-17%;top:30%;opacity:calc(.86 - var(--scroll)*.19)}
  .scene-objects{display:none}.scene-vignette{background:linear-gradient(#06080aec 0%,#07090bcd 30%,#08090b55 54%,transparent 72%,#08090bc2 100%)}
  .closing{min-height:660px;padding:100px 0 260px}.closing-terrain{height:290px;background-size:auto 100%;background-position:center bottom}
  .closing-planet{width:100vw;right:-54%;bottom:26%;height:36%}.closing-mark{right:-15%;top:37%;width:75vw;opacity:.7}
  .closing .content-width>p:not(.eyebrow){max-width:325px}
}
@media(prefers-reduced-motion:reduce){.sky-layer,.orbit-brand-scene,.landscape,.planet,.closing-paths,.closing-sky,.closing-stars,.closing-planet,.closing-mark,.closing-horizon,.closing-terrain{transform:none!important}.orbit-runner,.closing-runner{display:none}}
/* Remove old screenshot UI fragments above the true mountain ridgeline. */
.closing-mountains-back{clip-path:polygon(0 5%,8% 13%,16% 27%,24% 30%,34% 26%,45% 40%,55% 46%,65% 48%,75% 39%,86% 34%,100% 5%,100% 100%,0 100%)}
/* V8 mobile composition correction — keep sky elements away from copy. */
@media (max-width:700px){
  .horizon-planet{display:none}
  .orbit-brand-scene{top:46%;right:-10%;width:79vw;opacity:calc(.89 - var(--scroll)*.14)}
  .closing-mark{top:53%;right:-10%;width:66vw;opacity:.77}
  .closing-planet{right:-58%;bottom:24%;height:24%}
  .closing-horizon{bottom:21%}
}
