.wordmark { display: inline-flex; align-items: baseline; white-space: nowrap; }
.wordmark-base { color: var(--orange); }
.wordmark-dot { display: inline-block; color: #f4f2eb; }
.wordmark-theme {
  display: inline-block;
  margin-left: .02em;
  color: #f4f2eb;
  font-size: .54em;
  font-weight: 600;
  letter-spacing: -.035em;
}
@media (max-width: 600px) {
  .wordmark-theme { font-size: .5em; }
}