/* Range showcase — NUE "Consoles" style scroll sequence, shared by PIXEL / SMARTIV / NEXUS / REVO */
.showcase{position:relative;background:#090a08;--sc-acc:var(--acc,var(--accent-light,#db9a6d))}
.sc-pin{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;display:grid;grid-template-columns:minmax(300px,.85fr) 1.3fr minmax(260px,.75fr);align-items:center;gap:3vw;padding:110px var(--g,var(--gutter,6vw)) 90px}
.sc-atmos{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 55% at 52% 52%,color-mix(in srgb,var(--sc-acc) 16%,transparent),transparent 70%)}
.sc-intro{position:relative;z-index:2}
.sc-intro .eyebrow{margin-bottom:26px}
.sc-intro h2{font-size:clamp(40px,min(4.6vw,9svh),88px);font-weight:350;letter-spacing:-.06em;line-height:1.02}
.sc-intro>p{margin-top:20px;color:#bdb9b0;font-size:16px;max-width:360px;line-height:1.6}
.sc-formats{margin-top:38px}
.sc-formats>span{display:block;font-size:12px;letter-spacing:.18em;color:#a6a49e;margin-bottom:14px}
.sc-formats div{display:flex;flex-wrap:wrap;gap:10px}
.sc-formats b{font-weight:500;font-size:14px;letter-spacing:.06em;min-width:64px;height:40px;padding:0 14px;display:grid;place-items:center;border:1px solid #ffffff2e;color:#a6a49e;transition:border-color .4s,color .4s,background .4s}
.sc-formats b.on{border-color:var(--sc-acc);color:#fff;background:color-mix(in srgb,var(--sc-acc) 18%,transparent)}
.sc-stage{position:relative;height:min(62svh,620px);display:grid;place-items:center}
.sc-rings{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.sc-rings i{position:absolute;border:1px solid #ffffff14;border-radius:50%;width:calc(var(--r) * 1%);aspect-ratio:1;transform:rotate(calc(var(--sp,0) * 40deg))}
.sc-rings i:nth-child(1){--r:46}.sc-rings i:nth-child(2){--r:70;border-style:dashed;border-color:#ffffff10}.sc-rings i:nth-child(3){--r:94}
.sc-item{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateY(60px) scale(.9);filter:blur(10px);transition:opacity .8s var(--ease,cubic-bezier(.2,.7,.2,1)),transform .9s var(--ease,cubic-bezier(.2,.7,.2,1)),filter .8s;pointer-events:none}
.sc-item.on{opacity:1;transform:none;filter:none}
.sc-item.past{transform:translateY(-60px) scale(.9)}
.sc-item img{max-width:min(100%,640px);max-height:78%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 40px 50px #000d)}
.sc-num{position:absolute;right:4%;bottom:4%;font-size:clamp(70px,8vw,150px);font-weight:200;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px #ffffff26;line-height:1}
.sc-meta{position:relative;z-index:2;min-height:240px}
.sc-meta article{position:absolute;inset:0 0 auto;opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s var(--ease,cubic-bezier(.2,.7,.2,1));pointer-events:none}
.sc-meta article.on{opacity:1;transform:none;pointer-events:auto}
.sc-meta .micro{font-size:13px;letter-spacing:.16em;color:var(--sc-acc)}
.sc-meta h3{font-size:clamp(30px,2.8vw,50px);font-weight:350;letter-spacing:-.04em;margin:12px 0 12px;line-height:1.05}
.sc-meta p{color:#bdb9b0;font-size:16px;line-height:1.6;margin:0}
.sc-tag{display:inline-flex;margin-top:18px;font-size:13px;letter-spacing:.12em;border:1px solid var(--sc-acc);color:#fff;padding:7px 14px}
.sc-ghost{position:absolute;right:-.06em;top:-.9em;font-size:clamp(60px,7vw,130px);font-weight:200;color:transparent;-webkit-text-stroke:1px #ffffff12;letter-spacing:.02em;white-space:nowrap;pointer-events:none}
.sc-foot{position:absolute;left:var(--g,var(--gutter,6vw));right:var(--g,var(--gutter,6vw));bottom:26px;display:flex;align-items:center;gap:30px;font-size:12px;letter-spacing:.18em;color:#a6a49e;z-index:3}
.sc-foot>span:first-child{color:var(--sc-acc)}
.sc-bar{flex:1;height:1px;background:#ffffff1f;position:relative}
.sc-bar i{position:absolute;inset:0 auto 0 0;width:0;background:var(--sc-acc)}
.sc-dots{display:flex;gap:6px}
.sc-dots button{width:22px;height:30px;min-height:0;position:relative;padding:0;background:none;border:0;cursor:pointer}
.sc-dots button:after{content:'';position:absolute;left:0;right:0;top:50%;height:2px;background:#ffffff26;transition:background .3s}
.sc-dots button[aria-pressed=true]:after{background:var(--sc-acc)}
@media(max-width:1000px){
 .sc-pin{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:10px;padding:84px var(--g,var(--gutter,6vw)) 70px;align-items:start}
 .sc-intro h2{font-size:clamp(30px,8.5vw,46px)}
 .sc-intro>p{display:none}
 .sc-formats{margin-top:14px}.sc-formats>span{margin-bottom:8px;font-size:11px}.sc-formats b{height:32px;min-width:52px;font-size:12px}
 .sc-stage{height:auto;min-height:30svh}
 .sc-item img{max-height:92%}
 .sc-meta{min-height:150px}
 .sc-meta h3{font-size:28px;margin:6px 0}
 .sc-meta p{font-size:14px}
 .sc-ghost{display:none}
 .sc-dots{display:none}
 .sc-foot>span:last-child{display:none}
 .sc-foot>span{white-space:nowrap}
}