.brand-lockup {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    text-decoration: none;
}

.brand-lockup img {
    display: block;
    width: auto;
    height: 52px;
    max-width: min(280px, 72vw);
    object-fit: contain;
}

.brand-lockup--compact img {
    height: 44px;
    max-width: min(220px, 70vw);
}

.brand-lockup--large img {
    height: 80px;
    max-width: min(360px, 100%);
}

.brand-lockup--on-dark {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
}

.brand-lockup:focus-visible {
    outline: 3px solid #C8962E;
    outline-offset: 4px;
}

.footer-brand .brand-lockup {
    margin-bottom: 1rem;
}

.sidebar-logo .brand-lockup {
    display: flex;
    margin-bottom: 0.75rem;
}

.sidebar-logo .brand-lockup img {
    height: 48px;
    max-width: 100%;
}

.contact-header .brand-lockup,
.signup-header .brand-lockup,
.auth-card .brand-lockup,
.error-page .brand-lockup {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 1.25rem;
}

.signup-header .brand-lockup {
    position: relative;
    z-index: 1;
}