.connect-brand-art {
    display: inline-block;
    width: 100%;
    max-width: var(--connect-logo-width, 22rem);
    aspect-ratio: 1240 / 279;
    background: url("./assets/connect-brand-lockup-20261112.png") center / contain no-repeat;
    vertical-align: middle;
}

.connect-shell .brand {
    width: min(100%, 11rem);
}

.connect-document-brand {
    display: block;
    width: min(100%, 15rem);
    margin-bottom: 24px;
}

@media (max-width: 540px) {
    .connect-shell .brand { width: min(100%, 9.5rem); }
}

@media (forced-colors: active) {
    .connect-brand-art {
        forced-color-adjust: none;
        background-color: #100d1a;
    }
}