.reveal {
  opacity: 0;
  transform: translateY(1.5rem);
  transition:
    opacity var(--duration-slow) var(--ease-standard),
    transform var(--duration-slow) var(--ease-standard);
  will-change: transform, opacity;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.home-grid .home-card.reveal:nth-child(1) {
  transition-delay: 0ms;
}

.home-grid .home-card.reveal:nth-child(2) {
  transition-delay: 140ms;
}

.home-grid .home-card.reveal:nth-child(3) {
  transition-delay: 280ms;
}

.home-grid .home-card.reveal:nth-child(4) {
  transition-delay: 420ms;
}

[data-parallax] {
  will-change: transform;
}
