.reveal {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition: opacity 680ms cubic-bezier(.2,.7,.2,1) var(--delay, 0ms), transform 680ms cubic-bezier(.2,.7,.2,1) var(--delay, 0ms);
  will-change: opacity, transform;
}
.reveal.reveal-right { transform: translate3d(26px, 0, 0); }
.reveal.is-visible { opacity: 1; transform: translate3d(0, 0, 0); }
.delay-70 { --delay: 70ms; }
.delay-80 { --delay: 80ms; }
.delay-120 { --delay: 120ms; }
.delay-140 { --delay: 140ms; }
.delay-150 { --delay: 150ms; }
.delay-210 { --delay: 210ms; }
.delay-220 { --delay: 220ms; }
.delay-280 { --delay: 280ms; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
  .reveal, .reveal.reveal-right { opacity: 1; transform: none; }
}