/* The approved film leads the homepage; its titles remain unobscured. */
.home-page .home-opening { padding-top: 24px; }
.home-hero-film { position: relative; margin: 0 0 44px; background: #000; }
.home-hero-film video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #000; }
.home-hero-film .film-controls { position: absolute; right: 16px; bottom: 16px; display: flex; gap: 8px; }
.home-hero-film .film-controls button { padding: 8px 13px; border: 1px solid #ffffff70; border-radius: 3px; background: #09131fe8; color: #fff; font: inherit; font-size: 13px; line-height: 1.4; cursor: pointer; }
.home-hero-film .film-controls button:hover { background: #09131f; border-color: #38b6ff; }
.home-hero-film .film-controls button:focus-visible { outline: 3px solid #38b6ff; outline-offset: 4px; }
.home-hero-film .film-controls button:active { transform: translateY(1px); }
.home-hero-film .film-controls button[hidden] { display: none; }
@media (max-width: 760px) {
  .home-page .home-opening { padding-top: 12px; }
  .home-hero-film { margin-bottom: 30px; }
  .home-hero-film .film-controls { right: 8px; bottom: 8px; }
  .home-hero-film .film-controls button { padding: 6px 10px; }
}