/* Layered project environments. Native scrolling and sticky stages. */
.opening-world{padding-top:86px}.artwork-window{position:relative;height:calc(100svh - 86px);min-height:640px;max-height:1300px;overflow:hidden;background:#070b12;isolation:isolate;color:white}.artwork-lane{position:absolute;width:16%;display:flex;flex-direction:column;gap:clamp(10px,1vw,18px);rotate:7deg;transform-origin:50% 52svh;will-change:transform}.artwork-lane img{width:100%;height:auto;flex:none;filter:saturate(.82)}.lane-1{left:-8%;top:-26%}.lane-2{left:8.5%;top:-18%}.lane-3{left:25%;top:-30%}.lane-4{left:41.5%;top:-16%}.lane-5{left:58%;top:-28%}.lane-6{left:74.5%;top:-20%}.lane-7{left:91%;top:-32%}.opening-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0409168a,#04091614),linear-gradient(0deg,#040812f0,#04081230 80%);z-index:2;pointer-events:none}.opening-topline{position:absolute;inset:28px var(--gutter) auto;z-index:3;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#e6e9f1}.window-caption{position:absolute;left:var(--gutter);right:var(--gutter);bottom:17%;z-index:3;will-change:transform}.window-caption>.eyebrow{margin-bottom:25px}.window-caption h1{font:600 clamp(85px,13.9vw,230px)/.8 var(--display);letter-spacing:-.025em}.window-caption h1>span{color:#e2e9f5}.opening-baseline{display:flex;align-items:flex-end;justify-content:space-between;max-width:1040px;margin-top:30px;gap:25px}.opening-baseline>p{font-size:13px;color:#d2d9e5;line-height:1.7}.round-link{display:inline-flex;align-items:center;gap:35px;font-size:10px;letter-spacing:.09em;padding:15px 22px;border:1px solid #ffffff70;border-radius:40px;background:#080d2028;backdrop-filter:blur(8px)}.round-link:hover{background:#ffffff;color:#080b10}.round-link>span{font-size:18px}.explore-cue{position:absolute;z-index:4;bottom:30px;left:var(--gutter);display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:.09em}.scroll-line{width:1px;height:42px;background:linear-gradient(0deg,transparent,#fff);transform-origin:top}.opening-edition{position:absolute;bottom:45px;right:var(--gutter);font-size:9px;letter-spacing:.09em;color:#bac4d5;z-index:3}
.world-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:35px;padding:80px var(--gutter) 90px;background:var(--bg)}.world-intro>.eyebrow{grid-column:1/-1;color:var(--muted)}.world-intro h2{font:500 clamp(28px,3.2vw,55px)/1.1 var(--sans);letter-spacing:-.05em}.world-intro h2>span{color:var(--muted)}.world-intro>.text-link{justify-self:end}
.world-scene{position:relative;height:160svh;min-height:1040px;background:var(--world-shade);color:#f9f9fb;--poster-y:0px;--poster-x:0px;--copy-y:0px;--bg-x:0%;--bg-y:0%;--bg-scale:1.05;--symbol-turn:0deg;--symbol-y:0px;--ghost-x:0px;--fog-x:0px;--particle-y:0px;--pointer-x:0px;--pointer-y:0px;--scene-progress:0}.world-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;isolation:isolate}.scene-background{position:absolute;inset:0;z-index:-5;transform:translate3d(var(--bg-x),var(--bg-y),0) scale(var(--bg-scale));transform-origin:center;will-change:transform}.scene-background img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--bg-position,50% 50%);opacity:.87}.scene-background .poster-backdrop{object-position:var(--bg-position,50% 50%);filter:saturate(.8);opacity:.65}.scene-wash{position:absolute;inset:0;z-index:-4;background:linear-gradient(90deg,color-mix(in srgb,var(--world-shade) 90%,transparent),color-mix(in srgb,var(--world-shade) 12%,transparent)),linear-gradient(0deg,var(--world-shade),transparent 38%,#03061166);pointer-events:none}.scene-reverse .scene-wash{background:linear-gradient(270deg,color-mix(in srgb,var(--world-shade) 90%,transparent),color-mix(in srgb,var(--world-shade) 12%,transparent)),linear-gradient(0deg,var(--world-shade),transparent 38%,#03061166)}
.scene-atmosphere{position:absolute;inset:0;z-index:-3;pointer-events:none;mix-blend-mode:screen;opacity:.6}.atmosphere-glow{position:absolute;width:75vw;height:75vw;top:-35vw;right:-15vw;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--world-accent) 35%,transparent),transparent 63%);transform:translate3d(var(--pointer-x),var(--pointer-y),0)}.atmosphere-fog{position:absolute;left:-30%;right:-30%;height:55%;bottom:-20%;background:radial-gradient(ellipse at 35% 60%,color-mix(in srgb,var(--world-accent) 40%,transparent),transparent 60%);filter:blur(30px);transform:translate3d(var(--fog-x),var(--symbol-y),0)}
.scene-symbol{position:absolute;width:65vw;height:65vw;right:-8vw;top:4vh;z-index:-2;opacity:.35;transform:translate3d(var(--pointer-x),var(--symbol-y),0) rotate(var(--symbol-turn));pointer-events:none;color:var(--world-accent)}.scene-symbol i{position:absolute;display:block}.scene-ghost{position:absolute;left:-2%;bottom:-7%;font:600 47vw/.75 var(--display);letter-spacing:-.07em;color:#ffffff09;z-index:-1;transform:translate3d(var(--ghost-x),0,0);pointer-events:none}.scene-topline{position:absolute;inset:118px var(--gutter) auto;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;z-index:5;color:#e6e8ed}.scene-topline>a{border-bottom:1px solid #ffffff4d;padding-bottom:6px}.scene-copy{position:absolute;left:var(--gutter);top:31%;width:66%;z-index:4;transform:translate3d(0,var(--copy-y),0);pointer-events:none}.scene-copy a{pointer-events:auto}.scene-kicker{display:flex;align-items:center;gap:22px;font-size:10px;line-height:1.5;letter-spacing:.03em;margin-bottom:22px;color:#e1e3e9}.scene-kicker>span{font-size:9px;color:var(--world-accent);letter-spacing:.08em;white-space:nowrap}.scene-copy h2{font:600 clamp(70px,var(--title-size),205px)/.82 var(--display);letter-spacing:-.02em;max-width:100%;text-shadow:0 4px 50px #0002}.scene-copy h2>span{display:block;white-space:nowrap}.scene-copy h2>span+span{color:var(--world-accent);margin-top:7px}.scene-description{margin-top:25px;width:min(350px,65%);font-size:13px;line-height:1.7;color:#e0e2e8;text-wrap:pretty}.project-link{display:inline-flex;gap:34px;align-items:center;margin-top:25px;padding:0 0 11px;font-size:10px;letter-spacing:.1em;border-bottom:1px solid #ffffff6b}.project-link>span{font-size:19px;color:var(--world-accent);line-height:1}.project-link:hover{border-color:var(--world-accent);color:var(--world-accent)}
.scene-poster{position:absolute;right:10%;top:24%;width:clamp(160px,20vw,330px);z-index:3;transform:translate3d(calc(var(--poster-x) + var(--pointer-x)),calc(var(--poster-y) + var(--pointer-y)),0);will-change:transform}.poster-mount{position:relative;transform:rotate(var(--poster-angle));box-shadow:0 35px 90px #0009;outline:1px solid #ffffff20;transition:transform .4s}.poster-mount img{width:100%;height:auto}.scene-poster:hover .poster-mount,.scene-poster:focus-visible .poster-mount{transform:rotate(0deg) scale(1.025)}.poster-corner{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#f5f5f0;color:#121822;font-size:17px}.poster-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:9px;line-height:1.5;padding-top:32px;color:#e8e9ee}.poster-caption>span{flex:none}.scene-reverse .scene-poster{left:12%;right:auto}.scene-reverse .scene-copy{left:43%;width:54%}.scene-reverse .scene-copy h2{font-size:clamp(70px,calc(var(--title-size) * .87),175px)}.scene-reverse .scene-description{width:min(350px,80%)}.scene-reverse .scene-ghost{left:auto;right:2%}.scene-reverse .scene-symbol{right:auto;left:-12vw}.scene-bottomline{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);z-index:5;display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #ffffff30;font-size:9px;letter-spacing:.08em;color:#c9cdd6}.scene-bottomline>a{color:#f4f5f7;flex:none}.scene-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff12}.scene-progress span{display:block;height:100%;background:var(--world-accent);transform:scaleX(var(--scene-progress));transform-origin:left}.scene-particles{position:absolute;inset:-10%;z-index:2;pointer-events:none;transform:translate3d(calc(var(--pointer-x) * -1),var(--particle-y),0)}.scene-particles i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:var(--world-accent);opacity:.45;box-shadow:0 0 12px var(--world-accent);transform:translateY(calc(var(--n) * -2px))}
/* Individual environment motifs: mist, magic, orbit, couture, rift, rock, rain and more. */
.env-mist .scene-symbol i{inset:10%;border:1px solid currentColor;border-radius:50%;filter:blur(2px)}.env-mist .scene-symbol i:nth-child(2){inset:24%;border-width:15px;opacity:.2}.env-mist .scene-symbol i:nth-child(3){inset:36%;background:radial-gradient(circle,currentColor,transparent 70%);opacity:.4}.env-mist .scene-atmosphere{opacity:.9}
.env-arcane .scene-symbol i,.env-orbit .scene-symbol i,.env-radar .scene-symbol i,.env-clock .scene-symbol i{inset:8%;border:1px solid currentColor;border-radius:50%}.env-arcane .scene-symbol i:nth-child(2){inset:18%;border:1px dashed currentColor}.env-arcane .scene-symbol i:nth-child(3){inset:26%;border-radius:0;transform:rotate(45deg)}.env-arcane .scene-particles i{border-radius:0;transform:rotate(45deg)}
.env-orbit .scene-symbol{transform:translate3d(var(--pointer-x),var(--symbol-y),0) rotate(calc(var(--symbol-turn) - 28deg)) scaleY(.55)}.env-orbit .scene-symbol i:nth-child(2){inset:23%;border-width:2px}.env-orbit .scene-symbol i:nth-child(3){inset:-8%;border-style:dashed;opacity:.5}.env-orbit .scene-particles i{height:calc(var(--s) * 5);width:1px;transform:rotate(-35deg)}
.env-couture .scene-symbol{width:65vw;height:130vh;top:-25%;right:-15%;opacity:.65;transform:translate3d(var(--pointer-x),var(--symbol-y),0) rotate(calc(var(--symbol-turn) + 25deg))}.env-couture .scene-symbol i{inset:0 40%;background:#a21238}.env-couture .scene-symbol i:nth-child(2){inset:0 27% 0 68%;background:#f9f5ee;opacity:.7}.env-couture .scene-symbol i:nth-child(3){inset:0 80% 0 17%;background:#f9f5ee;opacity:.5}.env-couture .scene-background img{filter:grayscale(1)}.env-couture .scene-particles i{border-radius:0;width:12px;height:34px;box-shadow:none;transform:rotate(30deg);opacity:.25}
.env-rift .scene-symbol i{inset:10%;border:2px solid currentColor;transform:rotate(45deg);box-shadow:0 0 35px #acb6ff40,inset 0 0 35px #acb6ff40}.env-rift .scene-symbol i:nth-child(2){inset:25%}.env-rift .scene-symbol i:nth-child(3){inset:40%;background:#b8acff20}.env-rift .scene-particles i{width:15px;height:15px;clip-path:polygon(50% 0,100% 100%,0 75%);border-radius:0}
.env-cavern .scene-symbol{inset:-10% -10% -10% auto;width:75vw;height:130vh;opacity:.6}.env-cavern .scene-symbol i{inset:0;background:linear-gradient(120deg,#07080d,transparent);clip-path:polygon(35% 0,90% 0,60% 100%,5% 100%)}.env-cavern .scene-symbol i:nth-child(2){transform:translateX(40%) scaleX(-1)}.env-cavern .scene-symbol i:nth-child(3){transform:translateX(-15%) scaleX(.5);opacity:.35;background:var(--world-accent)}
.env-gilded .scene-symbol i{inset:8%;border:1px solid currentColor}.env-gilded .scene-symbol i:nth-child(2){inset:11%;border-width:3px;opacity:.4}.env-gilded .scene-symbol i:nth-child(3){inset:4%;border-top:0;border-bottom:0;transform:scaleX(.65)}.env-gilded .scene-symbol{opacity:.2}.env-gilded .scene-particles{opacity:.35}
.env-rain .scene-particles i{width:1px;height:clamp(35px,6vh,70px);border-radius:0;transform:rotate(16deg);background:linear-gradient(transparent,var(--world-accent));box-shadow:none;opacity:.35}.env-rain .scene-symbol{width:100%;height:100%;inset:0;opacity:.18}.env-rain .scene-symbol i{inset:0;background:repeating-linear-gradient(90deg,transparent 0 14vw,currentColor 14vw calc(14vw + 1px))}.env-rain .atmosphere-glow{top:10%;right:-30%;background:radial-gradient(circle,#91cfff50,transparent 63%)}
.env-snow .scene-particles i{background:white;box-shadow:0 0 8px #fff8;opacity:.8}.env-snow .scene-symbol i{inset:0;background:linear-gradient(150deg,#f1faff60,transparent 70%);clip-path:polygon(50% 0,100% 100%,0 100%)}.env-snow .scene-symbol i:nth-child(2){transform:translate(-40%,25%) scale(.75)}.env-snow .scene-symbol i:nth-child(3){transform:translate(40%,35%) scale(.8)}
.env-forest .scene-symbol{width:120vw;height:140vh;inset:-20% -10%;opacity:.3}.env-forest .scene-symbol i{inset:0;background:repeating-linear-gradient(100deg,transparent 0 13%,#070f09 14% 16%,transparent 18% 32%);transform:rotate(-10deg)}.env-forest .scene-symbol i:nth-child(2){transform:rotate(17deg) translateX(12%);opacity:.5}.env-forest .scene-symbol i:nth-child(3){display:none}.env-forest .scene-particles i{width:12px;height:6px;border-radius:80% 0;box-shadow:none;transform:rotate(calc(var(--n) * 25deg))}
.env-duality .scene-atmosphere{background:linear-gradient(110deg,#ad82d130,transparent 50%,#e4d39d40);opacity:.8}.env-duality .scene-symbol i{inset:5%;border:1px solid currentColor;transform:rotate(45deg)}.env-duality .scene-symbol i:nth-child(2){inset:25%;transform:rotate(-45deg);background:linear-gradient(90deg,#d3b5ed20,#e4d39d30)}.env-duality .scene-symbol i:nth-child(3){inset:35%;border-radius:50%}
.env-eclipse .scene-symbol i{inset:18%;border-radius:50%;box-shadow:0 0 100px #d390be70,inset 0 0 40px #d390be30;background:#120a21d0;border:1px solid #e4bcd360}.env-eclipse .scene-symbol i:nth-child(2){inset:5%;box-shadow:none;background:none;border-style:dashed;opacity:.3}.env-eclipse .scene-symbol i:nth-child(3){display:none}
.env-signal .scene-symbol{inset:0;width:100%;height:100%;opacity:.22}.env-signal .scene-symbol i{inset:20%;border:1px solid currentColor}.env-signal .scene-symbol i:nth-child(2){inset:40% 0;border-left:0;border-right:0}.env-signal .scene-symbol i:nth-child(3){inset:0 48%;border-top:0;border-bottom:0}.env-signal .scene-particles i{width:30px;height:1px;border-radius:0;box-shadow:none}
.env-court .scene-symbol{width:85vw;height:90vh;top:8%;right:-20%;opacity:.5;transform:translate3d(var(--pointer-x),var(--symbol-y),0) perspective(600px) rotateX(48deg) rotateZ(calc(var(--symbol-turn) - 10deg))}.env-court .scene-symbol i{inset:5%;border:2px solid currentColor}.env-court .scene-symbol i:nth-child(2){inset:5% 20%}.env-court .scene-symbol i:nth-child(3){inset:30% 20%;background:linear-gradient(90deg,transparent 49.8%,currentColor 49.8% 50.2%,transparent 50.2%)}.env-court .scene-particles i{width:6px;height:6px;background:#d9f794}
.env-clock .scene-symbol i:first-child{border:3px dotted currentColor}.env-clock .scene-symbol i:nth-child(2){inset:20%;border-radius:0;border:0;border-top:2px solid currentColor;transform-origin:center;transform:rotate(75deg) translateY(50%)}.env-clock .scene-symbol i:nth-child(3){inset:45% 15% 45% 50%;border:0;border-top:2px solid currentColor;border-radius:0}.env-clock .scene-particles{opacity:.25}
.env-radar .scene-symbol i:nth-child(2){inset:22%;border-style:dashed}.env-radar .scene-symbol i:nth-child(3){inset:8%;background:conic-gradient(from 0deg,transparent 0 270deg,#bfdfa340 360deg);border:0}.env-radar .scene-particles i{border-radius:0;box-shadow:none}
[data-theme="light"] .world-scene{color:#101b2b;background:#e8edf3}[data-theme="light"] .scene-wash{background:linear-gradient(90deg,#f3f6fbee,#f3f6fb22),linear-gradient(0deg,#e8edf3,transparent 45%)}[data-theme="light"] .scene-reverse .scene-wash{background:linear-gradient(270deg,#f3f6fbee,#f3f6fb22),linear-gradient(0deg,#e8edf3,transparent 45%)}[data-theme="light"] .scene-copy h2>span+span,[data-theme="light"] .scene-kicker>span,[data-theme="light"] .project-link>span{color:color-mix(in srgb,var(--world-accent) 20%,#182944)}[data-theme="light"] .scene-description,[data-theme="light"] .scene-kicker,[data-theme="light"] .scene-topline,[data-theme="light"] .scene-bottomline,[data-theme="light"] .scene-bottomline>a,[data-theme="light"] .poster-caption{color:#223043}[data-theme="light"] .scene-topline>a,[data-theme="light"] .scene-bottomline,[data-theme="light"] .project-link{border-color:#14233450}[data-theme="light"] .scene-ghost{color:#172e4508}[data-theme="light"] .scene-atmosphere{mix-blend-mode:multiply;opacity:.22}[data-theme="light"] .scene-symbol{opacity:.2}[data-theme="light"] .scene-copy h2{text-shadow:none}[data-theme="light"] .poster-mount{box-shadow:0 30px 70px #15253b44}
.motion-paused [data-parallax]{transform:none!important}.motion-paused .scene-background{transform:scale(var(--bg-scale))!important}.motion-paused .scene-background img{transform:none!important}.motion-paused .scene-copy,.motion-paused .scene-poster,.motion-paused .scene-particles,.motion-paused .scene-ghost,.motion-paused .atmosphere-fog,.motion-paused .atmosphere-glow{transform:none!important}.motion-paused .scene-symbol{transform:none!important}
@media(min-width:1800px){.scene-copy{top:34%}.scene-poster{top:26%}}
@media(max-width:1000px){.scene-copy{width:70%;top:32%}.scene-poster{right:8%;width:23vw;top:29%}.scene-reverse .scene-poster{left:9%}.scene-reverse .scene-copy{left:42%;width:56%}.scene-description{font-size:12px}.scene-copy h2{font-size:clamp(60px,var(--title-size),130px)}.scene-reverse .scene-copy h2{font-size:clamp(60px,calc(var(--title-size) * .88),125px)}}
@media(min-width:761px) and (max-width:1100px){.artwork-lane{width:19%;gap:12px}.lane-1{left:-9%}.lane-2{left:10.5%}.lane-3{left:30%}.lane-4{left:49.5%}.lane-5{left:69%}.lane-6{left:88.5%}.lane-7{display:none}}
@media(max-width:760px){.opening-world{padding-top:74px}.artwork-window{height:calc(100svh - 74px);min-height:660px}.artwork-lane{width:25.5%;gap:9px;rotate:6deg;transform-origin:50% 55svh}.lane-1{left:-13%;top:-24%}.lane-2{left:13%;top:-18%}.lane-3{left:39%;top:-29%}.lane-4{left:65%;top:-14%}.lane-5{left:91%;top:-25%}.lane-6,.lane-7{display:none}.opening-topline{top:25px;font-size:8px}.opening-topline>span:first-child{max-width:220px}.opening-topline>span:last-child{display:none}.window-caption{bottom:22%}.window-caption h1{font-size:19vw;line-height:.88}.window-caption>.eyebrow{font-size:9px;margin-bottom:18px}.opening-baseline{display:block;margin-top:25px}.opening-baseline>p{font-size:12px}.round-link{margin-top:23px;padding:11px 17px;font-size:9px}.opening-edition{display:none}.explore-cue{bottom:26px;font-size:8px}.world-intro{display:block;padding-block:60px}.world-intro h2{font-size:32px;margin-top:22px}.world-intro>.text-link{margin-top:30px;font-size:9px}.world-scene{height:155svh;min-height:1080px}.world-stage{height:100svh;min-height:720px}.scene-topline{top:103px;font-size:8px}.scene-copy,.scene-reverse .scene-copy{left:var(--gutter);top:23%;width:calc(100% - 2 * var(--gutter))}.scene-copy h2,.scene-reverse .scene-copy h2{font-size:clamp(49px,calc(var(--title-size) * 1.32),108px)}.scene-kicker{font-size:9px;gap:12px;margin-bottom:16px;max-width:90%}.scene-kicker>span{font-size:8px}.scene-description,.scene-reverse .scene-description{width:46%;font-size:11px;margin-top:22px;line-height:1.65}.project-link{font-size:9px;gap:24px;margin-top:22px}.scene-poster,.scene-reverse .scene-poster{top:49%;left:auto;right:9%;width:35vw;max-width:220px}.poster-caption{font-size:8px;padding-top:20px;max-width:160px}.poster-corner{width:26px;height:26px;right:10px;bottom:10px;font-size:15px}.scene-symbol{width:110vw;height:110vw;top:28%;right:-38%}.scene-ghost{font-size:90vw;bottom:6%;opacity:.6}.scene-reverse .scene-symbol{left:auto;right:-38%}.scene-bottomline{bottom:25px;font-size:8px;gap:18px}.scene-bottomline>span{max-width:55%}.scene-wash,.scene-reverse .scene-wash{background:linear-gradient(0deg,var(--world-shade),transparent 50%),linear-gradient(90deg,color-mix(in srgb,var(--world-shade) 88%,transparent),color-mix(in srgb,var(--world-shade) 20%,transparent))}[data-theme="light"] .scene-wash,[data-theme="light"] .scene-reverse .scene-wash{background:linear-gradient(0deg,#e8edf3,transparent 55%),linear-gradient(90deg,#f3f6fbef,#f3f6fb50)}.env-couture .scene-symbol{width:100vw}.env-cavern .scene-symbol{width:120vw}.env-rain .scene-symbol,.env-signal .scene-symbol{width:100%;height:100%;inset:0}.env-forest .scene-symbol{width:130vw;height:130vh;inset:-10%}.env-court .scene-symbol{width:140vw;right:-45%;height:80vh}}
@media(max-height:620px) and (min-width:761px){.world-stage{min-height:600px}.scene-topline{top:105px}.scene-copy{top:31%}.scene-copy h2{font-size:clamp(65px,calc(var(--title-size) * .8),100px)}.scene-poster{top:28%;width:16vw}.scene-description{margin-top:18px}.project-link{margin-top:18px}.scene-bottomline{bottom:22px}.scene-reverse .scene-copy h2{font-size:clamp(65px,calc(var(--title-size) * .72),100px)}}
@media print{.opening-world,.world-intro,.worlds{display:none!important}}

@media(min-width:1001px){.scene-poster{width:clamp(160px,18.5vw,300px);top:22%}}

/* Center artwork at its natural aspect ratio; extra-wide screens get soft side extensions. */
.world-stage {
  container-type: size;
  --scene-width: min(calc(100cqw - 2 * var(--gutter)), 1840px);
  --scene-inset: calc((100cqw - var(--scene-width)) / 2);
  --bg-feather: 0px;
}
.scene-backdrop-mask .scene-background {
  inset: 0;
  width: 100%;
  max-width: calc(100cqh * var(--bg-ratio, 1.777778));
  margin-inline: auto;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 var(--bg-feather), #000 calc(100% - var(--bg-feather)), transparent);
  mask-image: linear-gradient(90deg, transparent, #000 var(--bg-feather), #000 calc(100% - var(--bg-feather)), transparent);
}
.scene-background img { opacity: .94; }
@media (min-aspect-ratio: 4/3) and (min-width: 761px) {
  .world-stage { --bg-feather: clamp(64px, 8cqw, 240px); }
}
.world-stage > .scene-wash {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--world-shade) 94%, transparent), color-mix(in srgb, var(--world-shade) 52%, transparent) 28%, transparent 58%, color-mix(in srgb, var(--world-shade) 28%, transparent)),
    linear-gradient(0deg, var(--world-shade), transparent 24%, transparent 78%, #03061166);
}
.scene-reverse .world-stage > .scene-wash {
  background:
    linear-gradient(270deg, color-mix(in srgb, var(--world-shade) 94%, transparent), color-mix(in srgb, var(--world-shade) 52%, transparent) 28%, transparent 58%, color-mix(in srgb, var(--world-shade) 28%, transparent)),
    linear-gradient(0deg, var(--world-shade), transparent 24%, transparent 78%, #03061166);
}
[data-theme="light"] .world-stage > .scene-wash {
  background: linear-gradient(90deg, #e8edf3f5, #e8edf3a8 30%, #e8edf312 60%, #e8edf340), linear-gradient(0deg, #e8edf3, transparent 28%);
}
[data-theme="light"] .scene-reverse .world-stage > .scene-wash {
  background: linear-gradient(270deg, #e8edf3f5, #e8edf3a8 30%, #e8edf312 60%, #e8edf340), linear-gradient(0deg, #e8edf3, transparent 28%);
}

/* Keep readable copy and larger posters grouped around the image on wide displays. */
.scene-copy {
  left: var(--scene-inset);
  top: 28%;
  width: calc(var(--scene-width) * .66);
}
.scene-reverse .scene-copy {
  left: calc(var(--scene-inset) + var(--scene-width) * .43);
  width: calc(var(--scene-width) * .54);
}
.scene-description, .scene-reverse .scene-description { width: min(440px, 80%); }
.scene-poster, .scene-reverse .scene-poster {
  top: 50%;
  width: min(clamp(200px, 24vw, 420px), 42cqh);
  translate: 0 -50%;
}
.scene-poster { left: auto; right: calc(var(--scene-inset) + min(4vw, 80px)); }
.scene-reverse .scene-poster { left: calc(var(--scene-inset) + min(4vw, 80px)); right: auto; }
.poster-caption { padding-top: 22px; }
.scene-topline { left: var(--scene-inset); right: var(--scene-inset); gap: 24px; align-items: flex-start; }
.scene-topline > span { max-width: calc(100% - 170px); }
.scene-topline > a { flex: none; }
.scene-bottomline { left: var(--scene-inset); right: var(--scene-inset); }
.index-category { width: 74px; }

@media (min-width: 761px) and (max-height: 680px) {
  .scene-copy { top: 26%; }
  .scene-description { margin-top: 18px; }
  .scene-copy .project-link { margin-top: 18px; }
  .scene-poster, .scene-reverse .scene-poster { width: min(23vw, 37cqh); }
}
@media (max-width: 760px) {
  .world-stage { min-height: 820px; }
  .world-scene { min-height: 1240px; }
  .scene-copy, .scene-reverse .scene-copy { left: var(--gutter); top: 22%; width: calc(100% - 2 * var(--gutter)); }
  .scene-description, .scene-reverse .scene-description { width: 49%; }
  .scene-poster, .scene-reverse .scene-poster {
    top: 61%;
    left: auto;
    right: 7%;
    width: min(42vw, 230px);
    translate: 0 -36%;
  }
  .poster-caption { max-width: none; padding-top: 18px; }
  .scene-topline { top: 103px; gap: 14px; }
  .scene-topline > span { max-width: calc(100% - 123px); }
  .scene-bottomline { gap: 18px; }
  .scene-bottomline > span { max-width: 57%; }
  .world-stage > .scene-wash, .scene-reverse .world-stage > .scene-wash {
    background: linear-gradient(90deg, color-mix(in srgb, var(--world-shade) 88%, transparent), color-mix(in srgb, var(--world-shade) 20%, transparent)), linear-gradient(0deg, var(--world-shade), transparent 50%);
  }
  [data-theme="light"] .world-stage > .scene-wash, [data-theme="light"] .scene-reverse .world-stage > .scene-wash {
    background: linear-gradient(90deg, #e8edf3f0, #e8edf344), linear-gradient(0deg, #e8edf3, transparent 50%);
  }
}


.scene-topline>a{padding:5px 8px;margin-top:-5px;background:#090e1926;backdrop-filter:blur(10px)}
[data-theme="light"] .scene-topline>a{background:#f7f9fccc}
@media(max-width:760px){.site-header{gap:12px}}

/* A choice of two collections before entering the project worlds. */
.world-choice{padding-block:85px 30px;background:var(--bg)}
.choice-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:40px}
.choice-heading .eyebrow{color:var(--muted);margin-bottom:20px}
.choice-heading h2{font:600 clamp(48px,6.7vw,112px)/.9 var(--display);letter-spacing:-.025em}
.choice-heading>p{font-size:12px;color:var(--muted);padding-bottom:5px;line-height:1.7}
.choice-options{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.collection-choice{position:relative;display:block;isolation:isolate;overflow:hidden;min-height:410px;padding:30px;text-align:left;background:#0b1325;color:#f1f5ff;border:1px solid var(--line);border-radius:3px;transition:border-color .25s,box-shadow .25s}
.collection-choice:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#060c18fa,#060c1860 75%),linear-gradient(90deg,#060c1899,transparent);pointer-events:none}
.collection-choice:hover,.collection-choice[aria-pressed="true"]{border-color:#a9caff;box-shadow:0 0 0 1px #a9caff}
.collection-choice:focus-visible{outline:3px solid var(--accent);outline-offset:7px}
.choice-art{position:absolute;inset:0;z-index:-2;pointer-events:none}
.choice-backdrop{width:100%;height:100%;object-fit:cover;opacity:.45}
.choice-games .choice-backdrop{filter:hue-rotate(12deg);opacity:.65}
.choice-posters{position:absolute;top:-15%;right:-9%;width:68%;display:flex;align-items:flex-start;gap:0;will-change:transform}
.choice-posters>img:first-child{width:58%;height:auto;rotate:-12deg;box-shadow:0 20px 45px #0006}
.choice-posters>img+img{width:52%;height:auto;margin-left:-9%;margin-top:24%;rotate:10deg;box-shadow:0 20px 45px #0006}
.choice-topline{position:absolute;left:30px;right:30px;top:25px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.1em;z-index:2}
.choice-count{color:#d5e2f5}
.choice-copy{position:absolute;left:30px;right:24px;bottom:93px;display:block}
.choice-title{display:block;font:600 clamp(49px,5.4vw,90px)/.9 var(--display);letter-spacing:-.015em}
.choice-title>span{display:block;font-size:.66em;color:#c0d4ef;margin-top:8px}
.choice-games .choice-title>span{font-size:.4em;letter-spacing:.01em;margin-top:14px}
.choice-description{display:block;font-size:11px;line-height:1.6;color:#bac9df;margin-top:17px;max-width:260px}
.choice-bottomline{position:absolute;left:30px;right:30px;bottom:23px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff35;padding-top:17px;font-size:9px;letter-spacing:.08em}
.choice-arrow{font:22px var(--sans);line-height:1;color:#d7e6fd;transition:transform .2s}
.collection-choice:hover .choice-arrow{transform:translate(3px,-3px)}
.collection-choice[aria-pressed="true"] .choice-action:before{content:"✓";display:inline-block;margin-right:9px;color:#a9caff;font-size:13px}
.choice-status{margin-top:20px;font-size:11px;letter-spacing:.02em;color:var(--muted)}
.collection-choice.starts-first{border-color:var(--card-accent);box-shadow:0 0 0 1px var(--card-accent)}
.collection-choice.starts-first [data-choice-state]{color:var(--card-accent)}
.world-intro-links{display:flex;justify-self:end;gap:25px;align-items:center}
.world-intro-links .text-link{font-size:9px;gap:16px}
.world-intro h2:focus{outline:none}
.index-heading>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:240px}
.index-change-world{margin-top:25px;font-size:9px}
[data-theme="light"] .collection-choice:hover,[data-theme="light"] .collection-choice[aria-pressed="true"]{border-color:#315f9f;box-shadow:0 0 0 1px #315f9f}
@media(max-width:1000px){.choice-heading h2{font-size:7vw}.collection-choice{min-height:370px;padding:25px}.choice-topline,.choice-bottomline{left:24px;right:24px}.choice-copy{left:24px}.choice-title{font-size:6.2vw}.world-intro-links{flex-direction:column;align-items:flex-start;gap:16px}}
@media(max-width:760px){.world-choice{padding-block:65px 10px}.choice-heading{display:block;margin-bottom:30px}.choice-heading h2{font-size:12vw}.choice-heading .eyebrow{font-size:9px;margin-bottom:18px}.choice-heading>p{margin-top:22px;font-size:12px}.choice-heading>p br{display:none}.choice-options{grid-template-columns:1fr;gap:20px}.collection-choice{min-height:350px}.choice-title{font-size:16vw}.choice-title>span{font-size:.66em}.choice-games .choice-title>span{font-size:.4em}.choice-topline{font-size:8px}.choice-description{font-size:11px}.choice-bottomline{font-size:8px}.choice-copy{bottom:85px}.choice-posters{top:-20%;width:62%}.choice-status{font-size:10px}.world-intro-links{margin-top:28px;flex-direction:row;gap:24px}.world-intro-links .text-link{font-size:8px;gap:10px}}
@media print{.world-choice,.world-intro-links,.index-change-world{display:none!important}}