/* Keep display lettering legible when the viewport is narrow. */
@media (max-width: 600px) {
  .future-questions__title,
  .japan-ai-radio__wordmark {
    row-gap: .1em;
    font-size: clamp(72px, 16vw, 112px);
    letter-spacing: .03em;
    line-height: .95;
  }

  .japan-ai-radio__wordmark span:nth-child(2) {
    letter-spacing: .03em;
  }

  .future-question h3,
  .japan-ai-radio__copy h2 {
    letter-spacing: -.01em;
    line-height: 1.6;
  }

  .future-questions__intro,
  .future-question p,
  .japan-ai-radio__copy > p:not(.japan-ai-radio__label) {
    letter-spacing: .01em;
    line-height: 1.95;
  }
}

@media (max-width: 480px) {
  .japan-ai-radio__wordmark {
    margin-block: 24px 30px;
    font-size: clamp(72px, 20vw, 96px);
  }
}