.site-brand { display: inline-flex; align-items: center; gap: .65rem; white-space: nowrap; }
.site-brand-mark { display: block; width: 40px; height: 40px; flex: 0 0 40px; }
.site-brand-name { color: #f2f2f2; font-size: 1.45rem; font-weight: 600; letter-spacing: -.045em; }
.site-brand-suffix { font-weight: 400; opacity: .7; }
@media (max-width: 600px) {
  .site-brand-mark { width: 36px; height: 36px; flex-basis: 36px; }
  .site-brand-name { font-size: 1.3rem; }
}

.site-brand-link { display: inline-flex; align-items: center; }
button.nav_close { appearance: none; border: 0; border-radius: .25rem; padding: 0; background: transparent; color: #f2f2f2; font: inherit; }
button.nav_close:focus-visible { outline: 2px solid #5eead4; outline-offset: 2px; }