@font-face {
  font-family: "Press Start 2P";
  src: url("/fonts/PressStart2P-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.hero h1,
.hero h1 em,
.hero-copy > p {
  font-family: "Press Start 2P", ui-monospace, monospace;
  font-weight: 400;
}

.hero h1 {
  max-width: 900px;
  font-size: clamp(32px, 5.2vw, 64px);
  line-height: 1.3;
  letter-spacing: -0.025em;
}

.hero h1 em {
  font-style: normal;
}

.hero-copy > p {
  max-width: 760px;
  font-size: clamp(12px, 1.25vw, 15px);
  line-height: 2;
  letter-spacing: 0.015em;
}

@media (max-width: 640px) {
  .hero h1 {
    font-size: clamp(27px, 8.2vw, 42px);
    line-height: 1.35;
  }

  .hero-copy > p {
    font-size: 11px;
    line-height: 1.9;
  }
}