.reveal { opacity: 0; transform: translateY(22px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal.revealed { opacity: 1; transform: translateY(0); }
.delay-100 { transition-delay: 0.08s; }
.delay-200 { transition-delay: 0.16s; }
.delay-300 { transition-delay: 0.24s; }
.delay-400 { transition-delay: 0.32s; }

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}