.nb-villain{position:relative;height:auto;background:#050c09;color:#fff;scroll-margin-top:76px;font-family:'Pretendard','Newborn Sans',sans-serif}.nb-villain *{box-sizing:border-box}.villain-stage{position:relative;overflow:hidden;isolation:isolate;min-height:760px;padding:90px 6vw}.villain-art{position:absolute;inset:-15%;z-index:-2;background:url('/products/villain-background.jpg') center 54%/cover no-repeat;opacity:.55;transform:scale(1.05)}.villain-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#020805c9,#02080522 65%,#02080566)}.villain-intro{text-align:center}.villain-intro p{font-size:16px;font-weight:700;letter-spacing:.04em;color:#e2f3e9;margin:0 0 22px}.villain-intro h2{margin:0 auto;width:min(800px,85vw);line-height:1}.villain-intro h2 img{display:block;width:100%;height:auto}.villain-intro .villain-sub{margin:24px 0 50px;font-size:18px;letter-spacing:0}.villain-reveal{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;max-width:1080px;margin:auto}.villain-cover{width:auto;max-width:100%;height:480px;object-fit:contain;justify-self:center;filter:drop-shadow(0 30px 35px #0009)}.villain-copy{text-align:left}.villain-edition{font-size:14px;color:#99c8b0;font-weight:700}.villain-copy h3{font-size:clamp(30px,3.5vw,52px);line-height:1.3;letter-spacing:-.045em;font-weight:700;margin:22px 0}.villain-copy p{font-size:18px;line-height:1.8;color:#c1d2c7;margin:0}.villain-copy ol{padding:0;margin:30px 0;list-style:none}.villain-copy li{font-size:16px;padding:13px 0;border-bottom:1px solid #ffffff26;color:#e6efe9}.villain-copy li span{font-size:13px;color:#8db69f;margin-right:20px}.villain-status{display:inline-block;font-size:14px;font-weight:500;color:#aecdbb}.villain-controls{position:absolute;bottom:20px;left:6vw;right:6vw;display:flex;justify-content:space-between;align-items:center;gap:16px}.villain-controls>span{font-size:12px;letter-spacing:.08em;color:#bfd4c7}.villain-controls button{background:#04100999;border:1px solid #ffffff55;border-radius:0;padding:10px 14px;min-height:44px;font-size:14px;color:#fff;cursor:pointer}.villain-controls button:focus-visible{outline:2px solid #fff;outline-offset:4px}.villain-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#8ad7a5;transform:scaleX(var(--vp,0));transform-origin:left}.villain-motion{height:240svh}.villain-motion .villain-stage{position:sticky;top:0;height:100svh;min-height:650px;padding:0}.villain-motion .villain-intro{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:var(--intro,1);transform:translateY(var(--iy,0px))}.villain-motion .villain-intro .villain-sub{margin-bottom:0}.villain-motion .villain-reveal{position:absolute;inset:80px 6vw;opacity:var(--reveal,0);transform:translateY(var(--ry,50px));pointer-events:none}.villain-motion .villain-cover{height:min(66svh,570px);transform:perspective(1100px) rotateY(var(--turn,-18deg))}.villain-motion .villain-art{transform:scale(var(--zoom,1.05)) translateY(var(--pan,0%));opacity:var(--art,.65);will-change:transform}.nb-product-card[data-product-id="villain-2028-science"] .nb-card-visual{background:#081c12;padding:32px;aspect-ratio:1;height:auto}.nb-product-card[data-product-id="villain-2028-science"] .nb-card-visual img{width:auto;height:100%;max-width:100%;object-fit:contain}
@media(max-width:700px){.villain-stage{padding:60px 24px 95px}.villain-reveal{grid-template-columns:1fr;gap:26px}.villain-cover{height:300px}.villain-copy h3{font-size:28px;margin:12px 0}.villain-copy p{font-size:16px}.villain-copy ol{margin:18px 0}.villain-copy li{font-size:14px;padding:10px 0}.villain-motion{height:220svh}.villain-motion .villain-stage{min-height:780px}.villain-motion .villain-reveal{inset:55px 24px 85px;gap:24px;align-content:center;max-width:440px}.villain-motion .villain-cover{height:30svh;max-height:290px}.villain-copy{width:100%}.villain-intro .villain-sub{font-size:16px}.villain-controls{left:24px;right:24px}.villain-controls>span{max-width:150px;line-height:1.5}.villain-intro p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.nb-villain{scroll-behavior:auto}.villain-art{transform:none!important}}

/* Cover-only reveal */
.nb-villain .villain-reveal{grid-template-columns:1fr;justify-items:center;gap:0}.nb-villain .villain-cover{height:min(68svh,620px);max-width:80vw}.nb-villain .villain-intro{margin-bottom:40px}.villain-motion .villain-intro{margin-bottom:0}@media(max-width:700px){.villain-motion .villain-stage{min-height:540px}.villain-motion .villain-reveal{inset:60px 24px 85px;max-width:none}.nb-villain .villain-cover{height:min(66svh,560px)}.nb-villain .villain-stage{min-height:540px}}

.villain-buy{position:absolute;z-index:8;left:50%;bottom:90px;transform:translateX(-50%);padding:15px 28px;background:#fff;color:#0c3026;border-radius:2px;font-size:16px;font-weight:700;text-decoration:none;white-space:nowrap}.villain-buy:focus-visible{outline:3px solid #74f5b1;outline-offset:5px}