
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#050505;--panel:#0c0c0c;--white:#f2f2ed;--muted:#8a8a84;--lime:#c7ff00;--line:#272727;--red:#ff3b30}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:"Space Mono",monospace;overflow-x:hidden}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--muted);margin:0 0 18px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:fixed;top:0;left:0;right:0;z-index:40;background:rgba(5,5,5,.86);backdrop-filter:blur(12px)}.brand{font-weight:700;display:flex;gap:10px;align-items:center;font-size:13px;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--lime);color:var(--lime);font-size:9px}.topbar nav{display:flex;gap:30px;font-size:10px}.tools{display:flex;gap:18px;font-size:10px}.tools button,.footer-links button{background:none;border:0;padding:0}.tools b{color:var(--lime);font-weight:400}.hero{min-height:100vh;padding:150px 7vw 80px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:76px 0 0;background:linear-gradient(90deg,transparent 49.9%,#161616 50%,transparent 50.1%),linear-gradient(#161616 1px,transparent 1px);background-size:100% 100%,100% 90px;opacity:.28}.hero-copy{position:relative;z-index:2}.hero h1{font-family:"Archivo Black",sans-serif;font-size:clamp(60px,10vw,155px);line-height:.82;letter-spacing:-.07em;margin:0 0 35px}.hero h1 span{color:transparent;-webkit-text-stroke:1px var(--white)}.hero-text{max-width:450px;color:#aaa;font-size:13px;line-height:1.8;margin-bottom:34px}.button{display:inline-flex;gap:28px;align-items:center;border:1px solid var(--white);padding:15px 18px;font-size:10px;letter-spacing:.12em}.button-lime{background:var(--lime);color:#050505;border-color:var(--lime);font-weight:700}.hero-art{height:520px;position:relative;display:grid;place-items:center}.hero-word{font-family:"Archivo Black";font-size:clamp(150px,25vw,400px);line-height:.8;letter-spacing:-.12em;color:#0b0b0b;-webkit-text-stroke:1px #303030;transform:rotate(-9deg)}.crosshair{position:absolute;width:280px;height:280px;border:1px solid #313131;border-radius:50%}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#313131}.crosshair:before{width:100%;height:1px;top:50%}.crosshair:after{height:100%;width:1px;left:50%}.hero-stamp{position:absolute;right:4%;bottom:8%;border:1px solid var(--lime);color:var(--lime);padding:12px;font-size:9px;line-height:1.5;transform:rotate(8deg)}.ticker{border-block:1px solid var(--line);overflow:hidden;white-space:nowrap;color:var(--lime);font-size:12px;padding:13px 0}.ticker div{display:inline-block;animation:marquee 20s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.shop{padding:120px 7vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-head h2,.manifesto h2,.admin h2{font-family:"Archivo Black";font-size:clamp(42px,6vw,90px);line-height:.85;letter-spacing:-.05em;margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:none;padding:9px 12px;font-size:9px;color:var(--muted)}.filter.active,.filter:hover{border-color:var(--lime);color:var(--lime)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line)}.product{background:#080808;min-width:0;position:relative}.product-image{height:390px;background:#101010;display:grid;place-items:center;overflow:hidden;position:relative}.product-image img{width:82%;height:82%;object-fit:contain;filter:grayscale(1);transition:.5s}.product:hover .product-image img{transform:scale(1.08) rotate(-2deg)}.product-badge{position:absolute;left:14px;top:14px;background:var(--lime);color:#050505;padding:5px 7px;font-size:8px}.heart{position:absolute;right:14px;top:12px;background:#050505;border:1px solid #333;width:31px;height:31px;border-radius:50%;font-size:15px}.heart.on{color:var(--lime);border-color:var(--lime)}.product-info{padding:18px}.product-name{font-weight:700;font-size:12px}.product-cat{font-size:8px;color:var(--muted);margin-top:7px}.product-price{margin-top:18px;font-size:12px}.old{color:#666;text-decoration:line-through;margin-left:8px}.manifesto{padding:150px 7vw;border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.5fr .8fr;gap:40px;min-height:680px;align-items:center}.manifesto h2 i{color:var(--lime);font-style:normal}.manifesto-code{color:#444;font-size:10px;line-height:1.7}.manifesto-copy{font-size:13px;line-height:2;color:#999;max-width:350px}.info-strip{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.info-strip div{padding:35px 7vw;border-right:1px solid var(--line);min-height:140px}.info-strip div:last-child{border-right:0}.info-strip span{color:var(--lime);font-size:9px;display:block;margin-bottom:20px}.info-strip strong{font-size:11px;line-height:1.5}footer{padding:90px 7vw 35px;display:grid;grid-template-columns:2fr 1fr 1fr;border-top:1px solid var(--line);gap:30px}.footer-logo{font-family:"Archivo Black";font-size:65px;line-height:.72;letter-spacing:-.07em}.footer-logo span{font:700 9px "Space Mono";display:block;letter-spacing:.15em;margin-top:20px;color:var(--lime)}.footer-links{display:flex;flex-direction:column;gap:15px;font-size:10px}.footer-meta{font-size:9px;color:#555;line-height:1.7;text-align:right}.drawer{position:fixed;inset:0;z-index:80;display:none}.drawer.open{display:block}.drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7)}.drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(520px,100%);background:#090909;border-left:1px solid var(--line);padding:80px 35px;overflow:auto}.close{position:absolute;right:25px;top:20px;background:none;border:0;font-size:30px}.drawer h2{font-family:"Archivo Black";font-size:50px;margin:0 0 10px}.drawer-img{height:300px;background:#111;display:grid;place-items:center;margin:20px 0}.drawer-img img{max-width:80%;max-height:80%;object-fit:contain}.drawer-price{color:var(--lime);margin:20px 0}.size-row{display:flex;gap:7px;margin:15px 0 25px}.size-row button{background:none;border:1px solid #333;padding:10px 14px;font-size:9px}.size-row button.selected{border-color:var(--lime);color:var(--lime)}.full{width:100%;justify-content:space-between}.cart-line{display:grid;grid-template-columns:70px 1fr auto;gap:12px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.cart-line img{width:70px;height:70px;object-fit:contain;background:#111}.qty{display:flex;gap:8px;align-items:center}.qty button{background:none;border:1px solid #333;width:25px;height:25px}.modal{position:fixed;inset:0;background:rgba(3,3,3,.97);z-index:90;display:none;padding:10vh 8vw;overflow:auto}.modal.open{display:block}.search-box{max-width:900px;margin:auto}.search-box input{width:100%;background:none;border:0;border-bottom:1px solid #444;color:white;font:700 clamp(35px,6vw,80px) "Archivo Black";outline:none;padding:15px 0;text-transform:uppercase}.search-result{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #222;font-size:12px}.admin{max-width:1100px;margin:auto}.admin-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:40px 0 20px}.admin-tabs button{border:0;background:#111;padding:13px 18px;font-size:9px}.admin-tabs button.active{background:var(--lime);color:#050505}.admin-row{border-bottom:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:center;font-size:11px}.admin-row small{color:#777}.admin-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-form input,.admin-form textarea{background:#0d0d0d;border:1px solid #333;color:white;padding:13px;font:10px "Space Mono"}.admin-form textarea{grid-column:1/-1;min-height:100px}.admin-form button{grid-column:1/-1;background:var(--lime);border:0;padding:15px;color:#050505;font-weight:700}.muted{color:#777;font-size:11px;line-height:1.7}.intro{position:fixed;inset:0;background:#050505;z-index:200;display:grid;place-items:center;overflow:hidden}.intro.hide{animation:introOut .8s forwards}.intro-grid{position:absolute;inset:0;background:linear-gradient(#171717 1px,transparent 1px),linear-gradient(90deg,#171717 1px,transparent 1px);background-size:70px 70px;opacity:.25}.intro-signal{position:absolute;top:-20vh;font-family:"Archivo Black";font-size:clamp(70px,15vw,190px);letter-spacing:-.08em;color:var(--white);transform:rotate(-4deg);text-shadow:8px 8px 0 var(--lime);animation:dropSignal 1.15s cubic-bezier(.2,.9,.2,1) .2s forwards;opacity:0}.intro-logo{position:relative;display:flex;flex-direction:column;align-items:center;z-index:3;opacity:0;transform:scale(.7);animation:logoHit 1s cubic-bezier(.1,.8,.15,1) 1.15s forwards}.intro-logo img{object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,255,255,.08))}.intro-logo #introEmblem{width:min(230px,32vw)}.intro-logo #introWord{width:min(390px,55vw);margin-top:-4px}.intro-logo #introApparel{width:min(260px,40vw);margin-top:5px}.impact{position:absolute;width:50vw;height:50vw;max-width:650px;max-height:650px;border-radius:50%;border:2px solid rgba(199,255,0,.35);opacity:0;animation:impact .8s ease-out 1.05s forwards}.impact span{position:absolute;inset:10%;border:1px solid #555;border-radius:50%}.impact span:nth-child(2){inset:25%}.impact span:nth-child(3){inset:40%}.smoke{position:absolute;width:260px;height:160px;border-radius:50%;filter:blur(30px);background:rgba(180,180,180,.12);opacity:0}.smoke-a{left:25%;bottom:25%;animation:smoke 3s ease 1.2s forwards}.smoke-b{right:22%;bottom:29%;animation:smoke 3.5s ease 1.3s forwards}.smoke-c{left:45%;top:25%;animation:smoke 4s ease 1.4s forwards}.enter{position:absolute;bottom:75px;z-index:5;border:1px solid var(--lime);background:var(--lime);color:#050505;padding:14px 18px;font-size:10px;font-weight:700;letter-spacing:.12em;opacity:0;animation:fadeUp .6s ease 2.1s forwards}.sound-note{position:absolute;bottom:35px;font-size:8px;color:#555;letter-spacing:.1em;opacity:0;animation:fadeUp .6s ease 2.3s forwards}.intro-logo:after{content:"";position:absolute;width:130%;height:2px;background:var(--lime);bottom:35%;left:-15%;transform:scaleX(0);animation:glitchline .35s steps(2) 1.7s forwards}@keyframes dropSignal{0%{opacity:0;transform:translateY(-45vh) rotate(-4deg) scale(1.2)}65%{opacity:1;transform:translateY(7vh) rotate(-4deg) scale(1)}80%{transform:translateY(-2vh) rotate(-4deg)}100%{opacity:1;transform:translateY(0) rotate(-4deg)}}@keyframes logoHit{0%{opacity:0;transform:translateY(30px) scale(.55);filter:blur(10px)}60%{opacity:1;transform:translateY(-8px) scale(1.06);filter:blur(0)}100%{opacity:1;transform:scale(1)}}@keyframes impact{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes smoke{0%{opacity:0;transform:translateY(30px) scale(.5)}30%{opacity:.7}100%{opacity:0;transform:translateY(-90px) scale(1.5)}}@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes glitchline{to{transform:scaleX(1)}}@keyframes introOut{to{opacity:0;visibility:hidden}}@media(max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-art{height:300px}.product-grid{grid-template-columns:repeat(2,1fr)}.manifesto{grid-template-columns:1fr;min-height:auto;padding-block:100px}.info-strip{grid-template-columns:repeat(2,1fr)}.info-strip div{padding:25px}.footer{grid-template-columns:1fr}.footer-meta{text-align:left}.footer-logo{font-size:52px}}@media(max-width:560px){.topbar{padding:0 18px}.tools{gap:8px}.brand span:last-child{display:none}.hero{padding-inline:22px}.shop{padding:80px 18px}.section-head{display:block}.filters{margin-top:25px}.product-grid{grid-template-columns:1fr}.product-image{height:360px}.manifesto{padding-inline:22px}.info-strip{grid-template-columns:1fr 1fr}.footer{padding-inline:22px}.footer-links{margin-top:20px}.footer-meta{text-align:left}.intro-signal{font-size:24vw}.intro-logo #introEmblem{width:42vw}.intro-logo #introWord{width:75vw}.intro-logo #introApparel{width:50vw}}

