/* A sharp 16:9 source image while YouTube prepares the adaptive video.
   Once playing, the iframe remains at the video's native aspect ratio. */
@media (max-width: 700px) {
  body[data-page="home"] .royal-hero .hero-screen,
  body[data-page="home"] .royal-hero.royal-video-playing .hero-screen {
    background-image: url('/assets/hero-lakhi-poster-hd-v77.jpg');
    background-position: center;
    background-size: cover;
  }
  /* Keep the performance bright and clear within the existing frame. */
  body[data-page="home"] .royal-hero .hero-screen::after {
    background: linear-gradient(to bottom, transparent 58%, rgba(19,3,4,.08));
  }
}