/* css/animate.css — restrained scroll reveal + minimal hover per "engineered precision" motion policy */
.reveal {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 400ms ease, transform 400ms ease;
}
.reveal.is-visible { opacity: 1; transform: translateY(0); }

.reveal-d1 { transition-delay: 60ms; }
.reveal-d2 { transition-delay: 120ms; }
.reveal-d3 { transition-delay: 180ms; }

.grid > .reveal:nth-child(1) { transition-delay: 0ms; }
.grid > .reveal:nth-child(2) { transition-delay: 60ms; }
.grid > .reveal:nth-child(3) { transition-delay: 120ms; }
.grid > .reveal:nth-child(4) { transition-delay: 180ms; }
.grid > .reveal:nth-child(5) { transition-delay: 240ms; }
.grid > .reveal:nth-child(6) { transition-delay: 300ms; }

.card:hover, .card:focus-within {
  border-color: rgba(20, 184, 166, 0.4);
  box-shadow: var(--glow-accent);
}

.btn { transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease; }

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  .card:hover, .card:focus-within { box-shadow: none; }
}