/* Reveal each module once per visit and keep it visible while scrolling back. */
@media (prefers-reduced-motion: no-preference) {
  body.has-home-scroll-reveal {
    --home-scroll-reveal-delay: 120ms;
  }

  body.has-home-scroll-reveal.has-early-scroll-reveal {
    --home-scroll-reveal-delay: 80ms;
  }

  body.has-home-scroll-reveal main > :is(.section, .auth)[data-home-reveal] {
    opacity: 0;
    transform: translate3d(0, 1.5rem, 0);
    transition:
      opacity 1080ms cubic-bezier(.16, 1, .3, 1) var(--home-scroll-reveal-delay, 120ms),
      transform 1080ms cubic-bezier(.16, 1, .3, 1) var(--home-scroll-reveal-delay, 120ms);
    will-change: opacity, transform;
  }

  body.has-home-scroll-reveal main > :is(.section, .auth)[data-home-reveal].is-revealed {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    will-change: auto;
  }

  body.has-home-scroll-reveal main > :is(.section, .auth)[data-home-reveal].is-resetting {
    transition: none !important;
  }
}