:root{--bg:#080808;--panel:#111;--line:#303030;--off:#dcdcdc;--muted:#8b8b8b;--red:#ff2020;--mono:'DM Mono',monospace;--sans:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--off);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' 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='.9'/%3E%3C/svg%3E")}.announcement{height:30px;border-bottom:1px solid #272727;display:flex;justify-content:space-between;align-items:center;padding:0 2.5vw;font:10px var(--mono);letter-spacing:.09em;color:#aaa}.announcement span:first-child{color:var(--red)}header{height:88px;padding:0 2.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222;position:relative;z-index:3;background:#080808}.brand{font:600 24px/1 var(--sans);letter-spacing:.25em;color:var(--off);text-decoration:none;display:flex;flex-direction:column}.brand span{color:var(--red)}.brand small{font:8px var(--mono);letter-spacing:.43em;margin-top:6px;color:#959595}nav{display:flex;gap:34px}nav a,.header-actions button,footer a{color:var(--off);font:11px var(--mono);letter-spacing:.1em;text-decoration:none;background:none;border:0;cursor:pointer}.header-actions{display:flex;gap:20px;align-items:center}.search{font-size:28px!important}.cart{border-left:1px solid #3b3b3b!important;padding-left:20px}.cart span{color:var(--red);margin-left:5px}.hero{min-height:720px;height:calc(100vh - 118px);position:relative;display:flex;align-items:center;padding:0 10vw;isolation:isolate;overflow:hidden}.hero-media{z-index:-2;position:absolute;inset:0;background:linear-gradient(90deg,#080808 5%,rgba(8,8,8,.84) 34%,rgba(8,8,8,.1) 80%),linear-gradient(0deg,#080808 0%,transparent 30%),url('assets/cyber-hero.png') center/cover}.hero:after{content:'';z-index:-1;position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.85%,rgba(255,255,255,.08) 50%,transparent 50.15%);background-size:12px 100%}.hero-copy{max-width:650px}.eyebrow{font:11px var(--mono);letter-spacing:.1em;color:#a7a7a7;margin:0 0 22px}.eyebrow i{display:inline-block;width:8px;height:8px;background:var(--red);margin-right:8px}.hero h1,.section h2,.manifest h2,.club h2{font:600 clamp(64px,8.8vw,154px)/.8 'Barlow Condensed',sans-serif;letter-spacing:-.04em;margin:0;text-transform:uppercase}.hero h1 em,.manifest h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #ddd}.hero-text{max-width:370px;font-size:15px;line-height:1.6;margin:32px 0}.button{font:11px var(--mono);letter-spacing:.12em;color:#111;background:var(--off);display:inline-flex;padding:17px 18px;text-decoration:none;gap:42px}.button b{color:var(--red);font-size:16px}.hero-side{position:absolute;right:2.5vw;top:35px;font:10px/1.8 var(--mono);text-align:right;color:#999}.hero-side span{color:var(--red)}.scroll{position:absolute;left:2.5vw;bottom:30px;font:10px var(--mono);letter-spacing:.1em;writing-mode:vertical-rl}.scroll span{color:var(--red);font-size:18px;margin-top:8px}.scan-line{position:absolute;left:2.5vw;right:2.5vw;bottom:0;border-top:1px solid #474747}.ticker{white-space:nowrap;overflow:hidden;border-top:1px solid #333;border-bottom:1px solid #333;padding:18px 0;background:var(--red);color:#000;font:600 19px var(--mono);letter-spacing:.06em}.ticker div{animation:run 25s linear infinite}.ticker b{padding:0 22px}@keyframes run{to{transform:translateX(-45%)}}.section{padding:130px 2.5vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-head>a{color:var(--off);font:11px var(--mono);text-decoration:none;border-bottom:1px solid #aaa;padding-bottom:8px}.section-head>a span{color:var(--red);font-size:18px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#343434;border:1px solid #343434}.product{background:var(--bg);position:relative;padding-bottom:19px}.product-art{height:385px;background:#161616;position:relative;overflow:hidden;display:grid;place-items:center}.product-art>span{position:absolute;top:13px;left:13px;font:9px var(--mono);color:#aaa}.product-art>b{position:absolute;bottom:15px;right:15px;font:10px var(--mono);color:var(--red);opacity:0;transition:.2s}.product:hover .product-art>b{opacity:1}.product-art:before{content:'';position:absolute;width:110%;height:1px;top:18%;background:#272727;transform:rotate(-30deg);box-shadow:0 115px #272727,0 230px #272727}.garment{position:relative;z-index:1}.shirt .garment{width:150px;height:190px;background:linear-gradient(100deg,#393939,#111 55%,#262626);clip-path:polygon(19% 0,38% 12%,62% 12%,81% 0,100% 24%,80% 39%,74% 100%,26% 100%,20% 39%,0 24%)}.shirt .garment:after{content:'VOID//CLUB';position:absolute;top:85px;left:18px;color:#ddd;font:12px var(--mono);transform:rotate(-2deg)}.jacket .garment{height:220px;width:148px;background:linear-gradient(90deg,#171717 49%,#555 50%,#141414 52%);clip-path:polygon(15% 0,38% 8%,50% 0,62% 8%,85% 0,100% 24%,80% 40%,75% 100%,25% 100%,20% 40%,0 24%)}.jacket .garment:after{content:'//';position:absolute;left:44%;top:50%;font:38px var(--mono);color:var(--red)}.cap .garment{width:180px;height:105px;border-radius:95px 95px 20px 20px;background:linear-gradient(135deg,#4b4b4b,#111 60%);transform:rotate(-12deg)}.cap .garment:after{content:'';position:absolute;width:120px;height:35px;background:#121212;right:-70px;bottom:0;border-radius:0 0 70px 0}.bag .garment{width:145px;height:205px;border:11px solid #383838;border-radius:18px;background:#131313}.bag .garment:before{content:'';position:absolute;width:55px;height:25px;border:8px solid #333;border-bottom:0;border-radius:14px 14px 0 0;left:35px;top:-33px}.product-info{padding:16px 15px 0}.product-info p{font:9px var(--mono);color:#888;margin:0 0 9px}.product-info h3{font-size:14px;letter-spacing:.02em;margin:0 0 8px}.product-info strong{font:11px var(--mono);font-weight:400}.add{position:absolute;right:14px;bottom:18px;background:none;border:0;color:var(--red);font:10px var(--mono);cursor:pointer;opacity:.7}.categories{border-top:1px solid #333;padding-top:72px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;border-top:1px solid #333;border-left:1px solid #333}.category-grid a{min-height:205px;padding:18px;border-right:1px solid #333;border-bottom:1px solid #333;color:#888;font:10px var(--mono);text-decoration:none;position:relative;transition:.25s}.category-grid strong{display:block;color:var(--off);font:600 38px 'Barlow Condensed';letter-spacing:.03em;position:absolute;bottom:19px}.category-grid span{color:var(--red);font-size:23px;position:absolute;right:18px;bottom:18px}.category-grid a:hover{background:#f0f0f0;color:#111}.category-grid a:hover strong{color:#111}.manifest{background:#d9d9d9;color:#0c0c0c;padding:120px 10vw;display:grid;grid-template-columns:1.4fr .6fr;gap:80px}.manifest .eyebrow{color:#454545}.manifest h2 em{-webkit-text-stroke:1px #111}.manifest>p{font:15px/1.65 var(--mono);align-self:end;margin:0}.club{text-align:center;border-bottom:1px solid #333}.club .eyebrow{margin-bottom:25px}.club h2{font-size:clamp(70px,10vw,160px)}.email{max-width:570px;border-bottom:1px solid #aaa;margin:52px auto 15px;display:flex}.email input{background:none;border:0;padding:17px 0;outline:0;color:#ddd;font:12px var(--mono);width:100%}.email button{color:#080808;background:var(--off);border:0;font:10px var(--mono);padding:0 18px;cursor:pointer}.club small{color:#888;font:10px var(--mono)}footer{padding:45px 2.5vw;display:flex;align-items:center;justify-content:space-between}footer p{font:9px var(--mono);color:#777}footer div{display:flex;gap:18px}.cart-panel{position:fixed;right:0;top:0;width:min(410px,100vw);height:100vh;background:#111;border-left:1px solid #444;z-index:10;padding:32px;transform:translateX(102%);transition:.3s}.cart-panel.open{transform:translateX(0)}.cart-panel>div{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #444}.cart-panel button{background:none;border:0;color:var(--off);cursor:pointer}.cart-panel>div button{font-size:30px}.cart-panel ul{list-style:none;margin:0;padding:25px 0;font:13px var(--mono);line-height:2}.cart-panel li{border-bottom:1px solid #292929;padding:13px 0}.cart-note{font:10px var(--mono);color:#888;position:absolute;bottom:105px}.checkout{position:absolute;bottom:34px;left:32px;right:32px;background:var(--red)!important;color:#070707!important;padding:18px;font:11px var(--mono)!important;letter-spacing:.1em}@media(max-width:800px){.announcement span:nth-child(2),nav{display:none}header{height:75px}.hero{min-height:620px;padding:0 8vw}.hero-media{background:linear-gradient(90deg,#080808 10%,rgba(8,8,8,.65)),url('assets/cyber-hero.png') 63% center/cover}.hero-side{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.product-art{height:260px}.section{padding:82px 5vw}.category-grid{grid-template-columns:repeat(2,1fr)}.category-grid a{min-height:145px}.category-grid strong{font-size:30px}.manifest{grid-template-columns:1fr;padding:80px 7vw;gap:35px}footer{align-items:flex-start;gap:25px;flex-direction:column}.section-head h2{font-size:70px}}
