:root {
  --mono: 'IBM Plex Mono', 'Noto Serif SC', 'Microsoft YaHei', 'PingFang SC', ui-monospace, SFMono-Regular, Menlo, monospace;
  --reader-mono: 'IBM Plex Mono', 'Noto Serif SC', 'Microsoft YaHei', 'PingFang SC', ui-monospace, SFMono-Regular, Menlo, monospace;
}

.hero-title {
  max-width: 1180px;
  font-size: clamp(44px, 6.2vw, 84px);
}

.modal-card {
  width: min(720px, 100%);
}

.modal-card h2 {
  max-width: 620px;
  font-size: clamp(30px, 4.2vw, 48px);
  text-wrap: balance;
}

.teaser-reveal.visible {
  animation: none;
  opacity: 1;
  transform: none;
  filter: none;
}

@media (max-width: 820px) {
  .hero-title {
    font-size: clamp(42px, 12vw, 68px);
  }
}