/* pages.css — Dityca MEN'S FV個別 */
.fv { position: relative; background: var(--paper); }
.fv__media { position: relative; aspect-ratio: 3 / 4.8; }
.fv__media img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 18%; }
.fv__veil { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(246,243,239,.05) 0%, rgba(246,243,239,.02) 32%, rgba(246,243,239,.55) 46%, rgba(246,243,239,.96) 58%, rgba(246,243,239,1) 100%); }
.fv__mark { position: absolute; left: var(--gut); top: 24px; z-index: 2; font-family: var(--ff-mincho); font-size: 26px; letter-spacing: .04em; color: var(--ink); }
.fv__mark small { display: block; font-family: var(--ff-en); font-size: 9px; letter-spacing: .26em; text-transform: uppercase; color: var(--accent-deep); margin-top: 3px; }
.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: 500; line-height: 1.6; letter-spacing: .04em; color: var(--ink); }
.fv__sub { 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: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--accent-deep); }
.fv__cta { padding: 22px var(--gut) 26px; background: var(--paper); }