/* =========================================================
   pages.css — J's 髪質改善 集客LP FV個別（生成り版）
   見本のワイドFV（左コピー＋右モデル）を縦列に翻訳：
   モデル写真を上に、コピーを生成り地の下ブロックに置く二段構え。
   ========================================================= */
.fv { position: relative; background: var(--bg); }

/* 上：モデル写真（焼き込みテキストを避けて右寄せクロップ） */
.fv__media { position: relative; aspect-ratio: 3 / 3.5; overflow: hidden; }
.fv__media img { width: 100%; height: 100%; object-fit: cover; object-position: 82% 20%; }
/* 下端を生成りへ溶かす幕（純黒でなく地色＝暖色で統一） */
.fv__veil {
  position: absolute; inset: 0;
  background: linear-gradient(to bottom,
    rgba(251,249,247,0) 52%, rgba(251,249,247,.55) 74%, rgba(251,249,247,.96) 92%, rgba(251,249,247,1) 100%);
}
.fv__logo { position: absolute; left: var(--gut); top: 22px; z-index: 2; width: 62px; }
.fv__brandline { position: absolute; left: calc(var(--gut) + 74px); top: 30px; z-index: 2; font-family: var(--ff-en); font-size: 11px; letter-spacing: .16em; color: var(--ink); }
.fv__brandline span { display: block; font-family: var(--ff-ja); font-size: 10.5px; letter-spacing: .1em; color: var(--ink-2); }

/* 下：コピーブロック（生成り地・読ませる） */
.fv__body { position: relative; z-index: 2; padding: 4px var(--gut) 0; margin-top: -6px; }
.fv__kicker { justify-content: flex-start; margin-bottom: 16px; }
.fv__title {
  font-family: var(--ff-mincho); font-size: var(--fs-hero); font-weight: 600;
  line-height: 1.5; letter-spacing: .04em; color: var(--ink);
}
.fv__title em { font-style: normal; color: var(--gold-deep); }   /* アクセント語（読ませる＝AA合格の濃金 5.76:1）*/
.fv__sub { margin-top: 16px; font-size: var(--fs-body); font-weight: 500; color: var(--mocha-deep); letter-spacing: .02em; line-height: 1.8; }
.fv__lead { margin-top: 14px; font-size: var(--fs-sm); line-height: 2.05; color: var(--ink-2); }

.fv__cta { padding: 24px var(--gut) 0; }

/* 右翼のモデル写真も焼き込み文字（左側の "For you in the future."）を
   クロップで除外＝右寄せ表示（FVと同手法）。顔は残す。 */
.wing--r .wing__img { object-position: 70% 26%; }