@media (max-width: 700px) {
  .hero-message {
    /* The headline starts at 117px and its 650 × 288 artwork occupies 90% of the frame width. */
    top: max(274px, calc(129px + 90cqw * 288 / 650));
  }

  .hero-characters {
    max-width: 420px;
  }
}