/* The media stays inside arrival. The existing world canvas stays above it. */
.cinematic-site #arrival{isolation:auto}
.hero-cinema{position:absolute;left:0;top:0;width:100%;height:100svh;z-index:-2;overflow:hidden;pointer-events:none;background:#1e202c;--hero-media-focus:50%}
.hero-cinema[hidden]{display:none}
.cinematic-site.scene-fallback .hero-cinema,.cinematic-site:not(.scene-ready) .hero-cinema{display:none}
.cinematic-site .hero-cinema>img,.cinematic-site .hero-cinema>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hero-media-focus) center}
.hero-cinema>video{opacity:0}.hero-cinema.media-playing>video{opacity:1}
.hero-cinema:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11131d26,transparent 43%)}
.cinematic-site.hero-cinema-active .world{background:transparent}
@media(max-width:1100px){.cinematic-site #arrival{isolation:isolate}.hero-cinema{height:100%;z-index:0}.hero-cinema>img,.hero-cinema>video{transform:none!important;animation:none!important}.cinematic-site .chapter-art .hero-cinema:after{background:linear-gradient(90deg,#11131d12,transparent 40%)}.cinematic-site .chapter-art .hero-cinema>img{visibility:visible}}