.site-header .brand {
  gap: 10px;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}

.site-header .brand-name {
  font-size: 23px;
  font-weight: 900;
  letter-spacing: -1px;
  line-height: 1.2;
  white-space: nowrap;
}

.tv-header .brand-mark,
.site-header .brand-mark {
  display: block;
  flex: none;
  width: 50px;
  height: 50px;
  transform: rotate(-5deg);
}

@media (max-width: 760px) {
  .site-header .brand-name { font-size: 19px; }

  .tv-header .brand-mark,
  .site-header .brand-mark { width: 34px; height: 34px; }
}

@media (orientation: landscape) and (max-height: 500px) {
  .tv-header .brand-mark,
  .site-header .brand-mark { width: 32px; height: 32px; }
}