/* V63: conservative mobile Hero sizing for Safari/Chrome/Edge/Firefox */
@media (max-width: 620px) {
  .hero-experience .hero-copy-center,
  .hero-experience .hero h1 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .hero-experience .hero h1 .hero-title-line {
    width: auto !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  /* Keep each localized headline safely inside 320–430px mobile viewports. */
  body.lang-ja .hero-experience .hero h1 {
    font-size: clamp(18px, 6vw, 25px) !important;
    letter-spacing: -0.035em !important;
  }
  body.lang-ko .hero-experience .hero h1 {
    font-size: clamp(17px, 5.5vw, 24px) !important;
    letter-spacing: -0.035em !important;
  }
  body.lang-en .hero-experience .hero h1 {
    font-size: clamp(15px, 4.8vw, 21px) !important;
    letter-spacing: -0.045em !important;
  }
  body.lang-zh .hero-experience .hero h1 {
    font-size: clamp(18px, 5.9vw, 25px) !important;
    letter-spacing: -0.035em !important;
  }

  .hero-experience .hero h1 .hero-title-line.accent {
    margin-top: 8px !important;
  }
}

@media (max-width: 360px) {
  body.lang-ja .hero-experience .hero h1 { font-size: 18px !important; }
  body.lang-ko .hero-experience .hero h1 { font-size: 17px !important; }
  body.lang-en .hero-experience .hero h1 { font-size: 15px !important; }
  body.lang-zh .hero-experience .hero h1 { font-size: 18px !important; }
}