/* Portada móvil compacta: bloque centrado y retrato unido visualmente al nombre. */
@media (max-width: 760px) {
  .hero-copy .kicker {
    justify-content: center;
    margin: 88px 14px 0;
    max-width: calc(100% - 28px);
    text-align: center;
    letter-spacing: 0.065em;
  }

  .hero-copy .kicker span {
    width: 24px;
  }

  .hero-copy .chinese-name {
    width: calc(100% - 28px);
    margin: 136px 14px 0;
    text-align: center;
  }

  .hero-copy h1 {
    width: calc(100% - 24px);
    max-width: calc(100% - 24px);
    margin: 168px 12px 0;
    text-align: center;
  }

  .hero-copy h1 span {
    margin-left: 0;
  }

  .master-portrait {
    left: 50%;
    width: min(170vw, 720px);
    height: 68%;
    object-position: center bottom;
    transform: translateX(-50%);
  }
}

@media (max-width: 320px) {
  .hero-copy .kicker {
    margin-top: 80px;
    font-size: 0.5rem;
    line-height: 1.25;
    letter-spacing: 0.035em;
  }

  .hero-copy .chinese-name {
    margin-top: 126px;
    font-size: 1.08rem;
  }

  .hero-copy h1 {
    margin-top: 154px;
    font-size: clamp(1.8rem, 14.5vw, 3rem);
  }

  .master-portrait {
    width: min(190vw, 600px);
    height: 70%;
  }
}