/* =====================================================================
   en.css — English-only typography & layout overrides for /en/ pages
   ---------------------------------------------------------------------
   Loaded AFTER each page's main stylesheet, only on English pages.
   Latin text needs different metrics than Japanese (CJK): tighter
   line-height, near-zero tracking, the brand Latin serif for display
   headings, and none of the JA-specific layout shifts.
   Do NOT load this file on Japanese pages.
   ===================================================================== */

/* ---- Hero (top page) ----------------------------------------------
   index.css shifts .hero .wrap left by 30% so the short Japanese
   headline sits beside the ring photo. Long English headlines overflow
   the viewport with that shift, so it is removed here. */
.hero .wrap{transform:none}
.hero .ey{letter-spacing:.38em;font-size:13px}
.hero h1{font-family:"Cormorant Garamond",serif;font-weight:600;
  font-size:clamp(38px,5.6vw,70px);line-height:1.08;letter-spacing:.005em;margin-bottom:24px}
.hero p.lead{max-width:560px;font-size:16.5px;line-height:1.8}

/* ---- Display headings: Zen Old Mincho (CJK) -> brand Latin serif ---- */
.subhero h1,.h-sec,.final h2,.intro .big,.origin .box h3{
  font-family:"Cormorant Garamond",serif;letter-spacing:.01em}
.subhero h1{font-weight:600;line-height:1.12}
.h-sec{font-weight:600;line-height:1.2}
.final h2{font-weight:600;line-height:1.25}
.intro .big{font-weight:500;line-height:1.4;letter-spacing:0}
.origin .box h3{font-weight:600}
.detail-info .jpname{font-family:"Cormorant Garamond",serif;font-size:12.5px;
  letter-spacing:.22em;text-transform:uppercase}

/* ---- Running text: English tracking / leading ---- */
body{font-feature-settings:normal}
p,li,dd,dt,td,th,.lead,.a{letter-spacing:0}
.lead{line-height:1.85}

/* ---- Safety nets: long English words / URLs never overflow ---- */
h1,h2,h3{text-wrap:balance;overflow-wrap:anywhere}
td,.a,p{overflow-wrap:anywhere}

/* ---- Mobile ---- */
@media(max-width:640px){
  .hero .wrap{transform:none}
  .hero h1{font-size:clamp(34px,9.5vw,46px);line-height:1.1}
}