/* ==========================================================================
   Butran College — Animations
   ========================================================================== */

/* ----- Keyframes ----- */
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

@keyframes floatY{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-22px);}
}
@keyframes floatX{
    0%,100%{transform:translateX(0);}
    50%{transform:translateX(22px);}
}
@keyframes spinSlow{to{transform:rotate(360deg);}}

@keyframes zoomInBg{from{transform:scale(1.15);}to{transform:scale(1);}}

/* ----- Floating shapes ----- */
.float-y{animation:floatY 6s ease-in-out infinite;}
.float-x{animation:floatX 7s ease-in-out infinite;}
.spin-slow{animation:spinSlow 18s linear infinite;}

/* ==========================================================================
   Scroll Reveal
   ========================================================================== */
[data-reveal]{opacity:0;transition:opacity .8s var(--ease),transform .8s var(--ease);will-change:transform,opacity;}
[data-reveal="up"]{transform:translateY(50px);}
[data-reveal="down"]{transform:translateY(-50px);}
[data-reveal="left"]{transform:translateX(-60px);}
[data-reveal="right"]{transform:translateX(60px);}
[data-reveal="zoom"]{transform:scale(.9);}
[data-reveal].revealed{opacity:1;transform:none;}

/* ==========================================================================
   Hero text animation
   ========================================================================== */
[data-anim]{opacity:0;transform:translateY(40px);}
.swiper-slide-active [data-anim]{
    animation:heroFadeUp .9s var(--ease) forwards;
}
.swiper-slide-active [data-anim][data-delay="200"]{animation-delay:.2s;}
.swiper-slide-active [data-anim][data-delay="400"]{animation-delay:.4s;}
@keyframes heroFadeUp{
    from{opacity:0;transform:translateY(40px);}
    to{opacity:1;transform:translateY(0);}
}

/* ==========================================================================
   Button ripple hover glow
   ========================================================================== */
.btn-primary{box-shadow:0 10px 26px rgba(200,166,70,.28);}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;
        transition-duration:.001ms !important;scroll-behavior:auto !important;}
    [data-reveal]{opacity:1 !important;transform:none !important;}
    .float-y,.float-x,.spin-slow,.marquee-track,.campus-track{animation:none !important;}
}