/* Homepage hero — HTML5 self-hosted video (no YouTube / no player chrome). */

.hh-v2-hero--video-only {
  background: #0d0d0d;
}

.hh-v2-hero--has-video .hh-v2-hero__video {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  background: #0d0d0d;
  pointer-events: none;
}

.hh-v2-hero__video-poster {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-size: cover;
  background-position: center 42%;
  transform: scale(1.02);
  opacity: 1;
  transition: opacity 0.7s ease;
  pointer-events: none;
}

.hh-v2-hero--has-video.is-video-ready .hh-v2-hero__video-poster {
  opacity: 0;
}

.hh-v2-hero__video-frame-wrap {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.7s ease;
  pointer-events: none !important;
}

.hh-v2-hero--has-video.is-video-ready .hh-v2-hero__video-frame-wrap {
  opacity: 1;
}

.hh-v2-hero__video-el {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center 42%;
  border: 0;
  transform: translate(-50%, -50%) scale(1.04);
  pointer-events: none !important;
}

/* Kill any native media UI remnants */
.hh-v2-hero__video-el::-webkit-media-controls,
.hh-v2-hero__video-el::-webkit-media-controls-enclosure,
.hh-v2-hero__video-el::-webkit-media-controls-panel,
.hh-v2-hero__video-el::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
  opacity: 0;
  pointer-events: none;
}

.hh-v2-hero__video-chrome-mask {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: auto;
  background: transparent;
  cursor: default;
}

.hh-v2-hero--has-video .hh-v2-hero__slider,
.hh-v2-hero--video-only .hh-v2-hero__slider {
  display: none !important;
}

.hh-v2-hero--has-video .hh-v2-hero__global-veil {
  background: linear-gradient(
    270deg,
    rgba(7, 7, 7, 0.78) 0%,
    rgba(12, 12, 12, 0.58) 22%,
    rgba(16, 16, 16, 0.34) 44%,
    rgba(16, 16, 16, 0.14) 66%,
    rgba(16, 16, 16, 0.04) 84%
  );
}

@media (max-width: 768px) {
  .hh-v2-hero__video-el {
    object-position: center 48%;
  }

  .hh-v2-hero__video-chrome-mask {
    pointer-events: none;
  }

  .hh-v2-hero--has-video .hh-v2-hero__global-veil {
    background: linear-gradient(
      180deg,
      rgba(7, 7, 7, 0.55) 0%,
      rgba(12, 12, 12, 0.28) 42%,
      rgba(16, 16, 16, 0.12) 100%
    );
  }
}

@media (prefers-reduced-motion: reduce) {
  .hh-v2-hero__video-frame-wrap {
    display: none !important;
  }

  .hh-v2-hero--has-video.is-video-ready .hh-v2-hero__video-poster {
    opacity: 1;
  }
}