:root{
  --bg:#000;
  --bg2:#0a0a0a;
  --ink:#fff;
  --muted:#8a8a8a;
  --red:#e10600;
  --red-hot:#ff1a1a;
  --card:#111;
  --card-line:#1d1d1d;
  --max:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
body{overflow-x:hidden;scroll-behavior:smooth}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* film grain */
.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.08;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:14px 24px;background:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,.4) 80%,transparent);
  backdrop-filter:blur(6px)}
.brand img{width:44px;height:44px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px var(--red)}
.links{display:flex;gap:22px;font-family:'Anton',sans-serif;letter-spacing:.12em;font-size:14px}
.links a{position:relative;padding:6px 0;transition:color .2s}
.links a:hover{color:var(--red-hot)}
.links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.links a:hover::after{transform:scaleX(1)}
@media (max-width:640px){.links{gap:14px;font-size:12px}}

/* HERO */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:120px 24px 60px;text-align:center;overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 30%, #1a0000 0%, transparent 60%),
    radial-gradient(ellipse at 80% 80%, #200000 0%, transparent 50%),
    #000;
}
.hero::before{content:"";position:absolute;inset:0;background:
  repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.02) 3px 4px);
  pointer-events:none}
.splatter{position:absolute;width:600px;height:600px;background-repeat:no-repeat;background-size:contain;opacity:.5;pointer-events:none;filter:blur(.3px)}
.splatter-1{top:-100px;left:-150px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='%23e10600'><circle cx='30' cy='40' r='8'/><circle cx='80' cy='20' r='4'/><circle cx='120' cy='60' r='12'/><circle cx='160' cy='30' r='3'/><circle cx='50' cy='110' r='6'/><circle cx='100' cy='140' r='10'/><circle cx='170' cy='120' r='5'/><circle cx='40' cy='170' r='9'/><circle cx='130' cy='180' r='4'/><circle cx='180' cy='80' r='7'/></g></svg>");
  transform:rotate(-12deg)}
.splatter-2{bottom:-150px;right:-120px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='%23ffffff' opacity='0.4'><circle cx='30' cy='40' r='3'/><circle cx='80' cy='20' r='2'/><circle cx='120' cy='60' r='6'/><circle cx='160' cy='30' r='2'/><circle cx='50' cy='110' r='4'/><circle cx='100' cy='140' r='5'/><circle cx='170' cy='120' r='3'/><circle cx='40' cy='170' r='4'/><circle cx='130' cy='180' r='2'/><circle cx='180' cy='80' r='4'/></g></svg>");
  transform:rotate(20deg)}
