/* ═══════════════════════════════════════════
   animations.css — Hero entrance keyframes
   ═══════════════════════════════════════════ */

/* These classes are toggled by scroll.js on DOMContentLoaded */

.anim-fade-in {
    animation: fadeIn 1s ease forwards;
}

.anim-slide-left {
    animation: slideInLeft 1s ease forwards;
}

.anim-slide-right {
    animation: slideInRight 1s ease forwards;
}

.anim-slide-up {
    animation: slideInUp 1s ease forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes slideInLeft {
    from { transform: translateX(-50px); opacity: 0; }
    to   { transform: translateX(0);     opacity: 1; }
}

@keyframes slideInRight {
    from { transform: translateX(50px); opacity: 0; }
    to   { transform: translateX(0);    opacity: 1; }
}

@keyframes slideInUp {
    from { transform: translateY(50px); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
}