/* reveal.css
   Staggered scroll-in entrance. Add class="reveal" to any element; /public/js/main.js does the rest. */

/* Staggered entrance. `.js-reveal` is set on <html> only when JS runs and motion is allowed,
   so without JS (or with reduced motion) everything is simply visible. */
.js-reveal .reveal {
  opacity: 0;
  transform: translateY(1.25rem);
  transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
  transition-delay: var(--reveal-delay, 0ms);
}

.js-reveal .reveal.is-visible {
  opacity: 1;
  transform: none;
}