.brand-lockup { display: inline-flex; align-items: center; gap: .7rem; min-width: 0; }
.brand-mark { display: block; flex: none; width: 2.15rem; height: auto; }
.brand-wordmark { display: block; color: #0b1f3a; font-size: 1rem; font-weight: 800; letter-spacing: -.035em; line-height: 1.05; white-space: nowrap; }
.brand-descriptor { display: block; margin-top: .24rem; color: #7a879b; font-size: .58rem; font-weight: 800; letter-spacing: .16em; line-height: 1; white-space: nowrap; }
.brand-lockup--inverse .brand-wordmark { color: #f8fafc; }
.brand-lockup--inverse .brand-descriptor { color: #94a3b8; }
.brand-lockup--compact .brand-mark { width: 1.85rem; }
.brand-lockup--compact .brand-wordmark { font-size: .95rem; }
.brand-lockup--login .brand-mark { width: 2.5rem; }
.brand-lockup--login .brand-wordmark { font-size: 1.25rem; }
.brand-lockup--login .brand-descriptor { font-size: .65rem; }
@media (max-width: 420px) { .brand-lockup--compact .brand-copy { display: none; } }