/* Let the mobile action group breathe without taking space from the character. */
@media (max-width: 720px) {
  .hero {
    height: auto;
    min-height: 100svh;
  }
  .hero .hero-actions { margin-top: clamp(40px, 6svh, 56px); }
  .hero .hero-art {
    flex: 1 0 260px;
    min-height: 260px;
  }
}