.reveal-on-scroll { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s var(--ease); }
.reveal-on-scroll.is-revealed { opacity: 1; transform: translateY(0); }
.reveal-on-scroll:nth-child(2) { transition-delay: .08s; }
.reveal-on-scroll:nth-child(3) { transition-delay: .16s; }
.reveal-on-scroll:nth-child(4) { transition-delay: .24s; }
.reveal-on-scroll:nth-child(5) { transition-delay: .32s; }
.reveal-on-scroll:nth-child(6) { transition-delay: .4s; }

@media (prefers-reduced-motion: reduce) {
  .reveal-on-scroll,
  .reveal-on-scroll.is-revealed { opacity: 1; transform: none; transition: none; }
}