/* Primera pantalla móvil: fotografía y nombre visibles como una sola presentación. */
@media (max-width: 760px) {
  .hero-art {
    min-height: clamp(390px, 105vw, 480px);
  }

  .hero-copy {
    min-height: auto;
    padding: 24px 22px 48px;
  }

  .hero-copy .kicker {
    margin: 0;
  }

  .hero-copy .chinese-name {
    margin-top: 18px;
  }

  .hero-copy h1 {
    margin-top: 2px;
  }

  .international-name {
    margin-top: 22px;
  }
}