/* Both name lines share one vector composition and scale together. */
.brand { display:inline-flex; align-items:center; flex:0 1 250px; width:250px; min-width:0; max-width:100%; gap:0; margin:0; line-height:1; }
.brand-logo { display:block; width:100%; height:auto; aspect-ratio:5 / 1; object-fit:contain; }
.nav-wrap > .brand { margin-right:auto; }
.footer-grid > div { min-width:0; }
.site-footer .brand { width:250px; }
/* Reserve room for the navigation without compressing the site name. */
@media (min-width:901px) and (max-width:1199px) {
  .nav-wrap { gap:20px; }
  .nav-wrap nav { gap:20px; }
  .nav-wrap > .button-small { display:none; }
}
@media (max-width:900px) {
  .nav-wrap { gap:12px; flex-wrap:nowrap; }
  .nav-wrap > .brand { flex:0 1 250px; }
  .menu-toggle { flex:0 0 auto; min-width:68px; padding:10px; }
}
@media (max-width:360px) {
  .nav-wrap { gap:10px; }
  .menu-toggle { min-width:60px; padding-inline:8px; font-size:14px; }
}