*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--c-bg);color:var(--c-fg);font-family:'Space Grotesk',sans-serif;overflow-x:hidden;cursor:default}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
h1,h2,.logo,.btn,.nav a,.footer-big{font-family:'Unbounded',sans-serif;letter-spacing:-.02em}
.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}
.cursor-blob{position:fixed;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,var(--c-pink),transparent 65%);opacity:.25;pointer-events:none;z-index:0;transform:translate(-50%,-50%);filter:blur(30px);transition:transform .08s linear;left:0;top:0}
.announce,.marquee{overflow:hidden;white-space:nowrap;border-block:1px solid color-mix(in srgb,var(--c-fg) 20%,transparent)}
.announce{font-size:11px;letter-spacing:.2em;padding:8px 0;background:var(--c-pink);color:var(--c-bg)}
.announce__track,.marquee__track{display:inline-flex;gap:2rem;animation:scroll 25s linear infinite}
.marquee{padding:22px 0;font-family:'Unbounded';font-size:clamp(24px,4vw,52px);font-weight:900}
.marquee--rev .marquee__track{animation-direction:reverse;-webkit-text-stroke:1px var(--c-fg);color:transparent}
.star{color:var(--c-pink)}
@keyframes scroll{to{transform:translateX(-50%)}}
.site-header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:16px 4vw;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--c-bg) 60%,transparent)}
.logo{font-weight:900;font-size:22px;text-transform:uppercase}
.logo sup{color:var(--c-pink);font-size:10px}
.nav{display:flex;gap:28px;font-size:12px;text-transform:uppercase}
.nav a,.header-actions a{position:relative}
.nav a::after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:0;background:var(--c-pink);transition:width .3s}
.nav a:hover::after{width:100%}
.header-actions{display:flex;gap:18px;font-size:12px;text-transform:uppercase;align-items:center}
.cart-pill{border:1px solid var(--c-fg);border-radius:99px;padding:6px 14px;transition:.3s}
.cart-pill:hover{background:var(--c-fg);color:var(--c-bg)}
.hero{position:relative;min-height:92vh;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:6vh 4vw;overflow:hidden;gap:4vw}
.hero__orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:drift 14s ease-in-out infinite alternate}
.orb1{width:420px;height:420px;background:var(--c-pink);top:-80px;left:-100px}
.orb2{width:360px;height:360px;background:var(--c-chrome);bottom:-120px;right:10%;animation-delay:-5s}
.orb3{width:200px;height:200px;background:#c6ff4f;top:40%;left:45%;opacity:.3;animation-delay:-9s}
@keyframes drift{to{transform:translate(80px,60px) scale(1.2)}}
.hero__inner{position:relative;z-index:2}
.hero__kicker{font-size:12px;letter-spacing:.3em;color:var(--c-chrome);margin-bottom:18px}
.hero__title{font-size:clamp(56px,11vw,170px);font-weight:900;line-height:.85;text-transform:uppercase;background:linear-gradient(100deg,#fff,var(--c-chrome),#fff,var(--c-pink),#fff);background-size:300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:chrome 6s linear infinite;position:relative}
@keyframes chrome{to{background-position:300% 0}}
.glitch::before,.glitch::after{content:attr(data-text);position:absolute;inset:0;background:inherit;-webkit-background-clip:text;background-clip:text}
.glitch::before{animation:g1 3s infinite steps(1);color:var(--c-pink);opacity:.6}
.glitch::after{animation:g2 3s infinite steps(1);color:var(--c-chrome);opacity:.6}
@keyframes g1{0%,92%,100%{transform:none;clip-path:inset(0 0 100% 0)}93%{transform:translate(-4px,2px);clip-path:inset(20% 0 50% 0)}96%{transform:translate(3px,-2px);clip-path:inset(60% 0 10% 0)}}
@keyframes g2{0%,90%,100%{transform:none;clip-path:inset(100% 0 0 0)}91%{transform:translate(4px,0);clip-path:inset(40% 0 30% 0)}95%{transform:translate(-3px,1px);clip-path:inset(5% 0 75% 0)}}
.hero__sub{max-width:420px;margin:24px 0 32px;opacity:.8;line-height:1.6}
.hero__ctas{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;border-radius:99px;padding:14px 28px;font-size:12px;font-weight:700;text-transform:uppercase;border:1px solid var(--c-fg);transition:transform .3s,box-shadow .3s;cursor:pointer;background:none;color:var(--c-fg)}
.btn--chrome{background:linear-gradient(135deg,#fff,var(--c-chrome) 40%,var(--c-pink));color:#0b0b10;border:none}
.btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 40px -10px var(--c-pink)}
.btn--full{width:100%;margin-top:12px}
.hero__img{position:relative;z-index:2;border-radius:200px 200px 24px 24px;overflow:hidden;aspect-ratio:4/5;border:1px solid color-mix(in srgb,var(--c-fg) 30%,transparent)}
.hero__img img{width:100%;height:100%;object-fit:cover}
.hero__img--ph{display:grid;place-items:center;background:linear-gradient(160deg,color-mix(in srgb,var(--c-pink) 40%,transparent),color-mix(in srgb,var(--c-chrome) 30%,transparent));font-family:'Unbounded';font-weight:900;font-size:56px;text-align:center}
.float{animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-18px) rotate(1deg)}}
.hero__sticker{position:absolute;right:4vw;top:12vh;z-index:3;width:130px;height:130px;border-radius:50%;background:var(--c-pink);color:var(--c-bg);display:grid;place-items:center;text-align:center;font-family:'Unbounded';font-size:11px;font-weight:700;padding:20px}
.spin{animation:spin 10s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.section{padding:10vh 4vw;position:relative;z-index:1}
.narrow{max-width:820px;margin:auto}.center{text-align:center}
.section__head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}
.h2{font-size:clamp(28px,4.5vw,64px);font-weight:900;text-transform:uppercase;line-height:.95;margin-bottom:16px}
.link-arrow{font-size:12px;text-transform:uppercase;border-bottom:1px solid}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}
.card__media{position:relative;aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:color-mix(in srgb,var(--c-fg) 6%,transparent)}
.card__media img{width:100%;height:100%;object-fit:cover;transition:opacity .5s,transform .8s}
.card__back{position:absolute;inset:0;opacity:0}
.card:hover .card__back{opacity:1}.card:hover .card__front{transform:scale(1.06)}
.card__ph{width:100%;height:100%;display:grid;place-items:center;font-family:'Unbounded';font-weight:900;font-size:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--c-pink) 25%,transparent),color-mix(in srgb,var(--c-chrome) 20%,transparent));transition:transform .6s}
.card:hover .card__ph{transform:scale(1.05) rotate(-1deg)}
.card__flip,.card__tag{position:absolute;top:12px;left:12px;font-size:10px;letter-spacing:.15em;background:var(--c-bg);border-radius:99px;padding:5px 10px}
.card__tag{left:auto;right:12px;background:var(--c-pink);color:var(--c-bg)}
.card__info{display:flex;justify-content:space-between;padding:12px 4px;font-size:14px;text-transform:uppercase}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.cat{position:relative;aspect-ratio:3/4;border-radius:24px;overflow:hidden;display:flex;align-items:end;padding:22px;background:linear-gradient(200deg,color-mix(in srgb,var(--c-chrome) 30%,transparent),color-mix(in srgb,var(--c-pink) 35%,transparent))}
.cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.cat:hover img{transform:scale(1.08)}
.cat span{position:relative;font-family:'Unbounded';font-weight:900;font-size:28px;text-transform:uppercase}
.fb{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding:10vh 4vw}
.fb__text p{opacity:.8;line-height:1.6;max-width:440px}
.fb__flip{perspective:1400px}
.fb__inner{position:relative;aspect-ratio:4/5;transition:transform 1s cubic-bezier(.6,0,.2,1);transform-style:preserve-3d}
.fb__flip:hover .fb__inner,.fb__flip.flipped .fb__inner{transform:rotateY(180deg)}
.fb__face{position:absolute;inset:0;backface-visibility:hidden;border-radius:28px;overflow:hidden;display:grid;place-items:center;font-family:'Unbounded';font-weight:900;font-size:60px;background:linear-gradient(135deg,var(--c-pink),var(--c-chrome));color:var(--c-bg)}
.fb__face img{width:100%;height:100%;object-fit:cover}
.fb__back{transform:rotateY(180deg);background:linear-gradient(135deg,var(--c-chrome),#c6ff4f)}
.fb__hint{text-align:center;font-size:11px;letter-spacing:.2em;margin-top:14px;opacity:.6}
.news{text-align:center;padding:12vh 4vw;border-top:1px solid color-mix(in srgb,var(--c-fg) 15%,transparent)}
.news__form{display:flex;gap:10px;justify-content:center;margin:24px auto;max-width:480px}
.news__form input,.pdp__select,.pdp__qty,.cart-row input{flex:1;background:transparent;border:1px solid var(--c-fg);color:var(--c-fg);border-radius:99px;padding:13px 20px;font:inherit}
.pdp{display:grid;grid-template-columns:1.3fr 1fr;gap:4vw;padding:6vh 4vw}
.pdp__media{display:grid;gap:14px}.pdp__media img{border-radius:22px}
.pdp__info{position:sticky;top:90px;align-self:start;display:grid;gap:14px}
.pdp__price{font-size:22px;color:var(--c-chrome)}
.pdp__select,.pdp__qty{width:100%;margin-top:10px}
.pdp__select option{background:var(--c-bg)}
.rte{line-height:1.7;opacity:.85}.rte p{margin-bottom:1em}
.cart-row{display:grid;grid-template-columns:80px 1fr 90px 100px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid color-mix(in srgb,var(--c-fg) 15%,transparent)}
.cart-row small{display:block;opacity:.6}.cart-total{font-size:22px;margin:24px 0;text-align:right}
.pagination{margin-top:30px;text-align:center}
.site-footer{padding:8vh 4vw 4vh;position:relative;z-index:1}
.footer-big{font-size:clamp(50px,14vw,220px);font-weight:900;text-transform:uppercase;line-height:.85;-webkit-text-stroke:1px var(--c-fg);color:transparent;transition:color .5s}
.footer-big:hover{color:var(--c-pink);-webkit-text-stroke-color:var(--c-pink)}
.footer-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:30px;font-size:12px;text-transform:uppercase;opacity:.7}
.footer-row nav{display:flex;gap:20px}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media(max-width:800px){.hero,.fb,.pdp{grid-template-columns:1fr}.nav{display:none}.hero__sticker{width:90px;height:90px;font-size:8px}.cart-row{grid-template-columns:60px 1fr 70px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}