/* The full name is one wordmark, with equal prominence for every word. */
.brand,
.site-header .brand,
.site-footer .brand {
  display: inline-flex;
  width: min(340px, 100%);
  max-width: 100%;
  flex-shrink: 0;
  line-height: 0;
}

.brand img,
.site-header .brand img,
.site-footer .brand img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width: 680px) {
  .brand,
  .site-header .brand,
  .site-footer .brand {
    width: min(290px, 100%);
  }
}

@media (max-width: 560px) {
  .home-page .site-header { gap: 14px; }
  .home-page .site-header .brand { width: min(290px, calc(100% - 60px)); }
  .home-page .menu-toggle { flex-shrink: 0; }
}