/* The logo in every header (_brand.html): the full KoreanVegas logo, 44px tall, on wider screens; the emblem
   alone, 36px, on phones. The older sheets size `.brand` / `.app-brand` for earlier marks at several
   breakpoints, hence the !important on the sizes below. */
.brand:has(.brand-logo),
.app-brand:has(.brand-logo) {
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto;
}

.brand-logo { display: block; flex: none; line-height: 0; }
.brand-logo img {
  display: block;
  width: auto !important;
  height: 44px !important;
  max-width: none;
  object-fit: contain;
}

@media (max-width: 719px) {
  .brand-logo img { width: 36px !important; height: 36px !important; }
}