/* ══════════════════════════════════════════
   REVEAL ANIMATION
══════════════════════════════════════════ */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 680ms ease,
    transform 680ms ease;
}
.reveal.in {
  opacity: 1;
  transform: translateY(0);
}
.reveal.d1 {
  transition-delay: 100ms;
}
.reveal.d2 {
  transition-delay: 200ms;
}
.reveal.d3 {
  transition-delay: 300ms;
}

/* Hero elements: kick in fast on page load */
#fold-hero .reveal {
  transition-duration: 500ms;
}
#fold-hero .reveal.d1 {
  transition-delay: 80ms;
}
#fold-hero .reveal.d2 {
  transition-delay: 160ms;
}
#fold-hero .reveal.d3 {
  transition-delay: 260ms;
}