.reveal {
  opacity: 0;
  transform: translateY(16px);
  animation: reveal var(--duration-slow) var(--ease-out) forwards;
}

@keyframes reveal {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.reveal--d1 {
  animation-delay: 100ms;
}

.reveal--d2 {
  animation-delay: 200ms;
}

.reveal--d3 {
  animation-delay: 320ms;
}