/* NOVENZIA refined: 大人向けの落ち着いた配色・細い罫線・文字演出・シーン別の背景切り替え (追加スタイルのみ。文言・構成は変更なし) */
body nv-atelier.nva{
--nva-paper:#f7f3ec;--nva-ink:#1f2f27;--nva-mute:#5b665e;--nva-line:#ddd5c6;
--a-pop:#2f4a3e;--a-clay:#a56b4a;--a-sand:#e9e1d1;--a-sage:#d5ddd0;--a-stone:#e2dcd6;--a-ivory:#f4efe5;

/* ---- 文字の演出 ---- */
.nva-kicker{color:var(--a-clay);letter-spacing:.24em;font-weight:400}
.nva-kicker::before{content:"";display:inline-block;width:28px;height:1px;margin-right:14px;vertical-align:middle;background:currentColor;opacity:.7}
.nva-dot{display:none}
.nva-hero-copy h1,.nva-hero-next h2,.nva-manifesto h2,.nva-brand-heading h2{background:linear-gradient(100deg,#1f2f27 30%,#8a5f43 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.nva-title::after,.nva-feature-copy h2::after,.nva-brand-heading h2::after{content:"";display:block;width:44px;height:1px;margin-top:24px;background:var(--a-clay);-webkit-text-fill-color:initial}
.nva-link{border-bottom:1px solid #b9ae98;transition:border-color .3s,gap .3s}
.nva-link:hover{border-bottom-color:var(--a-clay);gap:26px}
&.nva-ready [data-reveal]{transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity 1.1s ease,filter 1.1s ease}
&.nva-ready [data-reveal].nva-waiting{opacity:0;transform:translateY(30px);filter:blur(5px)}

/* ---- ヒーロー ---- */
.nva-hero-surface{background:radial-gradient(ellipse at 76% 30%,#fcf9f2 0,transparent 55%),linear-gradient(125deg,#ece5d8,#dde4d6);border-radius:18px}
.nva-orbit{border:1px solid #ffffffb0}
.nva-hero-word{color:#ffffff9e}
.nva--hero .nva-hero-copy h1::before{content:"ひとり暮らしに、ちょうどいい";display:block;font-size:12px;font-weight:400;letter-spacing:.22em;line-height:1.8;margin-bottom:22px;color:var(--a-clay);-webkit-text-fill-color:var(--a-clay)}
.nva-hero-bottom{color:#55655a}

/* ---- ボタン ---- */
.nva-button{background:var(--a-pop);color:var(--a-ivory)!important;border:1px solid var(--a-pop);box-shadow:none;letter-spacing:.08em}
.nva-button:hover{background:#1f3329;transform:translateY(-2px);box-shadow:0 10px 24px #1f2f2724}
.nva-button>span{transition:transform .3s}
.nva-button:hover>span{transform:translateX(4px)}
.nva-button--light{background:var(--a-ivory);color:var(--nva-ink)!important;border-color:var(--a-ivory)}
.nva-button--light:hover{background:#fff}
.nva-round-arrow{border:1px solid #8f9d88;background:transparent}

/* ---- マニフェスト / 帯 ---- */
.nva-monogram{color:var(--a-clay)}
.nva-ribbon{background:var(--a-pop);border:0;color:#e9e1d1}
.nva-ribbon span{font-size:15px;letter-spacing:.34em}
.nva-ribbon i{color:#c9a27f;font-size:16px}

/* ---- 商品ストーリー ---- */
.nva-feature{position:relative}
.nva-feature+.nva-feature{border-top:1px solid var(--nva-line)}
.nva-feature-visual{background:var(--a-sand);border-radius:20px}
.nva-feature--2 .nva-feature-visual{background:var(--a-sage)}
.nva-feature--3 .nva-feature-visual{background:var(--a-stone)}
.nva-product-orbit{border:1px solid #ffffff99}
.nva-big-number{color:#ffffff99}
.nva-feature-copy>.nva-kicker>span{color:var(--a-clay)}
.nva-detail{border-left:1px solid var(--a-clay);color:#56655a}
.nva-feature-purchase{border-top:1px solid var(--nva-line)}
.nva-visual-switch{background:#ffffffd9;border:1px solid #ffffff}

/* ---- ルックブック / カテゴリ ---- */
.nva-scenes-heading{border-top:1px solid var(--nva-line);margin-top:20px}
.nva-lookbook{background:#1f2f27}
.nva-scene-copy h3{letter-spacing:.03em}
.nva-scene-copy>.nva-kicker{color:#d8c7a9}
.nva-search>div{background:#fff;border:1px solid var(--nva-line)}
.nva-search button{border-left:1px solid var(--nva-line)}
.nva-category{border:1px solid var(--nva-line);border-radius:4px;background:var(--a-sand);box-shadow:none;transition:background .3s,transform .3s}
.nva-category:nth-child(3n+2){background:var(--a-sage)}
.nva-category:nth-child(3n){background:var(--a-stone)}
.nva-category:hover{background:#fff;transform:translateY(-3px)}
.nva-category>span:last-child{color:var(--a-clay);transition:transform .3s}
.nva-category:hover>span:last-child{transform:translate(3px,-3px)}

/* ---- ブランド / ご案内 / 締め (背景をシーンごとに切り替え) ---- */
&.nva--brand{--nva-paper:#efe8da;--nva-line:#cfc5b1;background:#efe8da}
.nva-principle>span{color:var(--a-clay)}
.nva-principle{border-top:1px solid var(--nva-line)}
.nva-faq details[open]{background:#f7f3ec}
.nva-closing{background:var(--a-pop)}
.nva-closing .nva-kicker{color:#d8c7a9}
.nva-closing h2{color:var(--a-ivory)}
.nva-closing .nva-button{background:var(--a-ivory);color:var(--nva-ink)!important;border-color:var(--a-ivory)}
.nva-closing .nva-button:hover{background:#fff}
.nva-closing-orbit,.nva-closing-orbit:after{border-color:#ffffff1f}

/* ---- 動きを止める設定 ---- */
&.nva-motion-off [data-reveal]{filter:none!important}
@media(prefers-reduced-motion:reduce){[data-reveal]{filter:none!important}}

/* ---- スマホ ---- */
@media(max-width:760px){
.nva-kicker::before{width:20px;margin-right:10px}
.nva--hero .nva-hero-copy h1::before{font-size:10px;margin-bottom:16px}
.nva-hero-surface{border-radius:14px}
.nva-feature-visual{border-radius:14px}
.nva-ribbon span{font-size:12px}
.nva-title::after,.nva-feature-copy h2::after,.nva-brand-heading h2::after{margin-top:18px;width:36px}
}
}