
:root{
  --bg: #090909;
  --ink: #e6e6e6;
  --muted: rgba(255,255,255,.7);
  --off: #0a0a0a;
  --red:#8B0000;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#000;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
a{color:var(--ink);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}

.font-headline{font-family:"Bebas Neue",Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:.02em}

header .nav-link{color:var(--muted)}
header .nav-link:hover{color:#fff}
.logo{height:28px;width:auto}
.hero{position:relative;min-height:78vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.hero .hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:contrast(1.05) saturate(.85);opacity:.18}
.vignette:before{content:"";position:absolute;inset:0;pointer-events:none;background:
radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,.35) 58%, rgba(0,0,0,.8) 100%);}
.grain{position:relative}
.grain:after{content:"";position:absolute;inset:-10%;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='table' tableValues='0 0 .06 0'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:multiply;opacity:.45}
.glitch{position:relative;display:inline-block}
.glitch:before,.glitch:after{content:attr(data-text);position:absolute;left:0;top:0;overflow:hidden;clip-path:inset(0 0 0 0);}
.glitch:before{transform:translate(1px,0);text-shadow:-2px 0 var(--red);opacity:.9;mix-blend-mode:screen}
.glitch:after{transform:translate(-1px,0);text-shadow:2px 0 #00ffd5;opacity:.9;mix-blend-mode:screen}

.chips{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}
.chip{border:1px solid rgba(255,255,255,.15);padding:.35rem .6rem;font-size:.8rem;background:rgba(0,0,0,.6)}

.btn{display:inline-block;border:1px solid rgba(255,255,255,.15);padding:.8rem 1.4rem;background:transparent}
.btn-primary{background:var(--red);color:#fff;border-color:transparent}
.btn:hover{filter:brightness(1.05)}

.card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08)}
.lineup h3{font-weight:700;letter-spacing:.02em}

footer{border-top:1px solid rgba(255,255,255,.1)}
.footer-badge{max-width:180px;opacity:.9}

.shopify-buy__btn{background:var(--red)!important;border:none!important}
.shopify-buy__btn:hover,.shopify-buy__btn:focus{background:#a70f0f!important}

.container{max-width:1200px;margin:0 auto;padding:0 1.25rem}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.muted{color:var(--muted)}
.center{text-align:center}
.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-6{margin-bottom:1.5rem}
.p-hero{padding:7vh 0 10vh}
