/* ==========================================================================
   ANIMATIONS — section reveal + keyframes
   ========================================================================== */

/* Initial state; JS (reveal.js) adds .visible when the section enters view */
section {
    opacity: 0;
    transform: translateY(60px) scale(0.95);
    transition: all 1.2s var(--ease-out);
}

section.visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); }
    40%                     { transform: translateY(-20px) translateX(-50%); }
    60%                     { transform: translateY(-10px) translateX(-50%); }
}