/* Staggered fade-up when grids enter the viewport (see js/stagger-reveal.js). */

@keyframes stagger-reveal-up {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

[data-stagger-reveal] > * {
  opacity: 0;
  transform: translateY(16px);
}

[data-stagger-reveal].stagger-reveal--inview > * {
  animation: stagger-reveal-up 0.62s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: calc(var(--stagger-index, 0) * 72ms);
}

@media (prefers-reduced-motion: reduce) {
  [data-stagger-reveal] > *,
  [data-stagger-reveal].stagger-reveal--inview > * {
    opacity: 1;
    transform: none;
    animation: none;
  }
}