/* === Homepage hero — standard info-hero with the brand video as the cover layer === */

.info-hero--home {
  background: var(--site-dark);
  display: flex;
  align-items: center;
  min-height: 480px;
}

.info-hero--home .info-hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
}

/* scrim -- text side darkest, video stays readable on the right */
.info-hero--home::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to right,
    rgba(var(--site-dark-rgb), 0.88) 0%,
    rgba(var(--site-dark-rgb), 0.60) 45%,
    rgba(var(--site-dark-rgb), 0.25) 100%);
  pointer-events: none;
}

.info-hero--home .info-hero__heading span { color: var(--site-base-500); }

@media (max-width: 575px) {
  .info-hero--home { min-height: 380px; }
}