/* ==========================================================================
   Hero video background — cinematic full-bleed clip behind the hero copy
   ========================================================================== */
.hero--video { background: #0c0c0c; }

.hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(1.05) contrast(1.03) brightness(.82);
  transform: scale(1.04);
}
/* Readability + brand tint over the footage */
.hero__scrim {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(9,9,9,.94) 0%, rgba(9,9,9,.78) 38%, rgba(9,9,9,.34) 70%, rgba(9,9,9,.5) 100%),
    linear-gradient(180deg, rgba(9,9,9,.55) 0%, transparent 26%, transparent 58%, rgba(9,9,9,.85) 100%),
    radial-gradient(70% 90% at 82% 18%, rgba(255,90,31,.24), transparent 62%);
}
.hero--video .hero__glow { z-index: 1; opacity: .7; mix-blend-mode: screen; }
.hero--video .hero__inner { position: relative; z-index: 2; }

/* On phones the copy stacks over the video full-width, so darken more */
@media (max-width: 860px) {
  .hero__scrim {
    background:
      linear-gradient(180deg, rgba(9,9,9,.72) 0%, rgba(9,9,9,.55) 40%, rgba(9,9,9,.9) 100%),
      radial-gradient(90% 60% at 80% 8%, rgba(255,90,31,.22), transparent 60%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero__video { display: none; }
  .hero__media { background: #101010 center/cover no-repeat; }
}