/* The supplied bitmap stays intact; the SVG viewport only frames its wordmark. */
.masthead > .brand {
  display: block;
  flex: 0 0 120px;
  align-self: center;
  width: 120px;
  padding: 0;
  line-height: 0;
}

.masthead .brand-wordmark {
  display: block;
  width: 120px;
  height: 34px;
  overflow: hidden;
  mix-blend-mode: darken;
}

@media (max-width: 760px) {
  .masthead > .brand { flex-basis: 110px; width: 110px; }
  .masthead .brand-wordmark { width: 110px; height: 31px; }
}