.site-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  max-width: 100%;
  width: 17.5rem;
  color: #29292c;
  text-decoration: none;
  border-radius: .35rem;
}
.site-brand picture { display: block; width: 100%; }
.site-brand img { display: block; width: 100%; height: auto; }
.site-brand--header img { aspect-ratio: 1050 / 225; }
.site-brand:focus-visible {
  outline: 3px solid #29292c;
  outline-offset: 5px;
}
.site-brand--footer { padding: .55rem .75rem; box-sizing: content-box; background: #f7f7f2; max-width: calc(100% - 1.5rem); }
.footer .site-brand:focus-visible { outline-color: #ffb000; }
.footer-brand { max-width: 100%; }
.footer-brand > p { margin-top: .5rem; }
.site-footer .site-brand { padding: 0; box-sizing: border-box; max-width: 100%; }
@media (max-width: 1100px) and (min-width: 901px) {
  .header .site-brand--header { width: 15.5rem; }
  .header .header-inner { gap: 1rem; }
  .header .desktop-nav { gap: .75rem; }
}
@media (max-width: 35rem) {
  .site-brand--header { width: 7rem; }
  .site-brand--header img { aspect-ratio: 575 / 225; }
}