/* Adobe Fonts supplies Brandon Grotesque Regular for the wordmark. */
.wordmark {
  font-family: "brandon-grotesque", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;
  letter-spacing: -0.025em;
}

/* Preserve the existing line heights; the subtitle stays outside document flow. */
.brand-lockup {
  position: relative;
}

.brand-lockup > .wordmark {
  display: block;
}

.brand-subtitle {
  position: absolute;
  top: calc(100% + 3px);
  left: 0;
  white-space: nowrap;
  font-family: var(--sans, var(--font-label, Arial)), sans-serif;
  font-size: 9px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0;
  color: inherit;
}

.site-header .brand-subtitle {
  left: 50%;
  transform: translateX(-50%);
}