/* The header overlays the film; article pages keep their regular header. */
.home-page .header{position:fixed;inset:0 0 auto;background:linear-gradient(180deg,rgba(4,5,15,.82),rgba(4,5,15,.32) 75%,transparent);border:0;color:#fff;transition:background .2s,color .2s;text-shadow:0 1px 8px #0008}
.home-page .header .nav-cta{color:inherit;border-color:currentColor}
.home-page .header nav a:hover{color:#f3bdd8}
.home-page .header.is-content{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);text-shadow:none}
.home-page .header.is-content nav a:hover{color:#a63268}
.home-page .film{height:100vh;height:100svh;min-height:480px;max-height:none;width:100%;background-image:url('assets/hero-poster-v16.jpg')!important;background-size:cover!important}
.home-page .film video{object-fit:cover;object-position:center}
.home-page .film-controls{bottom:24px;right:32px}
.home-page #sound-toggle{width:44px;height:44px;padding:10px;border-radius:50%;display:grid;place-items:center}
.home-page #sound-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-page #sound-toggle[data-muted="true"] .sound-waves,.home-page #sound-toggle[data-muted="false"] .sound-muted{display:none}
.home-page .film-controls button:focus-visible{outline:3px solid #ff2c9d;outline-offset:4px}
@media(max-width:700px){
 .home-page .film{height:75vw;min-height:320px}
 .home-page .header nav{color:var(--ink);text-shadow:none;background:var(--paper)}
 .home-page .header nav a:hover{color:#a63268}
 .home-page .film-controls{bottom:10px;right:12px}
}
@media(prefers-reduced-motion:reduce){.home-page .header{transition:none}}
.home-page .menu-toggle{color:inherit;text-shadow:inherit}