#home #opening-scroll-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;background:#030505}
#home .story-stage:not([data-opening-ready=true]) #opening-scroll-canvas{visibility:hidden}
@media(max-width:700px),(max-aspect-ratio:4/5){
 /* The first paint uses the same native portrait and viewport fit as canvas. */
 #home .story-layer[data-media=S01][data-comp]{--study-poster:none!important;background:#030505}
 #home .story-layer[data-media=S01][data-comp] :is(img,video){inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;mask-image:none!important;-webkit-mask-image:none!important}
 #home .story-layer[data-media=S01][data-comp]::after{display:none}
}
#home .story-stage[data-opening-active=true] .continuous-veil,
#home .story-stage[data-opening-active=true]:not([data-opening-emergence=true]) .story-shade,
#home .story-stage[data-opening-active=true] .opening-study-label{display:none!important}
#home .story-stage[data-opening-active=true][data-opening-ready=true]:not([data-opening-emergence=true]) .story-copy{opacity:0!important;pointer-events:none}
/* Emergence from darkness: the target scene's own shade and copy build with the picture. */
#home .story-stage[data-opening-active=true][data-opening-emergence=true] .story-shade{opacity:var(--opening-reveal,0)}
#home .story-stage[data-opening-active=true][data-opening-ready=true][data-opening-emergence=true] .story-copy{opacity:var(--opening-words,0)!important}
#home .story-stage[data-opening-active=false] #opening-scroll-canvas{pointer-events:none}
#home .opening-study-label{display:none!important}
#opening-review-controls{position:absolute;z-index:30;left:12px;bottom:12px;display:flex;gap:8px;align-items:center;background:#090d0dc9;padding:8px;color:white;font:11px system-ui}
#opening-review-controls button{background:#131a1a;color:white;border:1px solid #87918a;padding:7px;cursor:pointer}
