.brand-logo {
  display: inline-flex;
  width: 184px;
  max-width: 100%;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  justify-self: start;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
}
.brand-logo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 513 / 167;
}
.brand-logo:focus-visible {
  outline: 2px solid #078568;
  outline-offset: 4px;
}
.brand-logo:disabled { cursor: default; }
.site-footer .brand-logo { width: 200px; }
@media (max-width: 767px) {
  .site-header .brand-logo { width: 160px; }
}