/**
 * Homepage scroll fade-in (classes added at runtime by front-scroll-reveal.js).
 * No Twig/template changes required.
 */

html.scroll-reveal-enabled .front-page .js-scroll-reveal {
  transition: opacity 0.7s ease var(--scroll-reveal-delay, 0s);
}

html.scroll-reveal-enabled .front-page .js-scroll-reveal:not(.is-visible) {
  opacity: 0;
}

html.scroll-reveal-enabled .front-page .js-scroll-reveal.is-visible {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  html.scroll-reveal-enabled .front-page .js-scroll-reveal {
    opacity: 1;
    transition: none;
  }
}