/* The logo must shrink with its link, without clipping the image at either edge. */
.site-header .brand-logo-only,
.site-footer .brand-logo-only {
    overflow: visible;
    min-width: 0;
    padding: 0;
}
.site-header .brand-logo-only {
    flex: 0 1 var(--brand-logo-header-width, 180px);
    width: var(--brand-logo-header-width, 180px);
}
.site-footer .brand-logo-only {
    width: var(--brand-logo-footer-width, 190px);
    max-width: 100%;
}
.site-header .brand-logo-only .brand-logo,
.site-footer .brand-logo-only .brand-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    padding: 0;
    border-radius: 0;
    background: transparent;
}
.site-header .brand-logo-only .brand-logo img,
.site-footer .brand-logo-only .brand-logo img {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: left center;
    border-radius: 0;
    clip-path: none;
    transform: none;
}
@media (max-width: 760px) {
    .site-header .brand-logo-only {
        flex-basis: var(--brand-logo-mobile-width, 140px);
        width: var(--brand-logo-mobile-width, 140px);
        max-width: calc(100vw - 120px);
    }
}