@font-face {
  font-family: 'Network Snoke';
  src: url('../fonts/SNOKE.otf') format('opentype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* Every rule is confined to the entrance title. Functional UI inherits V1. */
.entrance-title.snoke-wordmark {
  font-family: 'Network Snoke';
  font-size: clamp(90px, 15vw, 270px);
  font-weight: 400;
  font-style: normal;
  font-kerning: normal;
  font-synthesis: none;
  text-transform: none;
  letter-spacing: -0.012em;
  word-spacing: 0.025em;
  line-height: 0.84;
  color: #c6ffdf;
  text-shadow: 0 0 28px rgb(120 255 175 / 9%);
  white-space: nowrap;
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
  padding: 0.035em 0.085em 0.11em;
}

@media (max-width: 640px) {
  .entrance-title.snoke-wordmark {
    font-size: clamp(50px, 16.7vw, 104px);
    letter-spacing: -0.016em;
    word-spacing: 0.02em;
    padding-inline: 0.07em;
  }
}