@media (prefers-reduced-motion: no-preference) {
  html.has-motion .scroll-reveal {
    opacity: 0;
    transform: translateY(1.5rem);
    transition: opacity .65s cubic-bezier(.2, .7, .2, 1) var(--reveal-delay, 0ms), transform .65s cubic-bezier(.2, .7, .2, 1) var(--reveal-delay, 0ms);
  }

  html.has-motion .scroll-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
}