/* Design B · Noir — dark glass catalogue, tinted cards */
:root{--bg:#0b0b0b;--introbg:#0b0b0b;--card:#151414;--ink:#EDEAE4;--mut:#8f8b84;--body:#bdb8af;--line:#242220;--line2:#3a3734;--acc:#D2A679;--navbg:rgba(14,13,13,.78);--ghost:#171615;--btn:#D2A679;--btntxt:#21170c;--hover:#141312;--chip:#252322;--r:26px}
body{background:radial-gradient(60% 50% at 20% 0%,rgba(74,90,150,.28),transparent 70%),radial-gradient(50% 45% at 80% 0%,rgba(150,105,80,.25),transparent 70%),#0b0b0b;background-attachment:fixed}
.plate{border-radius:26px;background:radial-gradient(85% 75% at 50% 38%,var(--tint) 0%,color-mix(in srgb,var(--tint) 35%,#0c0c0c) 55%,#0b0b0b 100%);border:1px solid #1f1e1d}
.plate img{height:62%;transform:rotate(-10deg);filter:drop-shadow(0 18px 22px rgba(0,0,0,.65))}
.item:hover .plate img{transform:translateY(-8px) rotate(-3deg) scale(1.05)}
.halo{inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 65%)}
.floor{display:none}
.cap{padding:14px 6px 0}
.item:hover .plate{border-color:#3a3632}

/* chips */
.opt{padding:9px 16px;border-radius:99px;background:var(--chip);border:0;color:#cfcac0}
.opt.on{background:var(--acc);color:#21170c}
.dot{width:34px;height:34px;border:3px solid #252322;outline:0}
.dot.on{border-color:var(--ink)}
.pill{display:inline-flex;height:32px;padding:0 14px;border-radius:99px;background:var(--chip);font-size:11px;font-weight:600;letter-spacing:.06em;align-items:center}
.nav .end .wa{height:32px;padding:0 14px;border-radius:99px;background:var(--acc);color:#21170c;display:inline-flex;align-items:center}
.bar{border-radius:0}

/* home hero */
.nhero{position:relative;min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:4vw;padding:110px var(--g) 6vh;overflow:hidden}
.nhero h1{font-weight:400;font-size:clamp(46px,7vw,112px);line-height:.92;letter-spacing:-.02em;text-transform:uppercase}
.nhero h1 em{font-style:normal;color:var(--acc)}
.nhero p{margin:24px 0 34px;font-size:17px;line-height:1.7;color:var(--body);max-width:460px}
.nhero .cta2{display:flex;gap:12px;flex-wrap:wrap}
.nhero .btn{padding:0 28px}
.spot{position:relative;height:min(76vh,700px);border-radius:36px;overflow:hidden;background:#0b0b0b}
.spot canvas{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:radial-gradient(60% 60% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(60% 60% at 50% 50%,#000 55%,transparent 100%)}
.spot .tag{position:absolute;left:24px;bottom:22px;font-size:11px;letter-spacing:.14em;color:var(--mut)}
.spot .tag b{display:block;font-size:14px;color:var(--ink);letter-spacing:.06em;margin-top:4px}
@media(max-width:900px){.nhero{grid-template-columns:1fr;padding-top:120px}.spot{height:90vw}}
.home-rows{padding:2vh var(--g) 8vh}
.chips{display:flex;gap:10px;flex-wrap:wrap;padding:0 var(--g)}
.chips a{padding:10px 18px;border-radius:99px;background:var(--chip);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.chips a:hover{background:var(--acc);color:#21170c}

/* product */
.stagep{border-radius:36px;background:radial-gradient(70% 70% at 50% 42%,var(--tint),#0b0b0b 78%);border:1px solid #1f1e1d}
.stagep .halo{inset:16%}
.stagep img{filter:drop-shadow(0 26px 26px rgba(0,0,0,.6))}
.btn.sec{background:var(--chip);border-color:transparent}
.band .plate{border-radius:36px}
.tile{display:none}

@media(max-width:860px){.nav .end .wa,.pill{display:none}}