/* ========================================
   Logo Micro-Interactions
   ======================================== */

.logo {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.logo-img {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
    transition: transform 0.3s ease, filter 0.3s ease;
}

.logo:hover .logo-img {
    transform: translateY(-1px) scale(1.05);
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
}

.logo-text {
    transition: opacity 0.3s ease;
}

.logo:hover .logo-text {
    opacity: 0.8;
}