/* Motion system: scroll-reveal classes, shared @keyframes, reduced-motion overrides. */

/* Scroll reveal — one premium ease-out curve for the whole page. */
.reveal{opacity:0; transform:translateY(24px); transition:opacity .55s var(--ease-entrance), transform .55s var(--ease-entrance);}
.reveal.in{opacity:1; transform:none;}

/* Barely-there emerald heartbeat for eyebrow dots */
@keyframes pulse-gold{
  0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,0.35);}
  60%{box-shadow:0 0 0 6px rgba(16,185,129,0);}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .reveal{opacity:1; transform:none; transition:none;}
  *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
}