/* Doprecyzowanie kompozycji pierwszego ekranu: treść i gra spotykają się w centrum. */
@media (min-width: 721px) {
  .hero { min-height: 720px; }
  .hero-copy { max-width: 760px; padding: 151px 7vw 130px; }
  .hero h1 { font-size: clamp(62px, 5.9vw, 94px); letter-spacing: -2.6px; }
  .intro { max-width: 455px; font-size: 19px; }
  .hero-art { right: 24vw; bottom: 76px; width: min(46vw, 570px); }
  .phone { right: 7%; top: 7px; width: 236px; transform: rotate(7deg); }
  .phone img { height: 425px; }
  .h1 { left: 0; top: 98px; }
  .h2 { left: 13%; top: 190px; }
  .h3 { right: -2%; bottom: 24px; }
}

@media (max-width: 720px) {
  .hero h1 { letter-spacing: -1.5px; }
}