/* The original transparent wordmark is displayed whole, without recoloring. */
.site-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  width: clamp(180px, 18vw, 230px);
  max-width: 100%;
  min-height: 44px;
  text-decoration: none;
}
.site-logo {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.site-footer .site-brand { width: 180px; }
@media (max-width: 760px) {
  .site-header .site-brand { width: 180px; }
}