.wordmark {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  font: 700 var(--text-h3)/1 var(--font-display);
  letter-spacing: .02em;
  color: var(--text-inverse);
}

.wordmark svg {
  width: 1.35em;
  height: 1.35em;
}

.brand-rule {
  border-top: 1px solid color-mix(in srgb, var(--text-inverse) 24%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--text-inverse) 24%, transparent);
  padding: .4rem 0;
  font-variant: all-small-caps;
  letter-spacing: .12em;
}