/* Load after the site's existing assets/site.css. */
.site-brand.site-brand--logo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 52px;
  padding: 4px 0;
  letter-spacing: normal;
  line-height: 1;
}
.site-brand--logo img {
  display: block;
  width: 250px;
  max-width: 100%;
  height: auto;
}
.site-brand--logo:focus-visible {
  outline: 2px solid #ba1d26;
  outline-offset: 5px;
  border-radius: 2px;
}
@media (max-width: 960px) {
  .site-header .site-nav { flex-wrap: wrap; gap: 0 20px; padding-top: 8px; padding-bottom: 8px; }
  .site-brand--logo img { width: 230px; }
  .site-header .site-menu { display: flex; flex-wrap: wrap; gap: 4px 18px; width: 100%; }
  .site-header .site-menu a { min-height: 44px; display: inline-flex; align-items: center; }
}
@media (max-width: 480px) {
  .site-header .site-nav { padding-left: 20px; padding-right: 20px; }
  .site-brand--logo img { width: 215px; }
  .site-header .site-menu { gap: 0 16px; }
}

@media (max-width: 960px) {
  .site-header .site-menu { margin: 0; padding: 0; overflow: visible; }
}