.expedition{position:relative;height:100svh}.world{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;isolation:isolate;background:var(--sc-canvas)}.environment{position:absolute;inset:0 0 0 18%;z-index:-5;overflow:hidden}.room-image{width:100%;height:100%;object-fit:cover;object-position:60% center;transform:scale(1.02);opacity:.78}.room-shade{position:absolute;inset:0;z-index:-4;background:linear-gradient(90deg,#060c12 2%,#060c12ed 22%,#060c1280 47%,transparent 74%),linear-gradient(0deg,#060c12,transparent 22%)}.hero-copy{position:absolute;left:var(--gutter);top:50%;transform:translateY(-43%);z-index:3}.portal{position:absolute;inset:12% 8% 9% 45%;z-index:-1;border:1px solid #9be5f53b;clip-path:polygon(0 0,100% 0,100% 15%,99.8% 15%,99.8% 99.8%,0 99.8%);transform:perspective(900px) rotateY(-20deg)}.portal-front{inset:-12% -7% -13% 29%;border-width:2px;border-color:#80bdd738;transform:perspective(900px) rotateY(-18deg)}.perspective-grid{position:absolute;z-index:-2;inset:62% -40% -50%;background-image:linear-gradient(#72b8d326 1px,transparent 1px),linear-gradient(90deg,#72b8d326 1px,transparent 1px);background-size:100px 100px;transform:perspective(400px) rotateX(62deg);mask-image:linear-gradient(transparent,#000)}.atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 73% 55%,#8bdff313,transparent 45%)}.world-caption{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font:9px var(--sc-font-text);letter-spacing:.12em;color:var(--sc-ink-soft)}
@media(max-width:700px){.world{min-height:600px}.environment{inset:12% -40% 0 -20%}.room-image{object-position:56% center;opacity:.6}.room-shade{background:linear-gradient(90deg,#060c12c9,transparent 85%),linear-gradient(0deg,#060c12 3%,#060c12ba 25%,transparent 60%)}.hero-copy{top:auto;bottom:18%;transform:none}.portal-back{inset:20% 8% 13% 35%}.portal-front{inset:8% -22% -4% 12%}.world-caption span:last-child{display:none}}
/* A single architectural world, with independent planes driven by native scroll. */
.motion-enabled .expedition{height:620svh}.scene-copy:not(.hero-copy){position:absolute;z-index:3;opacity:0;pointer-events:none}.scene-copy p:not(.eyebrow):not(.intro){font-size:16px;line-height:1.8;color:var(--sc-ink-soft);margin-top:24px}.archive-copy{left:var(--gutter);top:23%;max-width:620px}.archive-copy h2{font-size:clamp(44px,5.6vw,82px)}.fold-copy{left:var(--gutter);bottom:18%;max-width:680px}.fold-copy h2{font-size:clamp(40px,4.9vw,74px)}.arrival-copy{left:var(--gutter);top:30%;max-width:600px}.archive-planes{position:absolute;inset:0;z-index:1;perspective:1200px;pointer-events:none;opacity:0}.archive-plane{position:absolute;left:64%;top:47%;width:154px;height:196px;padding:18px;transform-style:preserve-3d;background:linear-gradient(135deg,#102937eb,#071520eb);border:1px solid #96d9ee70;box-shadow:12px 24px 45px #02080a70;backface-visibility:hidden}.archive-plane span{font:9px var(--sc-font-text);letter-spacing:.12em;color:var(--sc-accent)}.archive-plane i{display:block;height:1px;background:#9be5f537;width:100%;margin-top:23px}.archive-plane i:nth-child(3){width:60%}.archive-plane i:nth-child(4){width:78%}.archive-plane b{display:block;font:8px var(--sc-font-text);margin-top:28px;color:#a5bac5}.convergence{position:absolute;left:64%;top:47%;width:290px;height:290px;transform:translate(-50%,-50%);opacity:0;z-index:2;pointer-events:none}.convergence div{position:absolute;inset:0;border:1px solid #9be5f580;border-radius:50%}.convergence div:nth-child(2){inset:20%;border-style:dashed}.convergence div:nth-child(3){inset:35%;background:#0c25319c;border-color:#9be5f5}.convergence span{position:absolute;inset:0;display:grid;place-items:center;font:18px var(--sc-font-text);letter-spacing:.15em;color:var(--sc-accent)}
/* Complete reading sequence if scripting is unavailable or motion is reduced. */
body:not(.motion-enabled) .expedition{height:auto}body:not(.motion-enabled) .world{height:auto;position:relative;min-height:100svh}body:not(.motion-enabled) .hero-copy{position:relative;top:auto;left:auto;transform:none;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:100px var(--gutter)}body:not(.motion-enabled) .scene-copy:not(.hero-copy){position:relative;left:auto;top:auto;bottom:auto;opacity:1;padding:60px var(--gutter);max-width:none;background:var(--sc-canvas)}body:not(.motion-enabled) .world-caption{display:none}body:not(.motion-enabled) .environment,body:not(.motion-enabled) .room-shade,body:not(.motion-enabled) .portal,body:not(.motion-enabled) .atmosphere{height:100svh;bottom:auto}body:not(.motion-enabled) .perspective-grid{display:none}
@media(max-width:700px){.motion-enabled .expedition{height:520svh}.motion-enabled .world{min-height:0}.archive-plane{left:50%;top:34%;width:112px;height:148px;padding:12px}.archive-plane span{font-size:7px}.archive-plane i{margin-top:16px}.archive-plane b{font-size:7px;margin-top:20px}.archive-copy{top:auto;bottom:17%;max-width:90%}.archive-copy h2,.fold-copy h2,.arrival-copy h2{font-size:clamp(36px,9vw,57px)}.fold-copy{bottom:17%;max-width:90%}.arrival-copy{top:auto;bottom:17%;max-width:90%}.scene-copy p:not(.eyebrow):not(.intro){font-size:14px;line-height:1.65;margin-top:18px}.convergence{left:50%;top:34%;width:190px;height:190px}.world-caption{bottom:24px}.scene-copy{right:var(--gutter)}body:not(.motion-enabled) .hero-copy{bottom:auto;right:auto}body:not(.motion-enabled) .scene-copy:not(.hero-copy){right:auto}body:not(.motion-enabled) .environment{top:0}}