/* Shared geometry keeps navigation identical across all pages. */
:root {
  --site-header-height: 94px;
  --site-logo-width: 190px;
}
@media (max-width: 800px) {
  :root {
    --site-header-height: 86px;
    --site-logo-width: 170px;
  }
}

.header .nav-container {
  height: var(--site-header-height);
  min-height: var(--site-header-height);
  padding-block: 8px;
}

.header .header-brand {
  display: block;
  flex: 0 0 var(--site-logo-width);
  width: var(--site-logo-width);
  min-width: 0;
  margin: 0;
  line-height: 0;
}

.header .header-brand a {
  display: block;
}

.header .header-brand img {
  display: block;
  width: 100%;
  height: auto;
  /* The logo files are trimmed to their content (scripts/build-logos.py). */
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: 0;
}

.footer .footer-brand {
  display: block;
  width: min(100%, 310px);
  margin: 0 0 1.2rem;
  line-height: 0;
}

.footer .footer-brand a,
.footer .footer-brand img {
  display: block;
}

.footer .footer-brand img {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}