.site-header a.brand {
    --mbrq-logo: url("brand-dark.webp");
    position: relative;
    inline-size: clamp(158px, 17vw, 210px);
    min-inline-size: 0;
    gap: 0 !important;
    font-size: 0 !important;
}

html[data-mb-theme="light"] .site-header a.brand {
    --mbrq-logo: url("brand-light.webp");
}

.site-header a.brand::before {
    content: "";
    display: block;
    inline-size: 100%;
    aspect-ratio: 80 / 31;
    background: var(--mbrq-logo) center / contain no-repeat;
}

.site-header a.brand > .brand-icon {
    display: none !important;
}

.site-header a.brand > .mb-brand-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

@media (max-width: 767px) {
    .site-header a.brand {
        inline-size: clamp(104px, 36vw, 168px);
    }
}