.site-brand {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    max-width: 100%;
    color: inherit;
    text-decoration: none;
}

.site-brand__logo {
    display: block;
    width: min(var(--site-brand-logo-width, 160px), 100%);
    height: auto;
    object-fit: contain;
}

.site-brand__name,
.site-brand__tagline {
    display: block;
}

.site-brand__name {
    font-weight: 800;
    line-height: 1.1;
}

.site-brand__tagline {
    color: var(--cms-muted);
    font-size: .82rem;
    line-height: 1.25;
}