/* Supplied artwork is always shown intact, with a light surface for contrast. */
.brand::before, .login-stage .eyebrow::before { content: none; }
.brand, .nx-wordmark, .legal-wordmark, .interest-brand {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 1;
}
.nexus-brand-image {
    display: block;
    width: 72px;
    height: 56px;
    object-fit: contain;
    box-sizing: border-box;
    padding: 5px;
    border-radius: 6px;
    background: #fff;
}
.nx-wordmark .nexus-brand-image { width: 104px; height: 64px; }
.nx-footer .nexus-brand-image { width: 150px; height: 108px; }
.login-hero-logo {
    width: min(100%, 390px);
    height: auto;
    max-height: none;
    box-sizing: border-box;
    object-fit: contain;
    padding: 16px;
    border-radius: 12px;
    background: #fff;
}
.login-stage .eyebrow { line-height: 1; }
.login-stage .eyebrow .nexus-brand-image { width: 68px; height: 52px; }
.legal-consent-brand .nexus-brand-image { width: 84px; height: 68px; }
.interest-brand .nexus-brand-image { width: 96px; height: 80px; }
@media (max-width: 600px) {
    .brand .nexus-brand-image { width: 64px; height: 50px; }
    .nx-wordmark .nexus-brand-image { width: 86px; height: 54px; }
    .nx-footer .nexus-brand-image { width: 132px; height: 96px; }
    .login-hero-logo { width: min(100%, 300px); }
}