/* Logo in the header on every page except the home page, which has the large hero image. */
.brand-logo {
  display: none;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  background: url("/images/logo.png") center / cover no-repeat;
  border-radius: 6px;
}
html:not(.is-home) .brand-logo { display: block; }
html:not(.is-home) .brand-mark { display: none; }
@media (max-width: 650px) {
  .brand-logo { width: 42px; height: 42px; flex-basis: 42px; }
}