/* ============================================================
   MAROKE Theme — en.css  (v6.0.0 "English Edition")
   英語版ページ（body.maroke-en）のみ読み込まれる欧文タイポグラフィ。

   日本語版は見出しに明朝（Shippori Mincho B1）＋広い字送りを使うが、
   欧文では字送りが空きすぎて可読性が落ちるため、
   見出しは Marcellus、本文は行間1.8に調整している。
   ============================================================ */

.maroke-en{font-size:16px;line-height:1.8}

/* ---- 見出し（明朝 → Marcellus） ---- */
.maroke-en .section-title,
.maroke-en .about-name,
.maroke-en .page-hero-title{
  font-family:var(--font-en);font-weight:400;
  letter-spacing:.04em;text-indent:0;line-height:1.24;
}
.maroke-en .section-title{font-size:clamp(31px,4.4vw,52px)}
.maroke-en .about-name{font-size:clamp(30px,3.8vw,46px);letter-spacing:.05em}
.maroke-en .about-name-en{letter-spacing:.24em;text-transform:none}
.maroke-en .section-desc{
  font-size:15px;line-height:1.85;max-width:62ch;margin-left:auto;margin-right:auto;
}

/* ---- ヒーロー ---- */
/* 日本語版で明朝のサブ見出しが入る位置。欧文では見出しが二重になるため、
   モノスペースのクレジット行として扱う。 */
.maroke-en .hero-title .ja{
  font-family:var(--font-mono);font-weight:400;
  font-size:clamp(10px,1.15vw,12.5px);letter-spacing:.36em;text-indent:.36em;
  text-transform:uppercase;color:rgba(255,255,255,.82);
  margin-top:clamp(22px,3vh,32px);
}
.maroke-en .hero-title em{font-style:italic}

/* ---- ギャラリー ---- */
.maroke-en .mosaic-city{letter-spacing:.02em}

/* ---- プロフィール本文 ---- */
.maroke-en .about-text p{line-height:1.9;margin-bottom:1.5em}
.maroke-en .about-text .quote{
  font-family:var(--font-en);font-weight:400;
  font-size:clamp(17.5px,2.1vw,21px);letter-spacing:.01em;line-height:1.55;
}
.maroke-en .about-text strong{font-weight:700;color:var(--ink)}
.maroke-en .fact-value{font-weight:600;font-size:15px}

/* ---- ボタン・フッター ---- */
.maroke-en .btn{letter-spacing:.2em;text-indent:.2em}
.maroke-en .footer-copy{letter-spacing:.1em}
.maroke-en .album-modal-desc{display:none} /* 英語版はアルバム説明文なし */