/* Approved official wordmark. Keep its proportions independent of legacy text-brand rules. */
.site-header:has(.site-brand--official) {
  align-items: center;
  gap: 20px;
}

.site-header .site-brand.site-brand--official {
  --brand-width: 180px;
  visibility: visible;
  display: flex;
  flex: 0 0 var(--brand-width);
  width: var(--brand-width);
  min-height: 44px;
  padding: 0;
  align-items: center;
  justify-content: center;
  background: transparent;
  box-shadow: none;
}

.site-brand--official .site-brand-logo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2000 / 405;
  object-fit: contain;
}

.site-header.is-on-dark .site-brand--official .site-brand-logo {
  filter: brightness(0) invert(1);
}

/* The home reading header has its own opaque paper background. */
body.home-page.ui-polish-enabled.is-reading:has(.hero[data-hero-mode="nano"]) .site-brand-logo {
  filter: none;
}

.site-brand--official:hover {
  opacity: .72;
}

@media (max-width: 768px) {
  .site-header:has(.site-brand--official) {
    gap: 8px;
  }

  .site-header .site-brand.site-brand--official {
    --brand-width: 128px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-brand--official {
    transition: none;
  }
}