:root {
    --brand-logo-surface: rgba(255, 255, 255, 0.94);
    --brand-logo-surface-strong: rgba(248, 250, 252, 0.96);
    --brand-logo-border: rgba(226, 232, 240, 0.92);
    --brand-logo-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
}

.logo {
    background: none !important;
    -webkit-text-fill-color: initial !important;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

header nav {
    justify-content: space-between !important;
    gap: 18px;
}

.logo a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    background: transparent;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 8px;
    box-shadow: none;
    backdrop-filter: none;
}

.logo img {
    display: block;
    width: auto;
    height: 104px !important;
    max-width: min(100%, 620px);
    object-fit: contain;
    filter: none;
}

.nav-links {
    margin-left: auto;
    gap: 24px;
}

.hamburger {
    margin-left: auto;
}

.footer-brand-logo {
    display: inline-block;
    width: auto;
    height: 60px;
    padding: 12px 16px;
    margin-bottom: 16px;
    background: transparent;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 8px;
    box-shadow: none;
}

@media (max-width: 1180px) {
    header nav {
        gap: 16px;
    }

    .logo img {
        height: 96px !important;
        max-width: 560px;
    }
}

@media (max-width: 900px) {
    .logo img {
        height: 84px !important;
        max-width: 490px;
    }

    .nav-links {
        gap: 18px;
    }
}

@media (max-width: 768px) {
    .logo img {
        height: 70px !important;
        max-width: 360px;
    }

    .footer-brand-logo {
        height: 52px;
        padding: 10px 14px;
        border-radius: 8px;
    }
}

@media (max-width: 480px) {
    .logo img {
        height: 58px !important;
        max-width: 280px;
    }
}