/* ── Reveal on scroll ───────────────────────────────────────────────── */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s ease; }
.reveal.in { opacity: 1; transform: none; }
.reveal.d1 { transition-delay: .08s; }
.reveal.d2 { transition-delay: .16s; }
.reveal.d3 { transition-delay: .24s; }
.reveal.d4 { transition-delay: .32s; }

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}
html:not(.js-ready) .reveal { opacity: 1; transform: none; }

/* ── Keyframes ──────────────────────────────────────────────────────── */
@keyframes scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

@keyframes pulse {
  0%   { box-shadow: 0 0 0 0 rgba(123,212,158,.6); }
  70%  { box-shadow: 0 0 0 8px rgba(123,212,158,0); }
  100% { box-shadow: 0 0 0 0 rgba(123,212,158,0); }
}