/* ============================================
   MST Singapore — Animations v3
   ============================================ */

/* Scroll reveal — stagger-aware */
[data-animate] {
    opacity: 0;
    transform: translateY(40px);
    transition:
        opacity 0.8s var(--ease-out),
        transform 0.8s var(--ease-out);
    will-change: opacity, transform;
}
[data-animate].is-visible {
    opacity: 1;
    transform: translateY(0);
}
[data-animate="fade-in"] { transform: none; }

/* Stagger delays */
[data-delay="100"] { transition-delay: 100ms; }
[data-delay="200"] { transition-delay: 200ms; }
[data-delay="300"] { transition-delay: 300ms; }
[data-delay="400"] { transition-delay: 400ms; }
[data-delay="500"] { transition-delay: 500ms; }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    [data-animate] { opacity: 1; transform: none; transition: none; }
}

/* Gradient text utility */
.gradient-text {
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Glow pulse on interactive elements */
@keyframes glow-pulse {
    0%, 100% { box-shadow: 0 0 20px rgba(0, 212, 255, 0.15); }
    50% { box-shadow: 0 0 40px rgba(0, 212, 255, 0.3); }
}