/* =============================================================================
   ANIMATIONS.CSS — Keyframes, transitions y reveals
============================================================================= */

/* REVEAL */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
[data-reveal].in{opacity:1;transform:none}

/* HERO FLOAT */
.amotion .float{animation:heroken 20s ease-in-out infinite alternate}
@keyframes heroken{
  0%  {transform:scale(1.06) translateY(0)}
  100%{transform:scale(1.15) translateY(-2.2%)}
}

/* MARQUEE */
@keyframes marq{to{transform:translateX(-50%)}}

/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  html{scroll-behavior:auto}
  .amotion .float{animation:none}
}