/* English homepage hero layout and local typeface. */
@font-face{font-family:"Inter Home";src:url("./assets/fonts/inter/InterVariable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
html[lang="en"] .home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(24px,4.4vw,48px);padding-block:45px 50px;font-family:"Inter Home","Inter","Noto Sans SC","Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;font-optical-sizing:auto}
html[lang="en"] .home-hero .chapter{font-size:13px;font-weight:400;line-height:1.5;letter-spacing:.01em;margin-bottom:18px}
html[lang="en"] .home-hero h1{font-size:clamp(33px,4.4vw,50px);font-weight:550;line-height:1.12;letter-spacing:-.028em;text-wrap:balance}
html[lang="en"] .home-hero .home-title-intro,html[lang="en"] .home-hero .home-title-subject{display:block}
html[lang="en"] .home-hero .home-title-term,html[lang="en"] .home-hero .home-lead-phrase{white-space:nowrap}
html[lang="en"] .home-hero .page-lead{font-size:16px;font-weight:400;line-height:1.7;max-width:42ch;margin-top:19px;text-wrap:pretty}
html[lang="en"] .home-hero .hero-actions{margin-top:24px}
html[lang="en"] .home-hero .home-visual img{height:auto;aspect-ratio:1600 / 1067;object-fit:contain}
@media(max-width:700px){
  html[lang="en"] .home-hero{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:25px 32px}
  html[lang="en"] .home-hero .chapter{font-size:12px;margin-bottom:12px}
  html[lang="en"] .home-hero h1{font-size:clamp(27px,8.1vw,35px);line-height:1.14}
  html[lang="en"] .home-hero .page-lead{font-size:15px;margin-top:13px}
  html[lang="en"] .home-hero .hero-actions{margin-top:13px}
}