.wordmark.brand-lockup {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  width: clamp(155px, 16vw, 205px);
}
.brand-lockup img {
  width: 100%;
  height: auto;
  filter: brightness(0) saturate(100%) invert(23%) sepia(18%) saturate(612%) hue-rotate(48deg)
    brightness(91%) contrast(86%);
}
.footer .brand-lockup {
  width: 220px;
}
body[data-theme="night"] .brand-lockup img {
  filter: brightness(0) saturate(100%) invert(94%) sepia(14%) saturate(440%) hue-rotate(338deg)
    brightness(101%) contrast(94%);
}
@media (max-width: 760px) {
  .wordmark.brand-lockup {
    width: 168px;
  }
  .footer .brand-lockup {
    width: 200px;
  }
}