.lunaria-app .ln-brand-link {
    display: flex;
    align-items: center;
    max-width: min(48vw, calc(var(--lunaria-logo-height, 58px) * 4));
    padding: 0;
}

.lunaria-app .ln-brand-logo,
.site-brand__logo {
    display: block;
    width: auto;
    max-width: 100%;
    height: var(--lunaria-logo-height, 58px);
    object-fit: contain;
    object-position: left center;
}

.site-brand__logo {
    max-width: min(48vw, calc(var(--lunaria-logo-height, 58px) * 4));
}

@media (max-width: 700px) {
    .lunaria-app .ln-brand-link {
        max-width: min(48vw, calc(var(--lunaria-logo-height, 58px) * 3.2));
    }

    .site-brand__logo {
        max-width: min(48vw, calc(var(--lunaria-logo-height, 58px) * 3.2));
    }
}