/* Display the supplied square artwork within a compact header window. */
.vps-brand { display:block; position:relative; overflow:hidden; width:200px; aspect-ratio:940 / 410; flex:none; background:#fff; }
.vps-brand img { position:absolute; width:163.4043%; max-width:none; height:auto; left:-31.9149%; top:-141.4634%; }
header.app-header, body > header { background:#fff; min-height:104px; height:auto; padding:8px 24px; gap:16px; flex-wrap:wrap; border-bottom:1px solid #e2e8f0; }
header .logo { gap:18px; flex-wrap:wrap; color:#0b1f4b; }
header .logo-sub { color:#475569; line-height:1.4; font-size:11px; }
header .rep-badge { color:#334155; background:#f1f5f9; border-color:#e2e8f0; }
header.app-header h1 { font-size:20px; color:#0b1f4b; }
@media (max-width:600px) {
  header.app-header, body > header { padding:8px 16px; gap:8px; }
  .vps-brand { width:170px; }
  header .logo { gap:8px; }
  header.app-header h1 { font-size:17px; }
}