/* V346 — localized hero messaging and kicker treatment.
   Keeps one semantic H1 with two intentional title lines and a localized
   announcement kicker. Desktop lines stay intact; tablet/mobile may wrap
   naturally inside each line where needed. */

.jp-hero-redesign .jp-hero-copy{
  text-align:center!important;
}
.jp-hero-redesign .jp-hero-kicker{
  margin:0 0 18px!important;
  color:#2563eb!important;
  -webkit-text-fill-color:#2563eb!important;
  font-family:Inter,"Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Arabic",sans-serif;
  font-size:22px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:-.02em;
  text-align:center;
}
.jp-hero-redesign .jp-hero-copy h1{
  margin-bottom:0!important;
}

@media (min-width:1180px){
  .jp-hero-redesign .jp-hero-kicker{
    font-size:clamp(20px,1.55vw,25px)!important;
    margin-bottom:20px!important;
  }
  html[lang="ja-JP"] .jp-hero-redesign .jp-hero-copy h1,
  html[lang="zh-CN"] .jp-hero-redesign .jp-hero-copy h1{
    font-size:clamp(58px,4.75vw,74px)!important;
  }
  html[lang="ko-KR"] .jp-hero-redesign .jp-hero-copy h1{
    font-size:clamp(48px,3.95vw,64px)!important;
  }
  html[lang="en"] .jp-hero-redesign .jp-hero-copy h1{
    font-size:clamp(48px,4vw,64px)!important;
  }
  html[lang="de"] .jp-hero-redesign .jp-hero-copy h1{
    font-size:clamp(42px,3.45vw,56px)!important;
  }
  html[lang="fr"] .jp-hero-redesign .jp-hero-copy h1,
  html[lang="es"] .jp-hero-redesign .jp-hero-copy h1,
  html[lang="pt-BR"] .jp-hero-redesign .jp-hero-copy h1,
  html[lang="tr"] .jp-hero-redesign .jp-hero-copy h1{
    font-size:clamp(45px,3.75vw,60px)!important;
  }
  html[lang="ru"] .jp-hero-redesign .jp-hero-copy h1{
    font-size:clamp(43px,3.55vw,57px)!important;
  }
  html[lang="th"] .jp-hero-redesign .jp-hero-copy h1,
  html[lang="ar"] .jp-hero-redesign .jp-hero-copy h1{
    font-size:clamp(46px,3.8vw,61px)!important;
  }
}

@media (max-width:1179px){
  .jp-hero-redesign .jp-hero-kicker{
    margin-bottom:14px!important;
    font-size:20px!important;
  }
  .jp-hero-redesign .jp-hero-title-line{
    white-space:normal!important;
    text-wrap:balance;
  }
}

@media (max-width:767px){
  .jp-hero-redesign .jp-hero-kicker{
    margin-bottom:10px!important;
    font-size:17px!important;
  }
  .jp-hero-redesign .jp-hero-copy h1{
    font-size:clamp(34px,9.2vw,42px)!important;
    line-height:1.12!important;
  }
  html[lang="th"] .jp-hero-redesign .jp-hero-copy h1,
  html[lang="ar"] .jp-hero-redesign .jp-hero-copy h1{
    line-height:1.2!important;
  }
}