/* Responsive homepage hero video with an image fallback for reduced motion. */
.viox-homepage .viox-hero--video-preview {
  background-color: #14181e;
  background-position: center;
  background-size: cover;
}

.viox-homepage .viox-hero--video-preview .viox-hero__slides {
  display: none;
}

.viox-homepage .viox-hero--video-preview::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(14, 18, 23, 0.90) 0%, rgba(14, 18, 23, 0.76) 38%, rgba(14, 18, 23, 0.42) 68%, rgba(14, 18, 23, 0.28) 100%),
    linear-gradient(0deg, rgba(14, 18, 23, 0.34), transparent 46%);
  content: "";
  pointer-events: none;
}

.viox-homepage .viox-home-hero-video {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.viox-homepage .viox-hero--video-preview .viox-hero__inner {
  z-index: 2;
}

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

  .viox-homepage .viox-hero--video-preview::after {
    background: linear-gradient(90deg, rgba(14, 18, 23, 0.88) 0%, rgba(14, 18, 23, 0.64) 100%);
  }
}

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

  .viox-homepage .viox-hero--video-preview {
    background-image: url('/wp-content/uploads/2021/05/viox-home-hero-poster.webp');
  }
}