/* Display the approved, unmodified PNG without its large outer white margins. */
.pane-brand { display: flex; flex-direction: column; gap: 8px; text-align: center; }
.pane-brand img.bbps-logo { width: min(100%, 370px); height: auto; aspect-ratio: 4.7; object-fit: cover; object-position: center; }
.pane-brand .bbps-subtitle { font-size: 12px; color: var(--ink-2, #4c535b); }
.platform-support { margin: 24px 0 0; font-size: 12px; color: var(--ink-2, #4c535b); text-align: center; }
.rail-brand { display: block; padding: 12px 10px; background: #fff; }
.rail-brand .bbps-logo { display: block; width: 100%; height: auto; aspect-ratio: 4.5; object-fit: cover; }
.rail-brand .bbps-subtitle { display: block; margin-top: 6px; font-size: 10px; line-height: 1.4; color: #4c535b; }
.rail-brand .bbps-icon { display: none; width: 34px; height: 34px; }
.rail.is-mini .bbps-wordmark { display: none; }
.rail.is-mini .bbps-icon { display: block; }
.crest img.bbps-logo { width: 240px; max-width: 100%; height: auto; aspect-ratio: 4.5; object-fit: cover; }
@media (max-width: 760px) {
  .rail-brand .bbps-wordmark { display: none; }
  .rail-brand .bbps-icon { display: block; }
  .pane-brand img.bbps-logo { width: min(100%, 320px); }
}
@media print { .crest img.bbps-logo { width: 210px; } }