:root{--acct:#08834f;--bg:#ffffff;--s1:#ffffff;--s2:#f4f4f5;--s3:#e4e4e7;--line:#e4e4e7;--text:#0a0a0b;--text2:#3f3f46;--muted:#52525b;--dim:#71717a;--field:#ffffff;--ghost:rgba(10,10,11,.28);
--acc:#3ee6a0;--acc2:#2fcf8b;--ink:#04140d;--violet:#5b2a9e;--sale:#e5383b;--warn:#c27c0e;
--r:14px;--r2:22px;--shadow:0 12px 32px rgba(10,10,11,.12);--head:"Oswald",Impact,"Arial Narrow",sans-serif;--body:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--wrap:1320px}
/* The original Monthly Plug look: black header, footer and feature bands; white shopping sections. */
.hdr,.ftr,.hero,.usp,.boxfeat,.marquee,.sticky-buy,.shop-head.has-art,.ap-hero,.boxbanner,.news,#menu .drawer-panel,.dk{--acct:#3ee6a0;--bg:#0a0a0b;--s1:#121315;--s2:#1a1c1f;--s3:#24272b;--line:#2a2d31;--text:#f4f4f5;--text2:#d4d4d8;--muted:#a1a1aa;--dim:#8b8b94;--field:#0b0c0d;--ghost:rgba(255,255,255,.35);--shadow:0 10px 30px rgba(0,0,0,.45);--warn:#f5b84b;color:var(--text)}
.usp,.marquee{background:#0a0a0b}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.55 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3,h4{font-family:var(--head);font-weight:700;letter-spacing:.01em;line-height:1.08;margin:0;text-transform:uppercase}
p{margin:0}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--acc);color:var(--ink);padding:8px 14px;border-radius:8px;z-index:99}.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:999px;border:0;font:700 15px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;transition:transform .15s,background .15s,box-shadow .15s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-acc{background:var(--acc);color:var(--ink);box-shadow:0 8px 24px rgba(62,230,160,.25)}.btn-acc:hover{background:#5df0b4}
.btn-ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--ghost)}.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--text)}
.btn-dark{background:var(--text);color:var(--bg)}.btn-dark:hover{opacity:.86}
.btn-block{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn-sm{height:40px;padding:0 18px;font-size:13px}
.tag{display:inline-block;padding:4px 10px;border-radius:999px;font:700 11px/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase;background:var(--s3);color:var(--text)}
.tag-acc{background:var(--acc);color:var(--ink)}.tag-sale{background:var(--sale);color:#fff}.tag-out{background:#3a3d42;color:#e4e4e7}
.eyebrow{font:700 12px/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--acct)}
/* announcement + header */
.announce{background:var(--acc);color:var(--ink);font:700 13px/1 var(--body);letter-spacing:.04em;text-align:center;padding:10px 14px}
.announce a{text-decoration:underline;text-underline-offset:3px}
.hdr{position:sticky;top:0;z-index:40;background:rgba(10,10,11,.96);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.hdr-row{display:flex;align-items:center;gap:18px;height:72px}
.logo{display:inline-flex;align-items:center;gap:10px}.logo img{height:44px;width:44px;object-fit:cover;border-radius:10px}
.wordmark{font:700 22px/1 var(--head);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.wordmark b{color:var(--acct)}
@media (max-width:420px){.wordmark{font-size:18px}}
.search{flex:1;max-width:560px;position:relative}
.search input{width:100%;height:44px;border-radius:999px;border:1px solid var(--line);background:var(--s1);color:var(--text);padding:0 18px 0 44px;font:inherit}
.search input::placeholder{color:var(--dim)}.search svg{position:absolute;left:15px;top:12px;width:20px;height:20px;color:var(--dim)}
.hdr-icons{display:flex;align-items:center;gap:6px;margin-left:auto}
.icon-btn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:999px;background:transparent;border:0}
.icon-btn:hover{background:var(--s2)}.icon-btn svg{width:24px;height:24px}
.badge{position:absolute;top:4px;right:2px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--acc);color:var(--ink);font:800 11px/19px var(--body);text-align:center}
.nav{display:flex;justify-content:center;gap:4px;height:48px;align-items:center;border-top:1px solid var(--line)}
.nav a{padding:10px 14px;border-radius:999px;font:600 14px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--text2)}
.nav a:hover,.nav a[aria-current=page]{color:var(--text);background:var(--s2)}.nav a.hot{color:var(--acct)}
.menu-btn{display:none}
@media (max-width:900px){.nav,.search.desk{display:none}.menu-btn{display:inline-grid}.hdr-row{height:62px;gap:8px}.logo img{height:38px}}
.drawer{position:fixed;inset:0;z-index:60;display:none}.drawer.open{display:block}
.drawer-bg{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.drawer-panel{position:absolute;top:0;bottom:0;width:min(420px,92vw);background:var(--s1);display:flex;flex-direction:column;box-shadow:var(--shadow);animation:slideIn .22s ease-out}
.drawer-panel.right{right:0}.drawer-panel.left{left:0;animation-name:slideInL}
@keyframes slideIn{from{transform:translateX(100%)}to{transform:none}}@keyframes slideInL{from{transform:translateX(-100%)}to{transform:none}}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.drawer-body{flex:1;overflow:auto;padding:16px 20px}.drawer-foot{padding:18px 20px;border-top:1px solid var(--line);background:var(--s1)}
.mnav a{display:flex;justify-content:space-between;padding:15px 2px;border-bottom:1px solid var(--line);font:600 16px/1 var(--body);letter-spacing:.04em;text-transform:uppercase}
.mnav .search{margin:4px 0 14px;max-width:none}
/* hero */
.hero{position:relative;overflow:hidden;background:#000}
.hero{color:var(--text)}.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.slides::-webkit-scrollbar{display:none}
.slide{position:relative;flex:0 0 100%;scroll-snap-align:start;min-height:clamp(440px,62vw,680px);display:flex;align-items:center}
.slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.1) 100%)}
.slide .wrap{position:relative;z-index:1}
.hero-copy{max-width:600px;padding:40px 0}
.hero-copy h1,.hero-copy h2{font-size:clamp(40px,6.2vw,84px);margin:14px 0 18px}
.hero-copy h1 em,.hero-copy h2 em{font-style:normal;color:var(--acct)}
.hero-copy p{font-size:clamp(16px,1.6vw,19px);color:var(--text2);max-width:520px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:var(--text2);font-size:14px}
.hero-proof span{display:inline-flex;align-items:center;gap:8px}.hero-proof svg{width:18px;height:18px;color:var(--acct)}
.dots{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;gap:8px;z-index:2}
.dots button{width:28px;height:4px;border-radius:4px;border:0;background:rgba(255,255,255,.35);padding:0}.dots button[aria-current=true]{background:var(--acc)}
@media (max-width:700px){.slide::after{background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.6) 55%,rgba(0,0,0,.2) 100%)}.slide{align-items:flex-end}.hero-copy{padding:40px 0 64px}}
/* usp */
.usp{border-bottom:1px solid var(--line);background:var(--s1)}
.usp-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 0}
.usp-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text2)}.usp-item b{display:block;color:var(--text);font-size:14px}
.usp-item svg{flex:none;width:28px;height:28px;color:var(--acct)}
@media (max-width:900px){.usp-row{grid-template-columns:repeat(2,1fr);gap:14px}}
/* sections */
.sec{padding:72px 0}.sec-tight{padding:48px 0}
.sec-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
.sec-head h2{font-size:clamp(30px,4vw,48px)}.sec-head p{color:var(--muted);margin-top:8px;max-width:620px}
.link-more{font:700 13px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--acct);white-space:nowrap}
@media (max-width:700px){.sec{padding:52px 0}.sec-head{flex-direction:column;align-items:flex-start}}
/* category tiles */
.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.cat{position:relative;border-radius:var(--r);overflow:hidden;background:var(--s2);aspect-ratio:4/5;display:flex;align-items:flex-end;isolation:isolate}
.cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cat:hover img{transform:scale(1.06)}
.cat::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,0) 55%);z-index:0}
.cat span{position:relative;z-index:1;padding:14px;font:700 17px/1.1 var(--head);text-transform:uppercase;letter-spacing:.03em}
.cat small{display:block;font:500 12px/1.3 var(--body);color:var(--muted);text-transform:none;letter-spacing:0;margin-top:4px}
@media (max-width:1100px){.cats{grid-template-columns:repeat(4,1fr)}}@media (max-width:700px){.cats{grid-template-columns:repeat(2,1fr);gap:10px}}
/* product cards */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
.rail>*{scroll-snap-align:start}
@media (max-width:1100px){.rail{grid-auto-columns:calc((100% - 36px)/3)}}@media (max-width:700px){.rail{grid-auto-columns:72%;gap:10px}}
.card{position:relative;display:flex;flex-direction:column;background:var(--s1);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .2s,transform .2s}
.card:hover{border-color:#a1a1aa;transform:translateY(-2px);box-shadow:0 10px 24px rgba(10,10,11,.08)}
.card-img{position:relative;aspect-ratio:1;background:linear-gradient(160deg,#f7f7f8,#e9e9ec);overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:contain;padding:9%;mix-blend-mode:multiply;transition:opacity .3s,transform .4s}
.card:hover .card-img img:not(.alt){transform:scale(1.04)}
.card-img.photo{background:#111}.card-img.photo img{object-fit:cover;padding:0;mix-blend-mode:normal}
.card-img img.alt{position:absolute;inset:0;opacity:0}.card:hover .card-img img.alt{opacity:1}
.card-tags{position:absolute;top:10px;left:10px;display:flex;gap:6px;z-index:1}
.card-body{display:flex;flex-direction:column;gap:6px;padding:14px;flex:1}
.card-name{font:600 15px/1.35 var(--body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.price{display:flex;align-items:baseline;gap:8px;font:700 17px/1 var(--body)}.price s{color:var(--dim);font-weight:500;font-size:14px}.price .now-sale{color:var(--sale)}
.card .quick{margin-top:auto;padding-top:8px}
@media (max-width:700px){.card-body{padding:10px}.card-name{font-size:13.5px}.price{font-size:15px}.card .quick .btn{height:38px;font-size:12px;padding:0 10px}}
/* promo trio + deals */
.promo.plain{min-height:0;aspect-ratio:16/9}.promo.plain::after{display:none}.promo.plain img{object-fit:cover}
.hero-split{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;min-height:clamp(520px,60vw,660px);padding-top:40px;padding-bottom:40px}
.hero-split .hero-copy{padding:0}
.hero-visual{position:relative}
.hero-visual .boxart{border:0;background:radial-gradient(closest-side,rgba(62,230,160,.18),transparent);padding:0}
.floaters{position:absolute;inset:0;pointer-events:none}
.floater{position:absolute;width:30%;aspect-ratio:1;border-radius:18px;background:linear-gradient(160deg,#f7f7f8,#e6e6e9);box-shadow:0 18px 40px rgba(0,0,0,.55);overflow:hidden;border:3px solid #16181b}
.floater img{width:100%;height:100%;object-fit:contain;padding:10%;mix-blend-mode:multiply}
.floater:nth-child(1){left:-4%;top:2%;transform:rotate(-7deg)}.floater:nth-child(2){right:-2%;top:-4%;transform:rotate(6deg)}.floater:nth-child(3){right:4%;bottom:-6%;transform:rotate(-4deg);width:26%}
.slide-dark{background:radial-gradient(900px 500px at 75% 45%,rgba(62,230,160,.14),transparent 60%),linear-gradient(180deg,#0d0f11,#0a0a0b)}
.slide-dark::after{display:none}
@media (max-width:900px){.hero-split{grid-template-columns:1fr;gap:8px;padding-top:18px;padding-bottom:60px;min-height:0}.hero-visual{order:-1;max-width:210px;margin:0 auto;width:100%}.floater{width:27%;border-width:2px;border-radius:12px}.hero-split h1{font-size:38px;margin:10px 0 12px}.hero-split .eyebrow{display:none}.hero-split p{font-size:15.5px}.hero-split .hero-ctas{margin-top:18px}.hero-split .hero-proof{margin-top:16px;gap:10px 16px;font-size:13px}}
@media (max-width:700px){.announce .long{display:none}}
.boxbanner{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:24px;border-radius:var(--r2);padding:28px 32px;background:radial-gradient(600px 300px at 85% 50%,rgba(62,230,160,.18),transparent 70%),linear-gradient(120deg,#101214,#0b0c0d);border:1px solid var(--line);overflow:hidden}
.boxbanner h3{font-size:clamp(24px,3vw,36px);margin:8px 0 14px}
@media (max-width:700px){.boxbanner{grid-template-columns:1fr;padding:22px}.boxbanner .boxart-mini{max-width:220px}}
.promos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.promo{position:relative;border-radius:var(--r2);overflow:hidden;min-height:300px;display:flex;align-items:flex-end;isolation:isolate;background:var(--s2)}
.promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.promo:hover img{transform:scale(1.04)}
.promo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,0) 60%)}
.promo-copy{position:relative;z-index:1;padding:22px}.promo-copy h3{font-size:28px;margin:8px 0 12px}
@media (max-width:900px){.promos{grid-template-columns:1fr}.promo{min-height:240px}}
/* box feature */
.boxfeat{background:radial-gradient(1200px 500px at 70% 30%,rgba(62,230,160,.12),transparent 60%),var(--s1);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:28px}}
.boxart{position:relative;border-radius:var(--r2);background:radial-gradient(closest-side,rgba(62,230,160,.14),transparent),#0c0d0f;border:1px solid var(--line);padding:26px}
.boxart figcaption{position:absolute;bottom:12px;right:16px;font-size:11px;color:var(--dim)}
.stack{list-style:none;padding:0;margin:22px 0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.stack li{display:flex;justify-content:space-between;gap:14px;padding:13px 16px;border-bottom:1px solid var(--line);font-size:15px}
.stack li:last-child{border:0}.stack li span:first-child{display:flex;align-items:center;gap:10px}.stack li svg{width:18px;height:18px;color:var(--acct);flex:none}
.stack .v{color:var(--muted);font-variant-numeric:tabular-nums}
.stack .total{background:var(--s2);font-weight:700}.stack .you{background:rgba(62,230,160,.1);font-weight:800;color:var(--acct)}
.stack .you .v{color:var(--acct)}
.big-price{display:flex;align-items:baseline;gap:14px;margin:6px 0 4px}.big-price b{font:700 56px/1 var(--head)}.big-price s{color:var(--dim);font-size:22px}
.note{font-size:13px;color:var(--dim)}
/* creators */
.creators{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.creator{position:relative;border-radius:var(--r2);overflow:hidden;background:#000;aspect-ratio:9/12}
.creator video{width:100%;height:100%;object-fit:cover}
.creator .lbl{position:absolute;left:12px;bottom:12px;right:12px;display:flex;justify-content:space-between;align-items:center;font:700 13px/1 var(--body);text-transform:uppercase;letter-spacing:.06em;text-shadow:0 1px 8px #000}
.creator .play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:999px;background:rgba(0,0,0,.55);border:1.5px solid rgba(255,255,255,.6);display:grid;place-items:center}
.creator.playing .play{display:none}.creator .play svg{width:24px;height:24px;margin-left:3px}
@media (max-width:900px){.creators{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:70%;overflow-x:auto;scroll-snap-type:x mandatory}.creator{scroll-snap-align:start}}
/* steps, faq, trust */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}
.step{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:24px}.step::before{counter-increment:s;content:"0" counter(s);font:700 34px/1 var(--head);color:var(--acct);display:block;margin-bottom:12px}
.step h3{font-size:20px;margin-bottom:8px}.step p{color:var(--muted);font-size:15px}
@media (max-width:800px){.steps{grid-template-columns:1fr}}
.faq{max-width:860px;margin:0 auto}.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;display:flex;justify-content:space-between;gap:16px;padding:20px 2px;cursor:pointer;font:600 17px/1.35 var(--body)}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-size:24px;line-height:1;color:var(--acct)}
.faq details[open] summary::after{content:"−"}.faq details p{padding:0 2px 20px;color:var(--text2)}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.trust>div{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:24px}.trust svg{width:30px;height:30px;color:var(--acct);margin-bottom:12px}
.trust h3{font-size:19px;margin-bottom:6px}.trust p{color:var(--muted);font-size:15px}
@media (max-width:800px){.trust{grid-template-columns:1fr}}
.guarantee{display:flex;gap:22px;align-items:center;border:1.5px dashed rgba(62,230,160,.5);border-radius:var(--r2);padding:26px;background:rgba(62,230,160,.05)}
.guarantee svg{flex:none;width:64px;height:64px;color:var(--acct)}.guarantee h3{font-size:24px;margin-bottom:6px}.guarantee p{color:var(--text2)}
@media (max-width:700px){.guarantee{flex-direction:column;align-items:flex-start}}
/* newsletter */
.news{border-radius:var(--r2);padding:40px;background:linear-gradient(120deg,#11291f,#0d0e10 60%);border:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
.news h2{font-size:clamp(28px,3.4vw,42px)}.news p{color:var(--text2);margin-top:8px}
.form-row{display:flex;gap:10px}.form-row input{flex:1;min-width:0;height:52px;border-radius:999px;border:1px solid var(--line);background:var(--field);color:var(--text);padding:0 20px;font:inherit}
@media (max-width:800px){.news{grid-template-columns:1fr;padding:26px}.form-row{flex-direction:column}}
/* footer */
.ftr{border-top:1px solid var(--line);background:#070708;margin-top:0;padding:56px 0 28px;color:var(--text2);font-size:14px}
.ftr-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.ftr h4{font:700 13px/1 var(--body);letter-spacing:.14em;color:var(--text);margin-bottom:14px}
.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.ftr a:hover{color:var(--acct)}
.ftr-legal{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:var(--dim);font-size:12.5px}
.socials{display:flex;gap:10px;margin-top:16px}.socials a{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;background:var(--s2)}.socials svg{width:18px;height:18px}
@media (max-width:900px){.ftr-grid{grid-template-columns:1fr 1fr}.ftr-brand{grid-column:1/-1}}
/* product page */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--dim);padding:18px 0}.crumbs a:hover{color:var(--text)}
.pdp{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
@media (max-width:900px){.pdp{grid-template-columns:1fr;gap:22px}}
.gallery-main{position:relative;border-radius:var(--r2);overflow:hidden;background:linear-gradient(160deg,#f7f7f8,#e6e6e9);aspect-ratio:1}
.gallery-main img{width:100%;height:100%;object-fit:contain;padding:7%;mix-blend-mode:multiply}
.thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;scrollbar-width:thin}
.thumbs button{flex:none;width:76px;height:76px;border-radius:10px;overflow:hidden;border:2px solid transparent;background:#f1f1f3;padding:6px}.thumbs img{mix-blend-mode:multiply}
.thumbs button[aria-current=true]{border-color:var(--acc)}.thumbs img{width:100%;height:100%;object-fit:contain}
.buy{position:sticky;top:140px}.buy h1{font-size:clamp(28px,3vw,40px);text-transform:none;letter-spacing:0;font-family:var(--body);font-weight:800;line-height:1.15}
.buy .price{font-size:28px;margin:16px 0 4px}
.opt{margin:20px 0}.opt-label{font:700 13px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;color:var(--text2)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line);background:var(--s1);font:600 14px/1 var(--body)}
.chip[aria-pressed=true]{border-color:var(--acc);background:rgba(62,230,160,.12);color:var(--text)}.chip[data-out]{opacity:.45;text-decoration:line-through}
.qty{display:inline-flex;align-items:center;height:52px;border:1.5px solid var(--line);border-radius:999px}
.qty button{width:46px;height:100%;background:none;border:0;font-size:20px}.qty input{width:40px;text-align:center;background:none;border:0;color:var(--text);font:700 16px var(--body)}
.buy-row{display:flex;gap:10px;margin-top:8px}.buy-row .btn{flex:1}
.perks{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px;font-size:14.5px;color:var(--text2)}
.perks li{display:flex;gap:12px;align-items:flex-start}.perks svg{flex:none;width:20px;height:20px;color:var(--acct);margin-top:1px}
.desc{border-top:1px solid var(--line);padding-top:20px;color:var(--text2)}.desc p{margin:0 0 12px}.desc ul{padding-left:20px}
.stock-low{color:var(--warn);font-weight:700;font-size:14px}.err{color:var(--sale);font-size:14px;min-height:20px;margin-top:8px}
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(18,19,21,.97);border-top:1px solid var(--line);padding:10px 14px;display:none;gap:12px;align-items:center}
.sticky-buy .price{font-size:18px}.sticky-buy .btn{flex:1;height:48px}
@media (max-width:900px){.sticky-buy.show{display:flex}.buy{position:static}}
/* shop */
.shop{display:grid;grid-template-columns:250px 1fr;gap:32px;align-items:start}
.filters{position:sticky;top:140px;display:grid;gap:22px}
.filters h3{font:700 12px/1 var(--body);letter-spacing:.16em;color:var(--text2);margin-bottom:12px}
.flist{display:grid;gap:6px}.flist a{display:flex;justify-content:space-between;padding:8px 12px;border-radius:10px;font-size:14.5px;color:var(--text2)}
.flist a:hover{background:var(--s2)}.flist a[aria-current=true]{background:rgba(62,230,160,.12);color:var(--text);box-shadow:inset 3px 0 0 var(--acc)}
.flist a small{color:var(--dim)}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.toolbar select{height:42px;border-radius:999px;background:var(--s1);color:var(--text);border:1px solid var(--line);padding:0 16px;font:inherit}
.active-filters{display:flex;flex-wrap:wrap;gap:8px}.active-filters a{padding:6px 12px;border-radius:999px;background:var(--s2);font-size:13px}.active-filters a::after{content:" ×";color:var(--dim)}
.filter-toggle{display:none}
@media (max-width:900px){.shop{grid-template-columns:1fr}.filters{position:static;display:none}.filters.open{display:grid}.filter-toggle{display:inline-flex}}
.empty{padding:60px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--r)}
/* shop: Smoke Cartel-style filter bar */
.shop-head{margin:4px 0 18px}.shop-head h1{font-size:clamp(34px,4.6vw,56px)}.shop-head p{color:var(--muted);margin-top:8px}
.pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:16px;scrollbar-width:none}.pills::-webkit-scrollbar{display:none}
.pills a{flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--s1);font:600 14px/1 var(--body);color:var(--text2);white-space:nowrap}
.pills a small{color:var(--dim);font-weight:600}.pills a:hover{border-color:var(--text);color:var(--text)}
.pills a[aria-current=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.pills a[aria-current=true] small{color:inherit;opacity:.65}
.pills .pill-acc{border-color:rgba(62,230,160,.5);color:var(--acct)}
.fbar{position:sticky;top:121px;z-index:20;display:flex;align-items:center;gap:10px;padding:12px 0;margin-bottom:14px;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fbar-groups{display:flex;gap:8px;flex-wrap:wrap}
.fdrop{position:relative}.fdrop summary{list-style:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--s1);cursor:pointer;font:600 14px/1 var(--body);user-select:none}
.fdrop summary::-webkit-details-marker{display:none}.fdrop summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:2px;opacity:.7}
.fdrop[open] summary{border-color:var(--text)}.fdrop summary b,.facc summary b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--acc);color:var(--ink);font-size:11px}
.fpanel{position:absolute;top:calc(100% + 8px);left:0;min-width:260px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:14px;z-index:5}
.fpanel-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.fpanel-foot a{font-size:13px;color:var(--muted);text-decoration:underline}
.fopts{display:grid;gap:2px}
.fcheck{display:flex;align-items:center;gap:12px;padding:9px 6px;border-radius:8px;cursor:pointer;font-size:14.5px}.fcheck:hover{background:var(--s2)}
.fcheck input{appearance:none;width:20px;height:20px;border:1.5px solid #a1a1aa;border-radius:6px;display:grid;place-items:center;flex:none;margin:0}
.fcheck input[type=radio]{border-radius:999px}
.fcheck input:checked{background:var(--acc);border-color:var(--acc)}.fcheck input:checked::after{content:"";width:9px;height:5px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg) translate(1px,-1px)}
.fcheck input[type=radio]:checked::after{width:8px;height:8px;border:0;border-radius:999px;background:var(--ink);transform:none}
.fcheck span{flex:1}.fcheck small{color:var(--dim)}.fcheck.zero{opacity:.45}
.fbar-right{margin-left:auto;display:flex;align-items:center;gap:14px}
.fsort select{height:40px;border-radius:999px;background:var(--s1);color:var(--text);border:1px solid var(--line);padding:0 14px;font:600 14px var(--body)}
.fmobile{display:none}
.facc{border-bottom:1px solid var(--line)}.facc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 2px;font:700 15px/1 var(--body);cursor:pointer}
.facc summary::-webkit-details-marker{display:none}.facc summary::after{content:"+";color:var(--acct);font-size:22px}.facc[open] summary::after{content:"−"}.facc .fopts{padding-bottom:12px}
.active-filters a.clear{background:none;text-decoration:underline;color:var(--muted)}.active-filters a.clear::after{content:""}
@media (max-width:900px){.fbar{top:62px}.fbar-groups,.fsort{display:none}.fmobile{display:inline-flex}}
/* generated category tiles */
.ctile{position:relative;display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:var(--s1);border:1px solid var(--line);transition:transform .2s,border-color .2s}
.ctile:hover{transform:translateY(-3px);border-color:#a1a1aa;box-shadow:0 10px 24px rgba(10,10,11,.08)}
.ctile-art{position:relative;aspect-ratio:1;background:radial-gradient(circle at 50% 38%,#ffffff,#e4e4e7 72%);overflow:hidden}



.ctile-art.photo img{display:block;position:static;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;opacity:1;transform:none}
.ctile-art.dark{background:radial-gradient(circle at 50% 50%,rgba(62,230,160,.2),#0c0d0f 70%)}.ctile-art.dark svg{position:absolute;inset:6%;width:88%;height:88%}
.ctile-label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:12px 14px}.ctile-label b{font:700 16px/1.1 var(--head);text-transform:uppercase;letter-spacing:.03em}.ctile-label small{color:var(--dim);font-size:12px;white-space:nowrap}
.ctiles{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
@media (max-width:1100px){.ctiles{grid-template-columns:repeat(4,1fr)}}@media (max-width:700px){.ctiles{grid-template-columns:repeat(2,1fr);gap:10px}}
/* box contents with real photos */
.stack .thumb{width:40px;height:40px;border-radius:8px;background:#efeff1;object-fit:contain;padding:3px;mix-blend-mode:normal;flex:none}
.inside{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:18px}
.inside figure{margin:0;border-radius:var(--r);overflow:hidden;background:var(--s1);border:1px solid var(--line)}
.inside .ia{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#fff,#e4e4e7 75%)}.inside .ia img{width:100%;height:100%;object-fit:contain;padding:12%;mix-blend-mode:multiply}
.inside figcaption{padding:10px 12px;font-size:13.5px;font-weight:600}
.centered .hero-ctas,.centered .form-row{justify-content:center}
/* community forms */
.pcard{background:var(--s1);border:1px solid var(--line);border-radius:var(--r2);padding:26px;box-shadow:var(--shadow)}
.pform{display:grid;gap:12px}.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pfield{display:grid;gap:6px;font:600 13px/1.2 var(--body);color:var(--text2)}
.pfield input,.pfield select,.pfield textarea{width:100%;min-height:46px;border-radius:12px;border:1px solid var(--line);background:var(--field);color:var(--text);padding:10px 14px;font:400 15px var(--body)}
.pfield textarea{resize:vertical}.pfield input:focus,.pfield select:focus,.pfield textarea:focus{border-color:var(--acc);outline:none}
.pdone{padding:18px;border-radius:var(--r);background:rgba(62,230,160,.1);border:1px solid rgba(62,230,160,.4);font-weight:600}
@media (max-width:600px){.pgrid{grid-template-columns:1fr}.pcard{padding:18px}}
/* 3D Plug Box */
.b3-scene{--w:300px;--d:210px;--h:150px;position:relative;height:470px;display:grid;place-items:center;perspective:1400px;perspective-origin:50% 28%;isolation:isolate}
.b3-compact{height:340px}.b3-compact .b3-stage{transform:scale(.72)}
.b3-stage{transform-style:preserve-3d;padding-top:120px}
.b3-box{position:relative;width:var(--w);height:var(--h);transform-style:preserve-3d;transform:rotateX(-16deg) rotateY(-30deg);animation:b3sway 12s ease-in-out infinite}
@keyframes b3sway{0%,100%{transform:rotateX(-16deg) rotateY(-34deg)}50%{transform:rotateX(-11deg) rotateY(-12deg)}}
.b3-face,.b3-lid{position:absolute;background:linear-gradient(150deg,#262a30 0%,#0e1013 55%,#050607 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);backface-visibility:visible;overflow:hidden}
.b3-front,.b3-back{width:var(--w);height:var(--h);left:0;top:0}
.b3-front{transform:translateZ(calc(var(--d)/2));border-top:2px solid rgba(62,230,160,.9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 -50px 70px rgba(0,0,0,.55),0 -2px 18px rgba(62,230,160,.35)}
.b3-front img,.b3-lid img,.b3-right img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;pointer-events:none}
.b3-front img{object-position:50% 54%;transform:scale(1.06);filter:contrast(1.15) brightness(1.15)}
.b3-front::after{content:"";position:absolute;inset:-20% -60%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.16) 48%,rgba(62,230,160,.12) 52%,transparent 60%);transform:translateX(-70%);animation:b3sheen 6s ease-in-out 1.6s infinite}
@keyframes b3sheen{0%,55%{transform:translateX(-70%)}85%,100%{transform:translateX(70%)}}
.b3-back{transform:rotateY(180deg) translateZ(calc(var(--d)/2))}
.b3-left,.b3-right{width:var(--d);height:var(--h);left:calc((var(--w) - var(--d))/2);top:0}
.b3-right{transform:rotateY(90deg) translateZ(calc(var(--w)/2));background:linear-gradient(150deg,#181b1f,#040505);border-top:2px solid rgba(62,230,160,.55)}
.b3-right img{transform:scale(1.35);opacity:.55}
.b3-left{transform:rotateY(-90deg) translateZ(calc(var(--w)/2))}
.b3-bottom{width:var(--w);height:var(--d);left:0;top:calc((var(--h) - var(--d))/2);transform:rotateX(-90deg) translateZ(calc(var(--h)/2));background:#030404}
.b3-glow{position:absolute;width:var(--w);height:var(--d);left:0;top:calc((var(--h) - var(--d))/2);transform:rotateX(90deg) translateZ(calc(var(--h)/2 - 6px));background:radial-gradient(closest-side,rgba(190,255,225,.95),rgba(62,230,160,.55) 45%,rgba(62,230,160,0));filter:blur(4px);animation:b3pulse 3.2s ease-in-out infinite}
@keyframes b3pulse{0%,100%{opacity:.75}50%{opacity:1}}
.b3-rays{position:absolute;left:50%;top:-250px;width:340px;height:260px;margin-left:-170px;transform:translateZ(-10px);background:conic-gradient(from 180deg at 50% 100%,transparent 0deg 140deg,rgba(62,230,160,.22) 155deg,transparent 168deg,rgba(255,255,255,.12) 180deg,transparent 192deg,rgba(62,230,160,.22) 205deg,transparent 220deg 360deg);filter:blur(6px);opacity:0;animation:b3rays 1.4s ease-out 1s forwards,b3pulse 4s ease-in-out 2.4s infinite;pointer-events:none}
@keyframes b3rays{to{opacity:1}}
.b3-lid{width:var(--w);height:var(--d);left:0;top:calc(var(--d)*-1);transform-origin:50% 100%;transform:translateZ(calc(var(--d)/-2)) rotateX(24deg);background:linear-gradient(180deg,#1e2227,#08090b);animation:b3open 1.3s cubic-bezier(.2,.8,.2,1) .25s both}
.b3-lid img{transform:scale(1.15);opacity:.28}
@keyframes b3open{from{transform:translateZ(calc(var(--d)/-2)) rotateX(-90deg)}to{transform:translateZ(calc(var(--d)/-2)) rotateX(24deg)}}
.b3-items{position:absolute;left:50%;top:0;transform-style:preserve-3d}
.b3-item{position:absolute;margin:0;width:112px;height:112px;left:-56px;top:-56px;transform-style:preserve-3d;transform:translate3d(var(--x),var(--y),var(--z)) rotateY(30deg) rotateZ(var(--r));animation:b3rise .9s cubic-bezier(.2,.9,.25,1.15) calc(1s + var(--i)*.14s) both}
@keyframes b3rise{from{opacity:0;transform:translate3d(0,70px,0) rotateY(30deg) scale(.4)}to{opacity:1;transform:translate3d(var(--x),var(--y),var(--z)) rotateY(30deg) rotateZ(var(--r))}}
.b3-card{position:relative;width:100%;height:100%;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 36%,#fff,#e4e4e8 80%);box-shadow:0 22px 34px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.5),0 0 26px rgba(62,230,160,.25);animation:b3float 5.5s ease-in-out infinite;animation-delay:calc(var(--i)*-1.1s)}
.b3-card::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.55),transparent 38%);pointer-events:none}
.b3-card img{width:100%;height:100%;object-fit:contain;padding:12%;mix-blend-mode:multiply}
.b3-art .b3-card{background:radial-gradient(circle at 50% 40%,#22262b,#0b0c0e);box-shadow:0 22px 34px rgba(0,0,0,.6),0 0 0 1px rgba(62,230,160,.4),0 0 26px rgba(62,230,160,.2)}
.b3-art .b3-card::after{background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 40%)}
.b3-art .b3-card svg{width:100%;height:100%;padding:14%}
@keyframes b3float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.b3-spark{position:absolute;left:50%;bottom:0;width:4px;height:4px;border-radius:50%;background:#bfffe4;box-shadow:0 0 8px 2px rgba(62,230,160,.8);opacity:0;animation:b3spark 3.6s ease-out infinite;animation-delay:calc(1.6s + var(--s)*.6s)}
@keyframes b3spark{0%{opacity:0;transform:translate3d(var(--sx),0,0)}15%{opacity:1}100%{opacity:0;transform:translate3d(calc(var(--sx)*1.6),-190px,0)}}
.b3-floor{position:absolute;left:50%;bottom:28px;width:400px;height:64px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(62,230,160,.42),rgba(62,230,160,0));filter:blur(6px);pointer-events:none;z-index:-1}
.b3-scene::before{content:"";position:absolute;inset:6% 8%;background:radial-gradient(closest-side,rgba(62,230,160,.18),transparent);pointer-events:none;z-index:-1}
@media (max-width:700px){.b3-scene{height:330px}.b3-stage{transform:scale(.66)}.b3-compact{height:290px}.b3-compact .b3-stage{transform:scale(.58)}}
/* category header */
.shop-head.has-art{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;min-height:240px;border-radius:var(--r2);overflow:hidden;background:linear-gradient(110deg,#121416 40%,#0b0c0d);border:1px solid var(--line);padding:30px 0 30px 34px;margin-bottom:20px}
.shop-head-art{position:relative;align-self:stretch;margin:-30px 0}
.shop-head-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shop-head-art .fan{position:absolute;inset:0}
.shop-head-art .fc{width:34%}
.shop-head-art::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#111315 0%,rgba(17,19,21,0) 45%)}
@media (max-width:700px){.shop-head.has-art{grid-template-columns:1fr;padding:0}.shop-head-copy{padding:20px}.shop-head-art{order:-1;margin:0;height:170px}.shop-head-art::before{background:linear-gradient(0deg,#111315,rgba(17,19,21,0) 60%)}}
/* quick add */
.qa .pop-card{grid-template-columns:200px 1fr;width:min(640px,100%)}.qa .pop-art{background:radial-gradient(circle at 50% 40%,#fff,#e2e2e6 78%)}.qa .pop-art img{object-fit:contain;padding:12%;mix-blend-mode:multiply}
.qa .pop-body{padding:28px;gap:12px}.qa h3{font:800 20px/1.25 var(--body);text-transform:none}
@media (max-width:700px){.qa{place-items:end center;padding:0}.qa .pop-card{grid-template-columns:1fr;border-radius:22px 22px 0 0;animation:sheet .25s ease-out}.qa .pop-art{height:150px}}
@keyframes sheet{from{transform:translateY(100%)}to{transform:none}}
/* motion: reveal on scroll, bumps */
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.rv.in{opacity:1;transform:none}
.badge.bump{animation:bump .5s ease}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.45)}100%{transform:scale(1)}}
.btn-acc{position:relative;overflow:hidden}.btn-acc::after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transition:transform .7s}.btn-acc:hover::after{transform:translateX(120%)}
main{animation:fadein .35s ease-out}@keyframes fadein{from{opacity:0}to{opacity:1}}
/* plug box page */
.plan{display:grid;gap:10px;margin:22px 0 14px}
.plan label{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r);border:1.5px solid var(--line);background:var(--s1);cursor:pointer;transition:border-color .2s,background .2s}
.plan label:has(input:checked){border-color:var(--acc);background:rgba(62,230,160,.07)}
.plan input{appearance:none;width:20px;height:20px;border-radius:999px;border:2px solid #52525b;flex:none;margin:0}.plan input:checked{border:6px solid var(--acc)}
.plan .pl{flex:1}.plan .pl b{display:block;font-size:16px}.plan .pl small{color:var(--muted)}.plan .pp{font:700 22px/1 var(--body)}.plan .save{margin-left:8px}
.inside .ia svg{width:100%;height:100%;padding:18%}.inside .ia:has(svg){background:radial-gradient(circle at 50% 40%,#1f2327,#0b0c0e)}
.band{background:var(--violet);color:#fff;text-align:center;padding:10px 16px;font:700 clamp(18px,2.2vw,24px)/1.1 var(--head);letter-spacing:.32em;max-width:980px;margin:0 auto 6px}
.band-sub{text-align:center;color:var(--violet);font:500 italic clamp(16px,1.8vw,22px)/1 var(--head);letter-spacing:.28em;margin:8px 0 26px}
/* studio: real product shots staged on a lit, branded backdrop */
.studio{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,#fff 0,#f2f2f4 55%,#dfdfe3 100%)}
.ctile-art .studio{position:absolute;inset:0}
.studio-wm{position:absolute;left:50%;top:46%;width:118%;max-width:none;transform:translate(-50%,-50%);filter:invert(1) grayscale(1);mix-blend-mode:multiply;opacity:.05;pointer-events:none}
.studio::after{content:"";position:absolute;left:20%;right:20%;bottom:7%;height:8%;background:radial-gradient(closest-side,rgba(0,0,0,.2),transparent);pointer-events:none}
.studio-p{position:absolute;object-fit:contain;mix-blend-mode:multiply;transition:transform .55s cubic-bezier(.2,.8,.2,1);z-index:1}
.studio.n1 .studio-p{left:12%;top:7%;width:76%;height:82%}
.studio.n2 .studio-p:nth-of-type(2){left:5%;top:12%;width:55%;height:76%}
.studio.n2 .studio-p:nth-of-type(3){left:40%;top:12%;width:55%;height:76%}
.studio.n3 .studio-p:nth-of-type(2){left:26%;top:6%;width:48%;height:84%;z-index:2}
.studio.n3 .studio-p:nth-of-type(3){left:2%;top:22%;width:38%;height:68%}
.studio.n3 .studio-p:nth-of-type(4){left:60%;top:22%;width:38%;height:68%}
a:hover .studio-p{transform:translateY(-3%) scale(1.05)}
a:hover .studio.n3 .studio-p:nth-of-type(3){transform:translate(-4%,-2%) rotate(-5deg)}
a:hover .studio.n3 .studio-p:nth-of-type(4){transform:translate(4%,-2%) rotate(5deg)}
.studio.spot{background:radial-gradient(circle at 50% 52%,#fff 0 30%,rgba(255,255,255,.6) 42%,rgba(255,255,255,0) 64%)}
.studio.spot .studio-wm{display:none}
.studio.spot::after{display:none}
.studio.spot.n1 .studio-p{left:22%;top:16%;width:56%;height:70%}
.studio.spot.n2 .studio-p:nth-of-type(2){left:16%;top:18%;width:40%;height:66%}
.studio.spot.n2 .studio-p:nth-of-type(3){left:44%;top:18%;width:40%;height:66%}
.studio.spot.n3 .studio-p:nth-of-type(2){left:33%;top:14%;width:34%;height:72%}
.studio.spot.n3 .studio-p:nth-of-type(3){left:14%;top:26%;width:28%;height:58%}
.studio.spot.n3 .studio-p:nth-of-type(4){left:58%;top:26%;width:28%;height:58%}
.ctile-badge{position:absolute;top:10px;right:10px;z-index:2;background:var(--sale);color:#fff;font:700 13px/1 var(--head);letter-spacing:.04em;padding:6px 9px;border-radius:999px}
/* spotlight promo banners */
.sban{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;min-height:250px;border-radius:var(--r2);overflow:hidden;isolation:isolate;color:#fff;background:linear-gradient(120deg,#0b0c0d,#1c1f23);transition:transform .25s,box-shadow .25s}
.sban:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(10,10,11,.22)}
.sban-green{background:linear-gradient(120deg,#03110b,#0c3a26)}
.sban-violet{background:linear-gradient(120deg,#22093f,#5b2a9e)}
.sban-copy{align-self:center;padding:24px 0 24px 24px;position:relative;z-index:1}
.sban-copy .eyebrow{color:#3ee6a0}
.sban-violet .sban-copy .eyebrow{color:#d8c4ff}
.sban h3{font:700 clamp(24px,2.3vw,32px)/1 var(--head);text-transform:uppercase;margin:9px 0 8px;color:#fff}
.sban p{color:rgba(255,255,255,.76);font-size:14px;line-height:1.45;margin:0 0 14px}
.sban-cta{display:inline-block;font:700 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;border-bottom:2px solid #3ee6a0;padding-bottom:4px}
.sban-art{position:relative;min-height:200px}
.sban-art .studio{position:absolute;inset:0}
.sban-badge{position:absolute;top:14px;right:14px;z-index:3;background:var(--sale);color:#fff;font:700 15px/1 var(--head);letter-spacing:.04em;padding:8px 11px;border-radius:999px;box-shadow:0 6px 16px rgba(229,56,59,.45)}
.fan{position:absolute;inset:0;display:grid;place-items:center}
.fan::before{content:"";position:absolute;inset:10%;background:radial-gradient(closest-side,rgba(62,230,160,.35),transparent);filter:blur(4px)}
.fc{position:absolute;width:40%;aspect-ratio:1;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 36%,#fff,#e4e4e8 80%);box-shadow:0 14px 26px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.4);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.fc img{width:100%;height:100%;object-fit:contain;padding:12%;mix-blend-mode:multiply}
.fc.art{background:radial-gradient(circle at 50% 40%,#22262b,#0b0c0e);box-shadow:0 14px 26px rgba(0,0,0,.55),0 0 0 1px rgba(62,230,160,.4)}
.fc.art svg{width:100%;height:100%;padding:14%}
.fan.n1 .fc{width:52%;transform:rotate(-4deg)}
.fan.n2 .fc:nth-child(1){transform:translate(-30%,4%) rotate(-9deg)}
.fan.n2 .fc:nth-child(2){transform:translate(30%,-2%) rotate(7deg)}
.sban:hover .fan.n2 .fc:nth-child(1){transform:translate(-40%,0) rotate(-13deg)}
.sban:hover .fan.n2 .fc:nth-child(2){transform:translate(40%,-6%) rotate(11deg)}
.sban:hover .fan.n1 .fc{transform:rotate(0) scale(1.06)}
.fc:nth-child(1){transform:translate(-52%,8%) rotate(-12deg)}
.fc:nth-child(2){transform:translateY(-6%);z-index:2}
.fc:nth-child(3){transform:translate(52%,8%) rotate(12deg)}
.sban:hover .fc:nth-child(1){transform:translate(-64%,4%) rotate(-16deg)}
.sban:hover .fc:nth-child(2){transform:translateY(-12%) scale(1.05)}
.sban:hover .fc:nth-child(3){transform:translate(64%,4%) rotate(16deg)}
/* collection cards */
.ecard{display:flex;flex-direction:column;border-radius:var(--r2);overflow:hidden;border:1px solid var(--line);background:var(--s1);transition:transform .25s,box-shadow .25s,border-color .25s}
.ecard:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(10,10,11,.1);border-color:#a1a1aa}
.ecard .studio{aspect-ratio:16/10}
.ecard-label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-top:3px solid var(--acc)}
.ecard-label h3{font:700 22px/1 var(--head);text-transform:uppercase;margin-top:6px}
.ecard-go{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--text);color:var(--bg);font-weight:700;transition:transform .25s}
.ecard:hover .ecard-go{transform:translateX(4px)}
/* trust cards open for detail */
.trust{align-items:start}
.trust details{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;transition:border-color .2s,box-shadow .2s}
.trust details:hover{border-color:#a1a1aa}
.trust details[open]{border-color:var(--acc);box-shadow:0 12px 28px rgba(10,10,11,.08)}
.trust summary{list-style:none;cursor:pointer;position:relative;padding-right:30px}
.trust summary::-webkit-details-marker{display:none}
.trust summary::after{content:"+";position:absolute;right:0;top:0;font-size:26px;line-height:1;color:var(--acct);transition:transform .25s}
.trust details[open] summary::after{transform:rotate(45deg)}
.trust details:hover svg,.trust details[open] svg{animation:tbounce .6s}
@keyframes tbounce{0%,100%{transform:none}40%{transform:translateY(-5px) rotate(-6deg)}}
.trust .more{color:var(--text2);font-size:14.5px;line-height:1.5;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line);animation:tmore .35s ease-out}
@keyframes tmore{from{opacity:0;transform:translateY(-6px)}}
.trust .more a{color:var(--acct);font-weight:700;white-space:nowrap}
@media (max-width:600px){.sban{min-height:210px}.sban-copy{padding:20px 0 20px 18px}.sban p{font-size:13px}}
/* apparel hero */
.ap-hero{background:radial-gradient(ellipse at 75% 40%,rgba(91,42,158,.35),transparent 60%),radial-gradient(ellipse at 10% 90%,rgba(62,230,160,.14),transparent 55%),#0a0a0b;padding:clamp(36px,5vw,64px) 0}
.ap-hero-grid{display:grid;grid-template-columns:.85fr 1.5fr;gap:clamp(24px,3vw,44px);align-items:center}
.ap-hero h1{font-size:clamp(40px,5vw,72px);line-height:.95;margin:14px 0 16px}
.ap-hero h1 em{font-style:normal;color:var(--acct)}
.ap-hero p{color:var(--text2);max-width:46ch}
.ap-hero-art{display:block;border-radius:var(--r2);overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08),0 0 60px rgba(91,42,158,.25);transform:perspective(1200px) rotateY(-4deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ap-hero-art:hover{transform:perspective(1200px) rotateY(0) scale(1.01)}
.ap-hero-art img{display:block;width:100%;aspect-ratio:1600/672;object-fit:cover}
@media (max-width:900px){.ap-hero-grid{grid-template-columns:1fr}.ap-hero-art{transform:none}}
/* blog */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.post-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;background:var(--s1);transition:transform .25s,box-shadow .25s}
.post-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(10,10,11,.1)}
.post-card.lead{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr}
.post-img{aspect-ratio:16/10;overflow:hidden;background:var(--s2)}
.post-card.lead .post-img{aspect-ratio:auto;min-height:300px}
.post-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.post-img img.post-ph{object-fit:contain;padding:18%;background:#0a0a0b}
.post-card:hover .post-img img{transform:scale(1.04)}
.post-copy{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px}
.post-card.lead .post-copy{padding:30px;justify-content:center}
.post-copy h2{font-size:22px;line-height:1.15;color:var(--text)}
.post-card.lead .post-copy h2{font-size:clamp(26px,3vw,38px)}
.post-copy p{color:var(--muted);font-size:15px}
.post-copy .sban-cta{align-self:flex-start;color:var(--text)}
.post h1{margin:10px 0 18px}
.post-cover{margin:0 0 26px;border-radius:var(--r2);overflow:hidden}
.post-cover img{width:100%;display:block}
.post figure{margin:24px 0}
.post figure img{border-radius:var(--r);width:100%;height:auto}
.post figcaption{font-size:13px;color:var(--dim);margin-top:6px;text-align:center}
.post a{color:var(--acct);text-decoration:underline;text-underline-offset:3px}
.post .btn{text-decoration:none}
.post h3{font-size:20px;margin:26px 0 10px;color:var(--text)}
.post ul,.post ol{padding-left:22px;margin-bottom:14px}
.post blockquote{border-left:4px solid var(--acc);padding:6px 0 6px 18px;margin:20px 0;font-style:italic}
.post-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:40px 0 10px;padding:24px 26px;border-radius:var(--r2);background:#0a0a0b;color:#f4f4f5}
.post-cta h2{margin:8px 0 6px!important;color:#fff!important;font-size:24px}
.post-cta p{color:#d4d4d8;margin:0}
.post-cta .eyebrow{color:#3ee6a0}
@media (max-width:900px){.posts{grid-template-columns:1fr 1fr}.post-card.lead{grid-template-columns:1fr}}
@media (max-width:600px){.posts{grid-template-columns:1fr}.post-cta{flex-direction:column;align-items:flex-start}}
/* cart */
.line{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.line img{width:72px;height:72px;border-radius:10px;background:#f1f1f3;object-fit:contain;padding:6px}
.line-name{font-weight:600;font-size:14.5px;line-height:1.35}.line-opt{color:var(--dim);font-size:13px}
.line .qty{height:36px}.line .qty button{width:34px;font-size:16px}.line .qty input{width:28px;font-size:14px}
.line-rm{background:none;border:0;color:var(--dim);font-size:12.5px;text-decoration:underline;padding:6px 0}
.ship-bar{background:var(--s2);border-radius:999px;height:8px;overflow:hidden;margin:10px 0 4px}.ship-bar i{display:block;height:100%;background:var(--acc);transition:width .3s}
.totals{display:flex;justify-content:space-between;font:800 18px/1 var(--body);margin:14px 0}
.coupon{display:flex;gap:8px;margin:10px 0}.coupon input{flex:1;min-width:0;height:42px;border-radius:999px;border:1px solid var(--line);background:var(--field);color:var(--text);padding:0 16px;font:inherit;text-transform:uppercase}
/* popup */
.pop{position:fixed;inset:0;z-index:80;display:none;place-items:center;padding:16px}.pop.open{display:grid}
.pop-bg{position:absolute;inset:0;background:rgba(0,0,0,.7)}
.pop-card{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(820px,100%);background:var(--s1);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;box-shadow:var(--shadow);animation:pop .25s ease-out}
@keyframes pop{from{transform:scale(.96);opacity:0}to{transform:none;opacity:1}}
.pop-art{background:#000}.pop-art img{width:100%;height:100%;object-fit:cover}
.pop-body{padding:38px 32px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.pop-body h2{font-size:52px;line-height:.95}.pop-body h2 small{display:block;font-size:18px;letter-spacing:.3em;color:var(--acct);margin-bottom:6px}
.pop-body input{height:50px;border-radius:999px;border:1px solid var(--line);background:var(--field);color:var(--text);padding:0 20px;font:inherit;width:100%}
.pop-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:999px;border:0;background:rgba(0,0,0,.5);z-index:2;font-size:22px;line-height:1}
.code{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1.5px dashed var(--acc);border-radius:12px;padding:12px 16px;font:800 24px/1 var(--body);letter-spacing:.12em}
.fine{font-size:12px;color:var(--dim)}
@media (max-width:700px){.pop-card{grid-template-columns:1fr}.pop-art{height:170px}.pop-body{padding:24px}.pop-body h2{font-size:40px}}
/* misc */
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0c0d0f}
.marquee-track{display:flex;gap:48px;padding:16px 0;width:max-content;animation:mq 40s linear infinite;font:700 15px/1 var(--head);letter-spacing:.2em;text-transform:uppercase;color:#a1a1aa}
.marquee-track span::before{content:"✦";color:var(--acct);margin-right:48px}
@keyframes mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.prose{max-width:820px;margin:0 auto;color:var(--text2)}.prose h1{font-size:clamp(34px,4vw,52px);margin-bottom:18px}.prose h2{font-size:24px;margin:34px 0 12px;color:var(--text)}.prose p,.prose li{margin-bottom:12px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:90;background:#fff;color:#0a0a0b;padding:12px 18px;border-radius:999px;font-weight:700;font-size:14px;box-shadow:var(--shadow);display:none}.toast.show{display:block}