@font-face {
  font-family: "Atomic Pressure";
  src: url("assets/atomic-pressure.woff2?v=0.4.24") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* Use Atomic Pressure throughout the station interface. */
html,
body,
button,
a,
input,
.brand,
.nav,
.status-chip,
.kicker,
h1,
h2,
h3,
.btn,
.hero-tags,
.subcard small,
.mode,
.listeners,
.track-label,
.track-title,
.next-up,
.telemetry,
.host small,
.catalog-panel > b,
.visual-hud,
.foot-status {
  font-family: "Atomic Pressure", Impact, "Arial Black", sans-serif;
  font-weight: 400;
}

/* Keep longer copy clean and readable. */
.lead,
.track-artist,
.message,
.time-row,
.subcard b,
.section-head > p,
.host p,
.catalog-panel ol,
.catalog-panel li {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

h1,
.section h2 {
  letter-spacing: .01em;
}

.brand strong {
  letter-spacing: .055em;
}

.brand small {
  letter-spacing: .17em;
}

.nav a,
.status-chip,
.kicker,
.btn,
.hero-tags span,
.subcard small,
.mode,
.track-label,
.next-up small,
.telemetry span,
.host small,
.catalog-panel > b,
.visual-hud,
.foot-status {
  letter-spacing: .065em;
}

.track-title {
  letter-spacing: .02em;
}

@media (max-width: 680px) {
  h1,
  .section h2 {
    letter-spacing: 0;
  }
}