.cinematic-hero {
  background: #0b1018;
}

.hero-video {
  filter: saturate(.96) contrast(1.02);
}

.hero-video.is-ready {
  opacity: .78;
}

.hero-video-shade {
  background:
    linear-gradient(
      90deg,
      rgba(7, 11, 17, .68) 0%,
      rgba(7, 11, 17, .52) 36%,
      rgba(7, 11, 17, .20) 62%,
      rgba(7, 11, 17, .12) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, .04) 0%,
      rgba(0, 0, 0, .14) 100%
    );
}

@media (max-width: 1040px) {
  .hero-video-shade {
    background:
      linear-gradient(
        180deg,
        rgba(7, 11, 17, .52) 0%,
        rgba(7, 11, 17, .26) 48%,
        rgba(7, 11, 17, .44) 100%
      );
  }
}

@media (prefers-reduced-motion: reduce) {
  .cinematic-hero {
    background: #0b1018;
  }
}