.pmb-universal-brand {
    display: inline-flex; align-items: center; justify-content: flex-start;
    width: 280px; max-width: 100%; gap: 4.2857%; flex: 0 1 auto;
    margin: 0; padding: 0; line-height: 0; background: transparent;
}
.pmb-universal-brand > img {
    display: block; height: auto; min-width: 0; max-width: none; margin: 0; padding: 0;
    border: 0; border-radius: 0; object-fit: contain; filter: none; background: transparent;
}
.pmb-universal-brand > .pmb-logo-mark { width: 22.5%; flex: 0 0 22.5%; aspect-ratio: 1; }
.pmb-universal-brand > .pmb-logo-wordmark { width: 73.2143%; flex: 0 0 73.2143%; aspect-ratio: 1000 / 185; }
.header-logo:has(.pmb-universal-brand), .pmb-admin-brand:has(.pmb-universal-brand) { min-width: 0; }
.site-header .pmb-universal-brand { background: #fff; border-radius: 12px; }
@media (max-width: 768px) {
    .header-logo .pmb-universal-brand, .pmb-admin-brand .pmb-universal-brand { width: clamp(128px, 42vw, 208px); }
    .app-brand .pmb-universal-brand { width: 208px; }
}

.brand > .pmb-universal-brand { display: inline-flex; }
.top .brand { min-width: 0; flex: 0 1 auto; }
.top .brand .pmb-universal-brand { width: clamp(128px, 38vw, 240px); padding: 6px; background: #fff; border-radius: 12px; }
@media (max-width: 430px) { .top:has(.pmb-universal-brand) { flex-wrap: wrap; } }