/* Shorter, tighter phone hero while preserving breathing room and legibility. */
@media (max-width: 760px) {
  .hero { padding-top: 720px; }
  .brand { top: 16px; left: 18px; width: 94px; }
  .copy { top: 72px; left: 18px; right: 18px; }
  .invitation { margin-bottom: 6px; }
  .word-stack { margin-bottom: 6px; }
  .question { line-height: 1.04; }
  .words { margin-top: 4px; }
  .scene { inset: 320px 0 auto; height: 400px; }
  .shade { height: 320px; }
  .scene-hit { inset: 320px 0 0; }
  .hero-actions { top: 82%; }
  .hero-tagline { top: calc(320px + 25vw); }
}
@media (max-width: 390px) {
  .hero { padding-top: 730px; }
  .scene { inset: 330px 0 auto; height: 400px; }
  .shade { height: 330px; }
  .scene-hit { inset: 330px 0 0; }
  .hero-tagline { top: calc(330px + 25vw); }
}
@media (max-width: 360px) {
  .hero { padding-top: 730px; }
  .scene { inset: 342px 0 auto; height: 388px; }
  .shade { height: 342px; }
  .scene-hit { inset: 342px 0 0; }
  .hero-tagline { top: calc(342px + 25vw); }
}