/* Content is visible by default, including without JavaScript or animation APIs. */
.scroll-reveal-item {
  --scroll-reveal-distance: 28px;
  --scroll-reveal-duration: 850ms;
}
.scroll-reveal-item.scroll-reveal-heading {
  --scroll-reveal-distance: 22px;
  --scroll-reveal-duration: 800ms;
}
.scroll-reveal-item.scroll-reveal-card {
  --scroll-reveal-distance: 32px;
}
.scroll-reveal-running {
  /* Individual translate leaves the card's existing hover transform intact. */
  will-change: opacity, translate;
}
/* Mobile keeps the original distances and durations above. Smoothness comes
   from starting below the viewport and preserving already-visible content. */
@media (prefers-reduced-motion: reduce) {
  .scroll-reveal-running {
    opacity: 1 !important;
    translate: none !important;
    will-change: auto;
  }
}
@media print {
  .scroll-reveal-item {
    opacity: 1 !important;
    translate: none !important;
    will-change: auto;
  }
}