@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700;800&family=Permanent+Marker&display=swap');

:root{--bg:#070707;--panel:#101010;--panel2:#151515;--line:#262626;--text:#f5f5f5;--muted:#8d8d8d;--hot:#efefef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,5vw,72px);background:rgba(7,7,7,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}
.brand{display:flex;align-items:center;gap:16px}.area-code{font-family:"Archivo Black",Impact,sans-serif;font-size:34px;line-height:1;letter-spacing:-4px;font-style:italic;transform:skew(-7deg);text-shadow:2px 2px 0 #3d3d3d}.brand-copy{font-size:11px;font-weight:800;letter-spacing:.2em}
nav{display:flex;gap:24px;font-size:13px;color:#b9b9b9}nav a:hover{color:white}
main{max-width:1440px;margin:auto}.hero{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:80px clamp(20px,6vw,90px);overflow:hidden;position:relative;background:radial-gradient(circle at 78% 45%,#242424 0,#101010 24%,#080808 55%)}
.hero:before{content:"631";position:absolute;left:-20px;bottom:-70px;font-family:"Archivo Black";font-size:330px;letter-spacing:-35px;color:rgba(255,255,255,.025)}
.hero-copy{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:.32em;font-weight:800;color:#888}.hero h1{font-family:"Archivo Black";font-size:clamp(54px,8vw,116px);line-height:.82;letter-spacing:-.065em;margin:18px 0 26px}.hero h1 span{-webkit-text-stroke:1px #aaa;color:transparent}.lede{max-width:610px;font-size:18px;line-height:1.7;color:#a8a8a8}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.primary-btn,.ghost-btn{padding:14px 19px;border-radius:999px;font-weight:700;font-size:13px}.primary-btn{background:#f3f3f3;color:#080808}.ghost-btn{border:1px solid #444}.hero-record{justify-self:center;width:min(38vw,460px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#0a0a0a 0 4px,#1b1b1b 5px 7px);border:1px solid #333;box-shadow:0 25px 80px #000;display:grid;place-items:center;animation:spin 18s linear infinite}.record-label{width:32%;aspect-ratio:1;border-radius:50%;background:#d6d6d6;color:#090909;display:grid;place-content:center;text-align:center}.record-label strong{font:30px "Archivo Black"}.record-label span{font-size:8px;letter-spacing:.2em}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hero-record{animation:none}}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats div{padding:26px clamp(20px,6vw,90px);border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{display:block;font:30px "Archivo Black"}.stats span{font-size:10px;letter-spacing:.22em;color:#777}
.section{padding:90px clamp(20px,6vw,90px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section h2{font:clamp(32px,4vw,58px) "Archivo Black";letter-spacing:-.045em;margin:8px 0}.count{font-size:12px;color:#777}
.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.record-card{min-width:0}.cover{position:relative;aspect-ratio:1;border-radius:4px;overflow:hidden;display:grid;place-items:center;isolation:isolate;border:1px solid #272727;box-shadow:0 14px 35px rgba(0,0,0,.25);transition:transform .25s ease}.record-card:hover .cover{transform:translateY(-5px)}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 30%,rgba(0,0,0,.3));z-index:-1}.cover-big{font:clamp(32px,6vw,78px) "Archivo Black";letter-spacing:-.08em;z-index:2}.cover-big.small{font-size:clamp(24px,4vw,52px);line-height:.82}.cover-big.tiny{font-size:clamp(22px,3.4vw,46px);text-align:center}.vinyl-disc{position:absolute;width:42%;aspect-ratio:1;border-radius:50%;right:-13%;bottom:-10%;background:repeating-radial-gradient(circle,#090909 0 3px,#272727 4px 5px);border:1px solid #444;box-shadow:-8px -6px 25px rgba(0,0,0,.35)}.bad{background:linear-gradient(140deg,#ededed 0 38%,#a2a2a2 39%,#151515 40%);color:#090909}.offwall{background:linear-gradient(110deg,#e6d9c1,#847a69);color:#18130e}.cover-script{font:42px "Permanent Marker";line-height:.8;transform:rotate(-8deg)}.nwa{background:linear-gradient(155deg,#171717,#666);text-align:center}.stamp{position:absolute;top:10%;left:10%;font:20px "Archivo Black";border:3px solid white;padding:5px 8px;transform:rotate(-7deg)}.juice{background:radial-gradient(circle at 35% 30%,#c2bba4,#656154 55%,#242424);color:#151515}.scribble{font:clamp(24px,3vw,42px) "Permanent Marker";text-align:center;transform:rotate(-5deg)}.ruthless{background:radial-gradient(circle,#5a5a5a,#101010);}.ruthless-r{position:absolute;font:clamp(120px,17vw,230px) "Archivo Black";opacity:.18}.octane{background:radial-gradient(circle at center,#414141,#090909 63%)}.octane-ring{position:absolute;width:62%;aspect-ratio:1;border:2px solid #777;border-radius:50%;box-shadow:0 0 0 16px #151515,0 0 0 18px #3c3c3c}.signed{position:absolute;bottom:8%;font:13px "Permanent Marker";transform:rotate(-5deg)}.record-info{padding:14px 2px 20px}.record-info .year{font-size:9px;letter-spacing:.2em;color:#747474}.record-info h3{font-size:17px;margin:6px 0 4px}.record-info p{margin:0;color:#858585;font-size:13px}
.streaming{background:#0c0c0c;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.live-pill{font-size:10px;letter-spacing:.15em;border:1px solid #333;border-radius:999px;padding:8px 11px}.live-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#eee;margin-right:7px}.stream-layout{display:grid;grid-template-columns:1.45fr .55fr;gap:20px}.stream-preview{min-height:420px;border:1px solid #303030;border-radius:12px;background:radial-gradient(circle at center,#242424,#090909 62%);display:flex;flex-direction:column;padding:20px;position:relative;overflow:hidden}.stream-preview:before{content:"631";position:absolute;right:-15px;top:-40px;font:190px "Archivo Black";color:rgba(255,255,255,.035)}.preview-top,.preview-bottom{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.18em;color:#858585;z-index:1}.live-badge{color:#111;background:#eee;padding:5px 8px;border-radius:4px;font-weight:900}.preview-center{margin:auto;text-align:center;z-index:1}.preview-center strong{font:clamp(60px,9vw,115px) "Archivo Black";letter-spacing:-.08em}.preview-center p{font-size:11px;letter-spacing:.3em;color:#8e8e8e}.wave{height:38px;display:flex;align-items:center;justify-content:center;gap:4px}.wave i{display:block;width:3px;background:#bdbdbd;border-radius:5px;animation:wave 1s ease-in-out infinite}.wave i:nth-child(2n){animation-delay:.15s}.wave i:nth-child(3n){animation-delay:.3s}@keyframes wave{0%,100%{height:8px}50%{height:34px}}@media(prefers-reduced-motion:reduce){.wave i{animation:none;height:18px}}
.stream-links{display:flex;flex-direction:column;gap:10px}.stream-intro{font-size:13px;line-height:1.6;color:#858585;margin:0 0 8px}.stream-intro code{color:#ccc}.platform{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:15px;border:1px solid #292929;border-radius:10px;background:#111}.platform:hover{border-color:#555}.platform-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#1d1d1d;font-weight:900}.platform b,.platform small{display:block}.platform small{color:#747474;margin-top:3px}.platform em{font-style:normal;color:#777}
.about{max-width:800px}.about p:last-child{font-size:18px;line-height:1.7;color:#8b8b8b}footer{display:flex;justify-content:space-between;align-items:center;padding:28px clamp(20px,6vw,90px);border-top:1px solid var(--line);font-size:10px;letter-spacing:.18em;color:#777}footer strong{font:26px "Archivo Black";letter-spacing:-3px;color:#eee}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-record{width:min(75vw,390px);margin-top:25px}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stream-layout{grid-template-columns:1fr}.stats div{padding:22px 18px}.brand-copy{display:none}}
@media(max-width:480px){.record-grid{grid-template-columns:1fr 1fr;gap:10px}.record-info h3{font-size:14px}.record-info p{font-size:11px}.section{padding-top:65px;padding-bottom:65px}.hero h1{font-size:53px}.stats strong{font-size:22px}.stats span{font-size:8px}.preview-bottom{flex-direction:column}}

.cover-photo{background:#0b0b0b}
.cover-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:-2}
.cover-photo:after{background:linear-gradient(145deg,rgba(255,255,255,.05),transparent 32%,rgba(0,0,0,.18))}
.signed-cover-badge{position:absolute;top:12px;left:12px;z-index:3;background:rgba(0,0,0,.78);border:1px solid rgba(255,255,255,.25);padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.15em}


/* ===== v6 — exact requested dark green: #006400 ===== */
:root{
  --bg:#020502;
  --panel:#050b05;
  --panel2:#071107;
  --line:rgba(0,100,0,.48);
  --text:#f4f6f4;
  --muted:#8b988b;
  --hot:#006400;
  --green:#006400;
  --green-soft:#168316;
}
body{
  background:
    radial-gradient(circle at 15% 8%,rgba(0,100,0,.22),transparent 28%),
    radial-gradient(circle at 88% 42%,rgba(0,100,0,.14),transparent 32%),
    #020502;
}
.site-header{
  background:rgba(2,5,2,.90);
  border-bottom-color:rgba(0,100,0,.38);
}
.area-code{
  color:#1c9b1c;
  text-shadow:2px 2px 0 #003b00,0 0 24px rgba(0,100,0,.55);
}
nav a:hover{color:#36a936}
.hero{
  background:
    linear-gradient(90deg,rgba(2,5,2,.96),rgba(2,8,2,.72)),
    radial-gradient(circle at 78% 45%,#006400 0,#003d00 23%,#020502 59%);
}
.hero h1 span{-webkit-text-stroke:1px #168316}
.primary-btn{
  background:#006400;
  color:#fff;
  box-shadow:0 0 32px rgba(0,100,0,.36);
}
.primary-btn:hover{background:#087608}
.ghost-btn{border-color:#005200}
.ghost-btn:hover{background:rgba(0,100,0,.12);border-color:#168316}
.hero-record{
  background:repeating-radial-gradient(circle,#020502 0 4px,#071307 5px 7px);
  border-color:#006400;
  box-shadow:0 25px 90px #000,0 0 65px rgba(0,100,0,.28)
}
.record-label{background:#006400;color:#fff}
.stats{background:rgba(0,35,0,.2)}
.stats strong{color:#27a227}
.eyebrow{color:#168316}
.record-card:hover .cover{
  box-shadow:0 18px 46px rgba(0,0,0,.55),0 0 0 1px #006400,0 0 32px rgba(0,100,0,.25)
}
.record-info .year{color:#168316}
.streaming{
  background:
    radial-gradient(circle at 25% 50%,rgba(0,100,0,.20),transparent 37%),
    #030703;
}
.live-pill{
  border-color:#006400;
  color:#39ad39;
  background:rgba(0,100,0,.10);
}
.live-pill i{background:#18a218;box-shadow:0 0 14px rgba(0,150,0,.85)}
.stream-preview{
  border-color:#006400;
  background:
    linear-gradient(rgba(2,8,2,.48),rgba(2,5,2,.82)),
    radial-gradient(circle at center,#006400,#003900 48%,#020502 80%);
  box-shadow:inset 0 0 75px rgba(0,100,0,.14),0 0 35px rgba(0,100,0,.08)
}
.stream-preview:before{color:rgba(0,150,0,.08)}
.preview-center strong{color:#e8f3e8;text-shadow:0 0 40px rgba(0,100,0,.7)}
.wave i{background:#25a625}
.live-badge{background:#006400;color:#fff}
.platform{
  border-color:rgba(0,100,0,.52);
  background:linear-gradient(135deg,#061006,#030803);
}
.platform:hover{
  border-color:#168316;
  background:rgba(0,100,0,.15);
  transform:translateX(3px);
}
.platform-icon{
  background:#003c00;
  color:#56bb56;
  box-shadow:inset 0 0 0 1px rgba(0,100,0,.5);
}
.platform em{color:#168316}
footer{border-top-color:rgba(0,100,0,.42)}
footer strong{color:#24a124}
::selection{background:#006400;color:#fff}