/* Only the top-left DRATTZY GAMES wordmark uses the game font. */
@font-face {
  font-family: "Drattzy Header Wordmark";
  src: url("assets/fonts/AlteriumShiftFont.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  size-adjust: 115.56%;
}

.site-header .brand .brand-wordmark,
.site-header .brand .brand-sub {
  font-family: "Drattzy Header Wordmark", var(--sans);
  font-weight: 500;
  font-style: normal;
  font-synthesis: none;
}

.site-header .brand .brand-wordmark {
  font-size: 22px;
}

.site-header .brand .brand-sub {
  font-size: 14px;
  letter-spacing: 2px;
}

/* Match the established mobile logo's visual weight at a legible size. */
.mobile .site-header .brand .brand-wordmark {
  font-size: 20px;
}

.mobile .site-header .brand .brand-sub {
  font-size: 12px;
}

@media (max-width: 700px) {
  .site-header .brand .brand-wordmark {
    font-size: 20px;
  }

  .site-header .brand .brand-sub {
    font-size: 12px;
  }
}