/* Layer only the film's picture area; preserve desktop/mobile section geometry. */
.film .film-intro {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: grid;
  place-items: center;
  visibility: visible !important;
  background: #000;
  color: #fff;
  pointer-events: none;
  opacity: 1;
}
.film .film-intro[hidden] { display: none !important; }
.film .film-intro-copy {
  visibility: visible !important;
  margin: 0;
  padding: 0 20px;
  max-width: 100%;
  text-align: center;
  font: 300 clamp(18px, 2.5vw, 48px)/1.375 Onest, sans-serif;
  letter-spacing: 0;
  text-shadow: 0 2px 0 #0000002e;
  opacity: 0;
  transform: translateY(10px);
  will-change: opacity, transform;
}
.film .film-intro-copy br { visibility: inherit; }
/* Existing playback/sound and load recovery controls stay above the intro. */
.film #video-toggle, .film #video-sound { z-index: 6; }
.film .film-load-status, .film .film-retry { z-index: 8; }
@media (max-width: 999px) {
  .film .film-intro { top: 110px; }
}
@media (prefers-reduced-motion: reduce) {
  .film .film-intro-copy { transform: none !important; }
}
.no-motion .film .film-intro-copy { transform: none !important; }