/* ==========================================================================
   MOTOR HATCH - MOTION & KEYFRAME ANIMATIONS
   ========================================================================== */

/* Fade & Slide Reveal (Defaults to visible so content is NEVER hidden if JS is delayed) */
.reveal-on-scroll {
    opacity: 1;
    transform: translateY(0);
}

/* Ambient Pulse Glow */
@keyframes ambientGlowPulse {
    0% {
        box-shadow: 0 0 15px rgba(230, 28, 36, 0.1);
    }
    50% {
        box-shadow: 0 0 35px rgba(230, 28, 36, 0.35);
    }
    100% {
        box-shadow: 0 0 15px rgba(230, 28, 36, 0.1);
    }
}

.pulse-glow {
    animation: ambientGlowPulse 4s infinite ease-in-out;
}

/* Shimmer Loading Background */
@keyframes shimmerPass {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

.skeleton-loading {
    background: linear-gradient(90deg, var(--surface) 25%, var(--surface-light) 50%, var(--surface) 75%);
    background-size: 200% 100%;
    animation: shimmerPass 1.8s infinite;
}