/* Guided playback uses the same semantic renderer as ordinary scrolling. */
.cinematic-active .hero-sticky {position:fixed; inset:0; top:0; z-index:30; height:100svh}
.cinematic-active .landing-story {visibility:visible; position:absolute; inset:0; margin:0; height:100svh; z-index:31}
.cinematic-active .story-stage {height:100svh}
.cinematic-active .story-continuation {visibility:hidden}
.cinematic-active .hero-copy {opacity:var(--story-hero-copy,1); pointer-events:none}
.cinematic-active .hero-copy a {pointer-events:none}
.cinematic-active .reading-shield, .cinematic-active [data-entities] {opacity:1}
.cinematic-active .aperture {opacity:var(--story-cosmic,1)}
.cinematic-active .entity-frame {opacity:calc(var(--reveal) * .9) !important; stroke-dashoffset:calc(1 - var(--reveal))}
.cinematic-active .entity-annotation text {opacity:calc(var(--reveal) * .9) !important}
.cinematic-active .entity-connector {opacity:calc(var(--reveal) * .52) !important}
.cinematic-active .scroll-cue {opacity:0}
.cinematic-active .hero-sticky::after {content:''; position:fixed; inset:0; z-index:40; background:#080808; opacity:var(--cin-mask,0); pointer-events:none}
.cinematic-active .landing-story {opacity:calc(1 - var(--cinematic-mask,0))}