/* Overlay geometry is locked to the complete responsive source, never viewport cover. */
#home .scene-atmosphere{position:absolute;left:var(--bl);top:var(--bt);width:var(--bw);height:var(--bh);overflow:hidden;pointer-events:none;display:none;z-index:2;isolation:isolate}
#home .story-layer[data-media=S01].has-atmosphere .scene-atmosphere{display:block}
#home .scene-atmosphere i{position:absolute;inset:0;display:block;will-change:transform,opacity;animation-play-state:paused!important}
#home .scene-cloud,#home .scene-foreground,#home .scene-valley{background-size:100% 100%;background-repeat:no-repeat}
#home .scene-cloud{background-image:url(/story-media/environment-wide-sky-desktop.webp);animation:estate-cloud 18s ease-in-out infinite alternate}
#home .scene-valley{background-image:url(/story-media/environment-wide-valley-desktop.webp);animation:estate-valley 12s ease-in-out infinite alternate}
#home .scene-foreground{background-image:url(/story-media/environment-wide-foreground-desktop.webp);animation:estate-near 6.5s ease-in-out infinite alternate}
#home .scene-sun{background:radial-gradient(ellipse 23% 35% at 99% 24%,#f2b975 0%,transparent 85%);mask-image:linear-gradient(#000 0%,#000 27%,transparent 43%);mix-blend-mode:screen;animation:estate-light 10s ease-in-out infinite alternate}
#home .story-stage[data-paused=false][data-suspended=false] .is-current .scene-atmosphere i{animation-play-state:running!important}
@keyframes estate-cloud{from{transform:translateX(0)}to{transform:translateX(12px)}}
@keyframes estate-valley{from{transform:translateX(0);opacity:.72}to{transform:translateX(18px);opacity:1}}
@keyframes estate-near{from{transform:translate(0,0)}to{transform:translate(4px,-1px)}}
@keyframes estate-light{from{opacity:.025}to{opacity:.11}}
@media(max-width:700px),(max-aspect-ratio:4/5){
 #home .scene-cloud{background-image:url(/story-media/environment-wide-sky-mobile.webp)}
 #home .scene-atmosphere .scene-valley{display:none;background-image:none;animation:none}
 #home .scene-foreground{background-image:url(/story-media/environment-wide-foreground-mobile.webp)}
 #home .scene-sun{background:radial-gradient(ellipse 40% 26% at 100% 13%,#f2b975,transparent 85%);mask-image:linear-gradient(#000 0%,#000 20%,transparent 43%)}
}
@media(prefers-reduced-motion:reduce){#home .scene-atmosphere{display:none!important}}

/* Source eye closure must be visible in full; its terminal black frame holds until scroll. */
#home .story-layer[data-media=E01]{background:#000}
#home .story-layer[data-media=E01]::after{display:none}
#home .story-layer[data-media=E01] video{transition:none}