.hero-logo{font-family:'Bungee',sans-serif;font-size:clamp(72px,16vw,220px);line-height:.9;letter-spacing:.01em;
  color:#fff;text-align:center;position:relative;z-index:2;animation:pulse 4s ease-in-out infinite;
  text-shadow:0 8px 0 #000, 0 0 40px rgba(255,255,255,.15);transform:skewX(-3deg)}
.hero-logo .drip{display:inline-block;position:relative}
.hero-logo .zz{color:var(--red-hot);font-family:'Permanent Marker',cursive;transform:rotate(-2deg) translateY(.04em);
  text-shadow:0 6px 0 #000, 0 0 30px rgba(255,26,26,.55);margin:0 -.02em}
.hero-logo .drip::after{content:"";position:absolute;left:8%;right:8%;bottom:-.18em;height:.22em;
  background:
    radial-gradient(circle at 10% 0,#fff 0 6px,transparent 7px),
    radial-gradient(circle at 28% 0,#fff 0 4px,transparent 5px),
    radial-gradient(circle at 46% 0,#fff 0 8px,transparent 9px),
    radial-gradient(circle at 64% 0,#fff 0 5px,transparent 6px),
    radial-gradient(circle at 82% 0,#fff 0 7px,transparent 8px),
    radial-gradient(circle at 96% 0,#fff 0 4px,transparent 5px);
  pointer-events:none}
.hero-logo .zz::after{background:
    radial-gradient(circle at 20% 0,var(--red-hot) 0 6px,transparent 7px),
    radial-gradient(circle at 50% 0,var(--red-hot) 0 8px,transparent 9px),
    radial-gradient(circle at 80% 0,var(--red-hot) 0 5px,transparent 6px)}
@keyframes pulse{0%,100%{transform:skewX(-3deg) scale(1)}50%{transform:skewX(-3deg) scale(1.015)}}
.tagline{font-family:'Anton',sans-serif;font-size:clamp(38px,8vw,96px);letter-spacing:.04em;margin-top:8px;text-shadow:0 6px 0 #000;position:relative;z-index:2}
.tagline .red{color:var(--red-hot);font-family:'Permanent Marker',cursive;display:inline-block;transform:rotate(-2deg);text-shadow:0 0 12px rgba(255,26,26,.6)}
.sub{margin-top:14px;color:var(--muted);font-size:14px;letter-spacing:.18em;text-transform:uppercase;position:relative;z-index:2}
.cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap;justify-content:center;position:relative;z-index:2}
.btn{font-family:'Anton',sans-serif;letter-spacing:.14em;padding:16px 26px;border:2px solid var(--ink);transition:all .2s;cursor:pointer;display:inline-block;font-size:15px}
.btn.primary{background:var(--red);border-color:var(--red);color:#fff;box-shadow:6px 6px 0 #fff}
.btn.primary:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #fff;background:var(--red-hot)}
.btn.ghost{background:transparent;color:#fff;box-shadow:6px 6px 0 var(--red)}
.btn.ghost:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--red);background:#fff;color:#000}

/* ticker */
.ticker{position:absolute;left:0;right:0;bottom:0;background:var(--red);color:#fff;overflow:hidden;border-top:3px solid #fff;border-bottom:3px solid #fff}
.ticker-track{display:flex;gap:28px;padding:14px 0;font-family:'Anton',sans-serif;letter-spacing:.16em;font-size:18px;white-space:nowrap;animation:scroll 32s linear infinite}
.ticker .dot{opacity:.7}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* SECTIONS */
.section{max-width:var(--max);margin:0 auto;padding:120px 24px 60px;position:relative}
.section-title{font-family:'Anton',sans-serif;font-size:clamp(46px,9vw,110px);letter-spacing:.02em;line-height:.95;text-align:center}
.section-title .red{color:var(--red-hot);font-family:'Permanent Marker',cursive;display:inline-block;transform:rotate(-3deg)}
.section-sub{text-align:center;color:var(--muted);margin-top:14px;letter-spacing:.18em;text-transform:uppercase;font-size:13px}

/* STRAIN GRID */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:50px}
.card{position:relative;background:var(--card);border:1px solid var(--card-line);padding:28px 24px 32px;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s;overflow:hidden;min-height:220px}
.card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--c);transition:width .25s}
.card:hover{border-color:var(--c);box-shadow:0 20px 40px rgba(0,0,0,.6)}
.card:hover::before{width:12px}
.card-tag{position:absolute;top:18px;right:22px;font-family:'Anton',sans-serif;font-size:36px;color:transparent;-webkit-text-stroke:1.5px var(--c);opacity:.7;letter-spacing:.04em}
.card h3{font-family:'Anton',sans-serif;font-size:34px;letter-spacing:.04em;margin-top:24px;line-height:1.05}
.card .lineage{color:var(--c);font-weight:800;margin-top:10px;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.card .notes{color:var(--muted);margin-top:8px;font-size:14px}

/* DROPS */
.drops{padding-bottom:40px}
.drop{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:70px;
  background:linear-gradient(180deg,#0a0a0a,#000);border:1px solid var(--card-line);padding:40px;position:relative;overflow:hidden}
.drop.reverse{direction:rtl}
.drop.reverse > *{direction:ltr}
.drop::after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,transparent 40%,rgba(225,6,0,.06) 60%,transparent 80%);pointer-events:none}
.drop-art{display:flex;align-items:center;justify-content:center;background:#fff;padding:18px;min-height:340px}
.drop-art img{max-height:380px;width:auto;object-fit:contain}
.drop-eyebrow{color:var(--red-hot);letter-spacing:.22em;font-size:12px;font-weight:800;text-transform:uppercase}
.drop-text h3{font-family:'Anton',sans-serif;font-size:clamp(46px,7vw,82px);letter-spacing:.02em;margin-top:8px;line-height:.95}
.drop-text p{margin-top:14px;color:#d3d3d3;font-size:16px;line-height:1.6}
.drop-text p.muted{color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-top:18px}
@media (max-width:780px){.drop{grid-template-columns:1fr;padding:20px}.drop.reverse{direction:ltr}}

/* lemonz faux label */
.drop-art.lemonz{background:radial-gradient(ellipse at 30% 30%, #ffea8a, #f5c518 60%, #d39e00);position:relative;padding:30px;min-height:340px;overflow:hidden}
.drop-art.lemonz::before{content:"";position:absolute;inset:0;background-image:
  radial-gradient(circle at 20% 30%, #ff9100 0 6px, transparent 7px),
  radial-gradient(circle at 70% 20%, #ff9100 0 4px, transparent 5px),
  radial-gradient(circle at 80% 60%, #ff9100 0 8px, transparent 9px),
  radial-gradient(circle at 30% 80%, #ff9100 0 5px, transparent 6px),
  radial-gradient(circle at 55% 50%, #ff9100 0 7px, transparent 8px),
  radial-gradient(circle at 90% 90%, #ff9100 0 4px, transparent 5px);
  opacity:.55;pointer-events:none}
.lemonz-label{position:relative;z-index:1;background:#fffbe6;border-radius:50%;width:300px;height:230px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;
  border:3px solid #1c4a1c;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.lemonz-stamp{width:60px;height:60px;border-radius:50%;border:2px solid #000;margin-bottom:4px}
.lemonz-rea{font-family:'Bungee',sans-serif;font-size:38px;color:#1c4a1c;line-height:1;letter-spacing:-.02em}
.lemonz-rea span{color:#f5c518;-webkit-text-stroke:1.5px #1c4a1c;text-stroke:1.5px #1c4a1c}
.lemonz-org{font-family:'Anton',sans-serif;color:#1c4a1c;font-size:20px;letter-spacing:.12em;margin-top:2px}
.lemonz-cap{font-family:'Anton',sans-serif;font-size:11px;color:#1c4a1c;letter-spacing:.14em;margin-top:6px;border-top:1.5px solid #1c4a1c;padding-top:6px;width:100%}
.lemonz-wt{font-family:'Anton',sans-serif;font-size:10px;color:#1c4a1c;letter-spacing:.16em;margin-top:6px}

/* COLLABS */
.collabs .collab-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:50px}
.collab{background:var(--card);border:1px solid var(--card-line);padding:36px 24px;text-align:center;transition:all .2s}
.collab:hover{border-color:var(--red);transform:translateY(-4px)}
.collab h4{font-family:'Anton',sans-serif;font-size:38px;letter-spacing:.06em}
.collab p{color:var(--muted);margin-top:8px;letter-spacing:.14em;text-transform:uppercase;font-size:12px}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:50px}
.contact-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:28px 26px;background:var(--card);border:1px solid var(--card-line);transition:all .2s}
.contact-card:hover{border-color:var(--red-hot);background:#150000;transform:translateY(-3px)}
.contact-label{color:var(--red-hot);font-size:11px;letter-spacing:.22em;font-weight:800}
.contact-val{font-family:'Anton',sans-serif;font-size:26px;letter-spacing:.04em}

/* FOOTER */
.foot{text-align:center;padding:60px 24px 80px;border-top:1px solid var(--card-line);margin-top:60px;background:#050505}
.foot img{width:80px;height:80px;border-radius:50%;margin:0 auto 18px;border:2px solid #fff;box-shadow:0 0 0 2px var(--red)}
.foot p{color:var(--muted);font-size:13px;letter-spacing:.06em;margin-top:8px}
.foot .legal{max-width:680px;margin:14px auto 0;font-size:11px;color:#555;letter-spacing:.12em;text-transform:uppercase;line-height:1.7}