/* Product-open impact transition */
.product-transition{position:fixed;inset:0;z-index:150;background:#050505;display:none;place-items:center;overflow:hidden}
.product-transition.play{display:grid;animation:ptOut .85s ease .9s forwards}
.pt-noise{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.055) 4px 5px);mix-blend-mode:screen;opacity:.35}
.pt-ring{position:absolute;width:35vw;height:35vw;border:1px solid var(--lime);border-radius:50%;animation:ptRing .7s cubic-bezier(.2,.8,.2,1) forwards}
.pt-ring:before,.pt-ring:after{content:"";position:absolute;inset:12%;border:1px solid #555;border-radius:50%}.pt-ring:after{inset:30%}
.pt-signal{font-family:"Archivo Black";font-size:clamp(55px,12vw,150px);letter-spacing:-.08em;transform:translateY(-120vh) rotate(-5deg);text-shadow:6px 6px 0 var(--lime);animation:ptDrop .72s cubic-bezier(.1,.9,.15,1) forwards}
.product-transition img{position:absolute;width:min(220px,34vw);opacity:0;transform:scale(.5);animation:ptLogo .55s ease .42s forwards}
.pt-line{position:absolute;width:70%;height:2px;background:var(--lime);transform:scaleX(0);animation:ptLine .3s steps(2) .62s forwards}
.pt-smoke{position:absolute;width:45vw;height:18vw;border-radius:50%;background:#aaa;filter:blur(35px);opacity:0;animation:ptSmoke 1s ease .35s forwards}
@keyframes ptDrop{0%{transform:translateY(-120vh) rotate(-5deg)}72%{transform:translateY(8vh) rotate(-5deg)}100%{transform:translateY(0) rotate(-5deg)}}
@keyframes ptRing{from{transform:scale(.1);opacity:1}to{transform:scale(2.3);opacity:0}}
@keyframes ptLogo{to{opacity:1;transform:scale(1)}}
@keyframes ptLine{to{transform:scaleX(1)}}
@keyframes ptSmoke{0%{opacity:0;transform:scale(.4)}35%{opacity:.12}100%{opacity:0;transform:translateY(-70px) scale(1.4)}}
@keyframes ptOut{to{opacity:0;visibility:hidden}}
.admin-lock{max-width:520px;margin:10vh auto 0}.admin-lock h2{margin-bottom:18px}.admin-lock input{width:100%;background:#0d0d0d;border:1px solid #333;color:white;padding:15px;font:12px "Space Mono";margin:10px 0 12px}.admin-lock button{width:100%;background:var(--lime);border:0;padding:15px;font-weight:700;color:#050505}.admin-error{color:#ff3b30;font-size:10px;min-height:18px}
.social-preview{display:flex;gap:14px;margin-top:18px;font-size:10px}.social-preview a{color:var(--lime)}
