/* =========================================================
   pages.css — J's 髪質改善 FV個別
   ========================================================= */
.fv { position: relative; background: var(--bg); }
.fv__media { position: relative; aspect-ratio: 3 / 4.6; }
.fv__media img { width: 100%; height: 100%; object-fit: cover; object-position: 70% 30%; }

/* 下から沈める幕（上半分＝髪の艶を見せる） */
.fv__veil {
  position: absolute; inset: 0;
  background: linear-gradient(to bottom,
    rgba(30,24,21,.10) 0%, rgba(30,24,21,.05) 30%,
    rgba(30,24,21,.55) 46%, rgba(30,24,21,.94) 58%, rgba(30,24,21,1) 100%);
}
.fv__logo { position: absolute; left: var(--gut); top: 24px; z-index: 2; width: 58px; }
.fv__logo img { filter: brightness(0) invert(1); }

.fv__copy { position: absolute; left: var(--gut); right: var(--gut); bottom: 50px; max-width: 400px; }
.fv__label { display: block; margin-bottom: 14px; }
.fv__title {
  font-family: var(--ff-mincho); font-size: var(--fs-hero); font-weight: 600;
  line-height: 1.62; letter-spacing: .03em; color: var(--ink);
}
.fv__sub { margin-top: 14px; font-size: var(--fs-sm); font-weight: 500; color: var(--gold-lite); letter-spacing: .02em; line-height: 1.8; }
.fv__lead { margin-top: 14px; font-size: var(--fs-sm); line-height: 2; color: var(--ink-2); }
.fv__meta { position: absolute; left: var(--gut); bottom: 20px; font-family: var(--ff-en); font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); }

.fv__cta { padding: 22px var(--gut) 26px; background: var(--bg); }