/* /assets/css/animations.css */
@media (prefers-reduced-motion: no-preference) {
    .btn-primary:hover,
    .btn--primary:hover {
        background-color: #c91726;
        transform: translateY(-2px);
        box-shadow: 0 4px 14px rgba(225, 29, 46, 0.4);
    }

    .btn-secondary:hover,
    .btn--secondary:hover {
        background-color: rgba(255, 255, 255, 0.08);
        border-color: rgba(255, 255, 255, 0.45);
        transform: translateY(-1px);
    }

    .btn-text:hover {
        border-bottom-color: var(--color-white);
        padding-left: 2px;
    }
    
    .card:hover,
    .location-card:hover,
    .capability-card:hover,
    .work-card:hover,
    .service-card:hover {
        border-color: rgba(37, 99, 235, 0.35);
        transform: translateY(-3px);
        box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.5);
    }

    /* Pulse animation for telemetry status dots */
    .tech-badge__dot {
        animation: pulse-dot 2.2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }

    @keyframes pulse-dot {
        0%, 100% {
            opacity: 1;
            transform: scale(1);
        }
        50% {
            opacity: 0.4;
            transform: scale(0.85);
        }
    }

    /* Subtle shimmer on hero visual border */
    .hero-visual-container,
    .service-hero__visual {
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease;
    }
}