/* Give the title its natural width and move the document illustration away. */
@media (min-width: 821px) {
  .hero { gap: 40px; grid-template-columns: 1fr 1fr; }
  .hero h1 { font-size: clamp(3.4rem, 4.7vw, 4.7rem); }
  .hero h1 { white-space: nowrap; }
}