/* The shutter is a temporary photographic frame, not a second scene. */
.world-old-atmosphere{z-index:0;background:var(--scene-paper)}
.world-old-copy{z-index:4;pointer-events:none}
.world-changing,.world-changing .ambient-field,.world-changing h1 em{transition:none}
.world-changing .portrait-motion,.world-changing .prop-image{animation-play-state:paused}
.world-changing .hero-copy,.world-changing .scene-panel{will-change:opacity}
.world-changing .portrait-layer{will-change:scale,translate}
.world-aperture{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;isolation:isolate}
.world-aperture-blade{position:absolute;inset-block:0;width:50.1%;background:#111b22;will-change:transform;backface-visibility:hidden}
.world-aperture-left{left:0;background:radial-gradient(ellipse at 100% 46%,color-mix(in srgb,var(--scene-accent) 12%,#10171c),#10171c 67%);box-shadow:8px 0 36px #02080c25}
.world-aperture-right{right:0;background:radial-gradient(ellipse at 0 46%,color-mix(in srgb,var(--scene-accent) 12%,#10171c),#10171c 67%);box-shadow:-8px 0 36px #02080c25}
.world-aperture-blade:after{content:'';position:absolute;inset:12% 0 18%;border-block:1px solid #ffffff13;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff02 3px 4px)}
.world-aperture-seam{position:absolute;left:calc(50% - 1px);top:10%;bottom:14%;width:2px;background:#eaece4;box-shadow:0 0 24px 5px color-mix(in srgb,var(--scene-accent) 36%,transparent);transform-origin:50% 45%}
.world-intertitle{position:absolute;inset:0 6.5%;display:flex;align-items:center;justify-content:center;gap:18px;padding-bottom:5vh;color:#f0f0e9;will-change:transform,opacity}
.world-intertitle-number{align-self:center;font:10px/1 var(--mono);letter-spacing:.15em;color:color-mix(in srgb,var(--scene-accent) 65%,white);transform:translateY(-3em)}
.world-intertitle-name{font:400 clamp(65px,13vw,200px)/.82 var(--display);letter-spacing:-.055em;text-transform:capitalize;text-wrap:nowrap}
.world-arrival-halo{position:absolute;left:15%;right:15%;top:8%;bottom:13%;z-index:1;border-radius:50%;border:1px solid color-mix(in srgb,var(--scene-accent) 34%,transparent);background:radial-gradient(ellipse,transparent 45%,color-mix(in srgb,var(--scene-accent) 9%,transparent) 65%,transparent 71%);box-shadow:0 0 70px color-mix(in srgb,var(--scene-accent) 8%,transparent),inset 0 0 45px color-mix(in srgb,var(--scene-accent) 7%,transparent);pointer-events:none}
.world-nav-tracer{position:absolute;z-index:6;border:1px solid var(--scene-accent);border-radius:4px;box-shadow:0 0 24px color-mix(in srgb,var(--scene-accent) 16%,transparent);transform-origin:0 0;pointer-events:none}
.world-link{overflow:hidden}
.world-link:after{content:'';position:absolute;left:15%;right:15%;bottom:0;height:2px;background:var(--scene-accent);transform:scaleX(0);transition:transform .25s;transform-origin:left}
.world-link[data-pending=true]:after{transform:scaleX(1);animation:world-loading 1s ease-in-out infinite alternate}
.world-link[data-pending=true]{border-color:var(--scene-accent)}
.world-journey{position:fixed;inset:0;z-index:30;pointer-events:none;background:#10171c;color:#f0f0e9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}
.world-journey:before,.world-journey:after{content:'';position:absolute;left:0;right:0;height:1px;background:#ffffff15}
.world-journey:before{top:12%}.world-journey:after{bottom:18%}
.world-journey>span:first-child{font:10px var(--mono);letter-spacing:.2em;color:color-mix(in srgb,var(--scene-accent) 60%,white)}
.world-journey>span:last-child{font:400 clamp(60px,12vw,160px)/1 var(--display);letter-spacing:-.045em}
@keyframes world-loading{to{opacity:.3}}
@media(max-width:700px){
 .world-intertitle{gap:8px;padding-bottom:12vh}.world-intertitle-number{font-size:8px;transform:translateY(-3.7em)}
 .world-intertitle-name{font-size:clamp(32px,10vw,70px);letter-spacing:-.05em}
 .world-journey>span:last-child{font-size:clamp(32px,10vw,70px);max-width:90%;text-align:center}
 .world-aperture-seam{top:15%;bottom:21%}.world-aperture-blade:after{inset-block:15% 21%}
 .world-arrival-halo{left:-20%;right:-20%;top:15%;bottom:20%}
}
@media(prefers-reduced-motion:reduce){.world-aperture,.world-arrival-halo,.world-nav-tracer,.world-old-copy,.world-old-atmosphere,.world-journey{display:none}.world-link:after{animation:none!important}}

/* Keep navigation legible while the palettes change behind it. */
.header{background:color-mix(in srgb,var(--scene-paper) 92%,transparent);transition:background .5s,color .5s,border-color .5s}
.world-nav:before{content:'';position:absolute;inset:-16px -9vw -30px;z-index:-1;background:linear-gradient(transparent,var(--scene-paper) 26%);pointer-events:none}
.portrait-layer{transform-origin:50% 100%}