.scroll-reveal-pending { opacity: 0; translate: 0 28px; }
.is-scroll-revealing { animation: scroll-build-in .7s cubic-bezier(.22, .75, .25, 1) var(--scroll-delay, 0ms) both; will-change: opacity, translate; }
@keyframes scroll-build-in {
  from { opacity: 0; translate: 0 28px; }
  to { opacity: 1; translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .scroll-reveal-pending, .is-scroll-revealing { opacity: 1; translate: none; animation: none; will-change: auto; }
}
@media print {
  .scroll-reveal-pending, .is-scroll-revealing { opacity: 1; translate: none; animation: none; }
}