.site-brand {
    min-width: 0;
}

.site-brand-name {
    color: #2a1a12;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(0.85rem, 1.1vw, 1.15rem);
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.15;
    max-width: 11.5rem;
    white-space: normal;
}

.site-brand-logo {
    max-height: 72px;
    width: auto;
    flex-shrink: 0;
}

.site-brand-logo--mobile {
    max-height: 56px;
}

.main-nav .inner-logo .site-brand-name {
    color: #fff;
    text-align: left;
}

.footer-about .footer-brand-name {
    color: #fff;
    max-width: 12rem;
}

@media (max-width: 1199.98px) {
    .nav-logo .site-brand-name {
        max-width: 9.5rem;
        font-size: 0.95rem;
    }

    .nav-logo .site-brand-logo {
        max-height: 58px;
    }
}

@media (max-width: 575.98px) {
    .nav-logo .site-brand-name {
        max-width: 7.5rem;
        font-size: 0.8rem;
    }

    .nav-logo .site-brand-logo {
        max-height: 48px;
    }
}