/* ===== GLOBAL ANIMATIONS & SCROLL EFFECTS ===== */

/* Scroll-reveal init state — elements start invisible */
[data-reveal] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s var(--ease), transform 0.7s var(--ease);
}
[data-reveal="left"] {
    transform: translateX(-30px);
}
[data-reveal="right"] {
    transform: translateX(30px);
}
[data-reveal="scale"] {
    transform: scale(0.92) translateY(16px);
}
[data-reveal].revealed {
    opacity: 1;
    transform: none;
}