/* Logo Animation */
@keyframes logoBreath {
    0%, 100% { 
        transform: scale(1); 
    }
    50% { 
        transform: scale(1.08); 
    }
}

.logo-img {
    animation: logoBreath 3s ease-in-out infinite;
}

.logo-img:active, .logo-img:hover {
    transform: scale(1.15) !important;
    animation-play-state: paused;
}