/* One-time scroll reveal; transform and opacity do not alter document flow. */
html.sr-ready [data-scroll-reveal] {
  opacity: 0;
  transform: translate3d(0, 16px, 0);
  transition: opacity 560ms ease, transform 560ms cubic-bezier(.2,.7,.2,1);
  transition-delay: var(--sr-delay, 0ms);
}

html.sr-ready [data-scroll-reveal].sr-visible {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  html.sr-ready [data-scroll-reveal] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}