/* ==========================================================================
   Digital MBA Academy — Animations (scroll reveal, floats, tilt)
   All motion is disabled when the user prefers reduced motion.
   ========================================================================== */

.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal[data-delay="1"]{transition-delay:.08s}
.reveal[data-delay="2"]{transition-delay:.16s}
.reveal[data-delay="3"]{transition-delay:.24s}

/* Hero card gentle float (JS parallax adds depth; this is the idle drift) */
.float-card{animation:drift 7s ease-in-out infinite}
.fc-2{animation-duration:8.5s;animation-delay:-2s}
.fc-3{animation-duration:9.5s;animation-delay:-4s}
@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* Count-up numbers handled in JS; this keeps layout stable */
.count[data-target]{font-variant-numeric:tabular-nums}

/* Tilt cards get a smooth transform reset */
.tilt{transition:transform .25s var(--ease)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1!important;transform:none!important}
  .float-card{animation:none!important}
  .wa-float::after{animation:none!important}
}