/* Only player controls and the immersive film state; Home typography stays in style.css. */
.home-hero .stage-player{color:var(--white,var(--paper));gap:20px}
.home-hero .stage-player button{color:inherit;min-width:0;white-space:nowrap}
.home-hero .stage-player .player-time{color:inherit;min-width:11ch;font-variant-numeric:tabular-nums}
.home-hero .stage-player button:hover{text-decoration:underline;text-underline-offset:5px}
.home-hero [data-hero-exit][hidden]{display:none!important}
.home-film-obscured{visibility:hidden!important;pointer-events:none!important}
html.home-film-immersive,html.home-film-immersive body{overflow:hidden!important;overscroll-behavior:none}
.hero.stage-hero.is-home-film-immersive{isolation:auto;overflow:visible;z-index:2147483646}
.hero-media.is-home-film-immersive{
 position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;
 height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;
 padding:0!important;background:var(--ink);z-index:2147483647;overflow:hidden;touch-action:none;
}
.hero-media.is-home-film-immersive::after{display:none!important}
.hero-media.is-home-film-immersive>video{
 position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;
 object-position:center!important;opacity:1!important;
}
.hero-media.is-home-film-immersive [data-hero-exit]{
 display:block;position:absolute;z-index:2;top:max(20px,env(safe-area-inset-top));
 right:max(20px,env(safe-area-inset-right));min-width:58px;min-height:44px;
 padding:10px 8px;border:0;background:rgba(var(--ink-rgb),.2);color:var(--white,var(--paper));
 font:500 11px/1.4 var(--font,monospace);letter-spacing:.035em;
 text-shadow:0 1px 10px var(--ink);cursor:pointer;
}
.hero-media.is-home-film-immersive [data-hero-exit]:hover{background:rgba(var(--ink-rgb),.6)}
.hero-media.is-home-film-immersive:fullscreen{background:var(--ink)}
.hero-media.is-home-film-immersive:-webkit-full-screen{background:var(--ink)}
@media(max-width:520px){
 .home-hero .stage-player{gap:12px}
 .home-hero .stage-player button{font-size:9px}
 .home-hero .stage-player .player-time{font-size:9px}
}

/* The native fullscreen backdrop follows the palette as well. */
.hero-media.is-home-film-immersive::backdrop{background:var(--ink)}