/* Full-bleed cinematic homepage loop. Copy and navigation remain live HTML. */
.hero.hero-video {
  background: #0b1218;
}

.hero-video-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 52% center;
  z-index: 0;
  background: #0b1218;
}

.hero.hero-video .hero-img {
  z-index: 1;
  background: linear-gradient(
    90deg,
    #07121ce8 0%,
    #0a1a28bd 40%,
    #0a18264f 70%,
    #07121c2b 100%
  );
  animation: none;
  transform: none;
}

.hero.hero-video .hero-copy {
  z-index: 2;
}

@media (max-width: 900px) {
  .hero-video-media {
    object-position: 58% center;
  }

  .hero.hero-video .hero-img {
    background: linear-gradient(
      90deg,
      #07121ce6 0%,
      #0a1a28b8 56%,
      #0a18265c 100%
    );
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-video-media {
    display: none;
  }

  .hero.hero-video .hero-img {
    background:
      linear-gradient(90deg, #07121ce8 0%, #0a1a28bd 46%, #0a18264f 78%),
      url("images/ferdis-header-cinematic-loop-poster.jpg") center / cover;
  }
}