/*
 * Backend-managed hero image experiment.
 * Remove this stylesheet and the data-site-hero attributes from #hero to
 * restore the original background treatment.
 */
body.index-page .hero[data-site-hero]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.76) 0%, rgba(0, 0, 0, 0.56) 52%, rgba(0, 0, 0, 0.7) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.58) 100%);
}

body.index-page .hero[data-site-hero] > .container {
  position: relative;
  z-index: 2;
}

body.index-page.site-preload-pending [data-aos] {
  opacity: 0 !important;
}

body.index-page #preloader {
  opacity: 1;
  visibility: visible;
  transition: opacity 180ms ease, visibility 0s linear 180ms;
}

body.index-page #preloader.is-ready {
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 991px) {
  body.index-page .hero[data-site-hero]::before {
    background: rgba(0, 0, 0, 0.68);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.index-page #preloader {
    transition: none;
  }
}