/* index（LP）固有 */
.hero{padding:clamp(64px,14vw,128px) 0 clamp(56px,10vw,96px)}
.kicker{margin-bottom:28px}
.wordmark{font-family:var(--serif);font-weight:500;font-size:clamp(2.4rem,9vw,3.6rem);line-height:1.08;letter-spacing:.04em;color:var(--ivory);margin-bottom:24px}
.tagline{font-family:var(--jserif);font-size:clamp(15px,2.4vw,19px);letter-spacing:.05em;margin-bottom:16px}
.note{font-size:13px;color:var(--muted);line-height:1.95;max-width:460px;margin:0 auto 38px}
.cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero .btn-gold{padding:13px 30px;font-size:13px}
.hero .btn-ghost{padding:10px 22px;font-size:13px}

.concept{max-width:600px;margin:0 auto;text-align:center;padding:clamp(44px,8vw,72px) 0;font-family:var(--jserif);font-size:clamp(15px,2.3vw,17px);line-height:2.1;color:var(--ivory)}

.fade{opacity:0;transform:translateY(14px);animation:rise .9s ease forwards}
.fade.d1{animation-delay:.05s}.fade.d2{animation-delay:.18s}.fade.d3{animation-delay:.31s}.fade.d4{animation-delay:.44s}
@keyframes rise{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.fade{animation:none;opacity:1;transform:none}}

@media(max-width:680px){.nav .btn-ghost{display:none}}