/* Live type uses the same Onest family as the rest of the site. */
.site-header .brand-marketing {
  display: flex;
  flex: 0 0 388px;
  width: 388px;
  min-height: 48px;
  gap: 12px;
  font-family: Onest, system-ui, sans-serif;
  color: var(--ink);
}
.brand-mascot {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  object-fit: contain;
  object-position: center;
}
.brand-wordmark {
  font-size: 38px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -.03em;
}
.brand-divider {
  flex: 0 0 1px;
  height: 30px;
  background: var(--blue);
}
.brand-tagline {
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
}
@media (min-width: 1024px) and (max-width: 1380px) {
  .site-header .brand-marketing { flex-basis: 346px; width: 346px; }
  .site-header .nav-group { padding-inline: 14px; }
  .site-header .nav-group-links { gap: 18px; }
}
@media (max-width: 1023px) {
  .site-header .brand-marketing { flex: 0 1 auto; width: auto; min-width: 0; min-height: 44px; }
  .brand-mascot { width: 44px; height: 44px; flex-basis: 44px; }
  .site-header .menu-toggle { flex-shrink: 0; }
  .brand-wordmark { font-size: 34px; }
  .brand-tagline { font-size: 11px; }
  .brand-divider { height: 28px; }
}
@media (max-width: 600px) {
  .site-header .brand-marketing { gap: 11px; }
  .brand-divider,
  .brand-tagline { display: none; }
}
@media (max-width: 374px) {
  .site-header .brand-marketing { gap: 9px; }
  .brand-mascot { width: 38px; height: 38px; flex-basis: 38px; }
  .brand-wordmark { font-size: 30px; }
  .brand-tagline { font-size: 9.5px; }
  .brand-divider { height: 26px; }
}