@import "https://fonts.googleapis.com/css2?family=Anton&family=Space+Mono:wght@400;700&display=swap";
@font-face{font-family:Attack Graffiti;src:url(/fonts/aAttackGraffiti.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}:root{--acid:#b9e600;--purple:#a127d8;--ink:#070908;--panel:#101410;--line:#2d3527;--bone:#d9d2c5}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);color:var(--bone);margin:0;font-family:Space Mono,monospace;overflow-x:hidden}button,a{font:inherit}button{color:inherit}::selection{background:var(--acid);color:#000}.mobile-header{display:none}.lab-nav{z-index:50;background:linear-gradient(90deg,#060806 82%,#0000);border-right:1px solid #313a29;width:330px;padding:24px 20px;position:fixed;inset:0 auto 0 0}.lab-nav:before{content:"";z-index:-1;opacity:.35;background:repeating-linear-gradient(0deg,#0000 0 38px,#151914 39px 40px);position:absolute;inset:0 18px}.lab-logo{width:100%;color:var(--acid);cursor:pointer;background:#0b0d0b;border:2px solid #3c4831;padding:20px 10px 24px;transform:rotate(-1deg);box-shadow:inset 0 0 22px #000,0 0 0 5px #080a08}.lab-logo strong{letter-spacing:1px;text-shadow:3px 3px #344300;font-family:Anton,sans-serif;font-size:51px;line-height:.9;display:block}.lab-logo span{color:#d9d2c5;letter-spacing:12px;font-family:Anton,sans-serif;font-size:33px;display:block}.lab-logo small{letter-spacing:1px;margin-top:10px;font-size:10px;display:block}.lab-nav nav{gap:8px;margin-top:22px;display:grid}.lab-nav nav button{text-align:left;cursor:pointer;background:linear-gradient(90deg,#111510,#090b09);border:1px solid #3d4933;border-left:4px solid #303a28;align-items:center;gap:16px;min-height:78px;padding:10px 16px;transition:all .2s;display:flex;box-shadow:inset 0 0 15px #000}.lab-nav nav button:hover,.lab-nav nav button:focus-visible{border-color:var(--acid);background:#171d13;outline:none;transform:translate(6px)}.lab-nav nav i{text-align:center;width:42px;color:var(--acid);font-size:37px;font-style:normal}.lab-nav nav b{color:var(--acid);text-transform:uppercase;letter-spacing:0;text-shadow:2px 2px #50106b,4px 3px #16051d;transform-origin:0;margin-bottom:8px;font-family:Attack Graffiti,Anton,sans-serif;font-size:32px;font-weight:400;line-height:1;transition:all .2s;display:block;position:relative;transform:rotate(-2deg)}.lab-nav nav button:nth-child(2n) b{transform:rotate(1.5deg)}.lab-nav nav button:hover b,.lab-nav nav button.active b{color:#dcff3d;text-shadow:3px 3px #7b18a5,5px 4px #16051d;transform:rotate(-3deg)scale(1.08)}.lab-nav nav small{color:#99ba13;text-transform:uppercase;font-size:9px;line-height:1.3;display:block}.nav-note{color:var(--purple);font-size:11px;font-weight:700;position:absolute;bottom:18px;left:34px;transform:rotate(-3deg)}.hero{background-image:linear-gradient(90deg,#050705 0%,#050705e0 22%,#05070524 58%,#05070540),url(/northside-lab.jpg);background-position:60%;background-size:cover;align-items:center;min-height:100svh;margin-left:330px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 65%,#000c),radial-gradient(circle at 68% 42%,#0000 0 26%,#00000047 70%);position:absolute;inset:0}.hero-noise{z-index:1;opacity:.12;pointer-events:none;mix-blend-mode:overlay;background-image:repeating-radial-gradient(circle at 20% 30%,#fff 0 1px,#0000 1px 4px);background-size:7px 9px;position:absolute;inset:0}.hero-content{z-index:3;width:min(570px,52vw);margin-left:clamp(34px,6vw,110px);padding:90px 0 130px;position:relative}.eyebrow,.section-title p{color:var(--acid);letter-spacing:3px;font-size:11px;font-weight:700}.hero h1{color:#e4dfd5;letter-spacing:-2px;text-shadow:5px 5px #080808;margin:12px 0 18px;font-family:Anton,sans-serif;font-size:clamp(76px,9vw,142px);line-height:.8;transform:rotate(-2deg)}.hero h1 em{color:var(--purple);text-shadow:4px 4px #22002d;font-style:normal}.hero-copy{color:#c2c8b8;text-shadow:1px 1px #000;max-width:550px;font-size:14px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin:28px 0;display:flex}.acid-button,.ghost-button,.license{border:1px solid var(--acid);cursor:pointer;padding:15px 20px;font-weight:700;transition:all .2s}.acid-button,.license{background:var(--acid);color:#090b08;box-shadow:4px 4px #3d4a00}.acid-button:hover,.license:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #3d4a00}.ghost-button{color:var(--acid);background:#050705bf}.ghost-button:hover{background:var(--acid);color:#000}.reactor{color:var(--acid);background:#040804db;border:1px solid #556b14;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:8px;padding:13px;font-size:10px;display:grid;box-shadow:inset 0 0 24px #000}.reactor span{color:#698217;letter-spacing:2px;grid-column:1/-1}.wave{grid-column:1/-1;align-items:center;gap:4px;height:28px;display:flex;overflow:hidden}.wave i{background:var(--acid);width:3px;height:30%;animation:.7s ease-in-out infinite alternate pulse}.wave i:nth-child(3n){height:90%;animation-delay:.2s}.wave i:nth-child(2n){height:55%;animation-delay:.4s}@keyframes pulse{to{height:100%;filter:drop-shadow(0 0 5px var(--acid))}}.scroll-hint{z-index:4;color:#b7c795;letter-spacing:2px;font-size:9px;position:absolute;bottom:30px;left:50%}.trust-strip{background:#090c09;border-block:1px solid #3a432f;grid-template-columns:repeat(4,1fr);min-height:74px;margin-left:330px;display:grid}.trust-strip span{color:var(--purple);border-right:1px solid #333a2d;justify-content:center;align-items:center;gap:12px;padding:18px;font-size:24px;display:flex}.trust-strip b{color:var(--acid);font-size:10px}.content-section{border-bottom:1px solid var(--line);background:radial-gradient(circle at 90% 20%,#871aae1a,#0000 28%),#090c09;margin-left:330px;padding:110px clamp(28px,6vw,100px)}.section-title{align-items:flex-start;gap:22px;max-width:840px;margin-bottom:55px;display:flex}.section-title>span{color:#27311f;font-family:Anton,sans-serif;font-size:85px;line-height:.8}.section-title p{margin:0 0 8px}.section-title h2{color:#ebe7dc;letter-spacing:1px;margin:0;font-family:Anton,sans-serif;font-size:clamp(40px,5vw,72px);line-height:1}.section-title small{color:#8e9788;margin-top:14px;line-height:1.6;display:block}.project-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.playlist-feature{background:linear-gradient(135deg,#10150e 0%,#080a08 62%);border:1px solid #3e4934;grid-template-columns:minmax(220px,.8fr) minmax(340px,1.35fr);gap:28px;margin:0 0 42px;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 38px #0000007a}.playlist-feature:before{content:"";border:25px solid var(--purple);opacity:.12;pointer-events:none;border-radius:50%;width:210px;height:210px;position:absolute;bottom:-120px;left:-85px}.playlist-copy{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px clamp(8px,2vw,28px);display:flex;position:relative}.playlist-copy>span{color:#5c6d38;letter-spacing:2px;font-size:8px}.playlist-copy>p{color:var(--acid);letter-spacing:3px;margin:28px 0 8px;font-size:9px;font-weight:700}.playlist-copy h3{color:#ebe7dc;letter-spacing:1px;margin:0;font-family:Anton,sans-serif;font-size:clamp(38px,4vw,62px);line-height:.9}.playlist-copy h3 em{color:var(--purple);font-style:normal}.playlist-copy small{color:#8e9788;max-width:360px;margin:22px 0;font-size:9px;line-height:1.7}.playlist-copy a{color:#090b08;background:var(--acid);border-radius:48% 52% 43% 57%/44% 38% 62% 56%;padding:12px 15px;font-size:9px;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:4px 5px #3d4a00}.playlist-copy a:hover,.playlist-copy a:focus-visible{outline:none;transform:translateY(-2px)rotate(-1deg);box-shadow:6px 8px #3d4a00}.spotify-player{z-index:1;background:#050705;border:1px solid #31392b;min-width:0;padding:8px;position:relative}.spotify-player iframe{border:0;border-radius:10px;width:100%;display:block}.project-card{background:#0d110d;border:1px solid #30382b;padding:12px 12px 22px;transition:all .25s}.project-card:hover{border-color:var(--acid);transform:translateY(-7px)}.project-art{aspect-ratio:4/3;background:repeating-linear-gradient(45deg,#10170c 0 12px,#1c2513 13px 24px);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-art:before{content:"";filter:blur(1px);opacity:.25;border:18px solid;border-radius:50%;width:170px;height:170px;position:absolute}.art-1{color:var(--acid)}.art-2{color:var(--purple)}.art-3{color:#e4dfd5}.project-art span{font-size:9px;position:absolute;top:12px;left:12px}.project-art strong{z-index:1;font-family:Anton,sans-serif;font-size:48px;transform:rotate(-6deg)}.project-card>small{color:var(--acid);margin:18px 0 8px;font-size:9px;display:block}.project-card h3{margin:0 0 20px;font-size:18px}.project-card a{color:#8e9788;font-size:10px;text-decoration:none}.project-card a:hover{color:var(--acid)}.artists{background:#070907}.artist-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.artist{text-align:left;background:#0b0e0b;border:1px solid #283023;min-width:0;padding:10px 10px 20px;transition:all .25s}.artist:hover{border-color:var(--acid);transform:translateY(-5px);box-shadow:0 12px 32px #00000061}.artist-photo{aspect-ratio:4/5;background:#11170e;border-bottom:2px solid #455235;width:100%;display:block;position:relative;overflow:hidden}.artist-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 65%,#000000b8);position:absolute;inset:0}.artist-photo img{object-fit:cover;width:100%;height:100%;transition:transform .35s,filter .35s;display:block;transform:scale(1.02)}.artist:hover .artist-photo img{filter:contrast(1.05)saturate(1.08);transform:scale(1.07)}.artist-photo>span{z-index:2;width:34px;height:34px;color:var(--acid);border:1px solid var(--acid);background:#080a08;place-items:center;font-size:9px;display:grid;position:absolute;bottom:9px;right:10px}.artist h3{color:#ebe7dc;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;margin:16px 6px 5px;font-family:Anton,sans-serif;font-size:26px;overflow:hidden}.artist-instagram{color:#8fa113;overflow-wrap:anywhere;align-items:center;gap:6px;margin:0 6px;font-size:9px;text-decoration:none;display:inline-flex}.artist-instagram:hover,.artist-instagram:focus-visible{color:var(--acid);outline:none}.artist-instagram span{color:var(--purple);font-size:14px}.beat-section{background:#0b0d0a}.currency-bar{background:#090c09;border:1px solid #303a29;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:14px 16px;display:flex}.currency-bar>div:first-child>span{color:var(--acid);letter-spacing:2px;font-size:10px;font-weight:700;display:block}.currency-bar>div:first-child>small{color:#697363;font-size:8px}.currency-switch{gap:6px;display:flex}.currency-switch button{color:#89947e;cursor:pointer;background:#10140f;border:1px solid #3a4431;border-radius:44% 56% 49% 51%/55% 42% 58% 45%;min-width:68px;padding:8px 10px;transition:all .2s}.currency-switch button b{font-size:11px;display:block}.currency-switch button small{font-size:7px;display:block}.currency-switch button:hover,.currency-switch button.active{border-color:var(--acid);background:var(--acid);color:#080a08;transform:translateY(-2px)rotate(-1deg);box-shadow:3px 4px #3d4a00}.filters{flex-wrap:wrap;gap:7px;margin-bottom:22px;display:flex}.filters button{color:#8f9c82;cursor:pointer;background:#0c100c;border:1px solid #39432f;padding:9px 13px;font-size:9px}.filters button.active,.filters button:hover{color:#000;background:var(--acid);border-color:var(--acid)}.beat-table{border-top:1px solid #39432f}.beat-row{border-bottom:1px solid #252c21;grid-template-columns:44px 120px minmax(180px,1fr) 64px 90px 96px 110px;align-items:center;gap:14px;padding:17px 10px;transition:all .2s;display:grid}.beat-row:hover,.beat-row.playing{background:#11170e}.beat-row.playing{box-shadow:inset 4px 0 var(--acid)}.play{border:1px solid var(--acid);width:38px;height:38px;color:var(--acid);cursor:pointer;background:#090b09;border-radius:50%}.beat-wave{color:#4b5c36;letter-spacing:-2px;overflow:hidden}.playing .beat-wave{color:var(--acid);animation:.5s infinite alternate flicker}@keyframes flicker{to{opacity:.55}}.beat-name small,.data small{color:#5e6858;font-size:7px;display:block}.beat-name h3{margin:2px 0;font-size:15px}.beat-name span{color:#7f8978;font-size:9px}.data{color:#c2c9b9;font-size:11px}.price{color:var(--acid);white-space:nowrap;font-size:11px}.license{padding:9px;font-size:9px}.demo-note{color:#5d6658;margin-top:18px;font-size:8px}.service-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.service-card{background:linear-gradient(135deg,#11150f,#090b09);border:1px solid #31392b;padding:32px;position:relative;overflow:hidden}.service-card:after{content:"";border:1px solid var(--purple);opacity:.3;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-50px;right:-45px}.service-card i{color:var(--acid);font-size:44px;font-style:normal}.service-card>span{color:#5c6d38;margin-top:16px;font-size:8px;display:block}.service-card h3{margin:5px 0 12px;font-family:Anton,sans-serif;font-size:35px}.service-card p{color:#8f9789;font-size:11px;line-height:1.6}.service-card button{color:var(--acid);cursor:pointer;background:0 0;border:0;padding:10px 0;font-size:9px}.contact{text-align:center;background:radial-gradient(circle,var(--purple) -100%,#080a08 55%);border-bottom:1px solid #30372b;margin-left:330px;padding:120px 30px}.contact p{color:var(--acid);letter-spacing:4px;font-size:10px}.contact h2{margin:20px 0 40px;font-family:Anton,sans-serif;font-size:clamp(54px,8vw,110px);line-height:.9}.contact h2 em{color:var(--acid);font-style:normal}.contact a{border:1px solid var(--acid);color:#000;background:var(--acid);padding:17px 22px;font-weight:700;text-decoration:none;display:inline-block}footer{color:#66705f;background:#050705;justify-content:space-between;align-items:center;gap:20px;margin-left:330px;padding:35px;font-size:8px;display:flex}footer div b{color:var(--acid);font-family:Anton,sans-serif;font-size:25px;display:block}footer div span{font-size:7px}footer nav{gap:18px;display:flex}footer a{color:#7f8976;text-decoration:none}footer a:hover{color:var(--acid)}.lab-nav nav button.active{border-color:var(--acid);border-left-color:var(--acid);background:linear-gradient(90deg,#1b2413,#0b0e0a);box-shadow:inset 5px 0 18px #b9e6001a,0 0 18px #b9e6000f}.project-card .text-link{color:#8e9788;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.project-card .text-link:hover{color:var(--acid)}footer button{color:#7f8976;cursor:pointer;font-size:inherit;background:0 0;border:0;padding:0}footer button:hover{color:var(--acid)}.tab-panel:not(.active){display:none}.tab-panel.active{animation:.38s cubic-bezier(.2,.8,.2,1) both panel-in}.content-section.tab-panel.active{min-height:calc(100svh - 105px)}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)scale(.995)}to{opacity:1;transform:none}}.acid-button,.ghost-button,.license{isolation:isolate;border-radius:42% 58% 48% 52%/32% 38% 62% 68%;transition:transform .25s,box-shadow .25s,border-radius .3s,background .2s;position:relative}.acid-button:before,.license:before,.contact a:before{content:"";z-index:-1;background:var(--acid);width:18px;height:13px;box-shadow:36px 3px 0 -3px var(--acid),92px -1px 0 -5px var(--acid);border-radius:20% 20% 65% 45%/20% 20% 80% 80%;transition:height .25s,transform .25s;position:absolute;bottom:-8px;left:18%;transform:rotate(4deg)}.acid-button,.license{box-shadow:4px 6px #3d4a00}.acid-button:hover,.license:hover{border-radius:56% 44% 59% 41%/45% 35% 65% 55%;transform:translate(-2px,-3px)rotate(-1deg);box-shadow:7px 9px #3d4a00}.acid-button:hover:before,.license:hover:before,.contact a:hover:before{height:19px;transform:translateY(3px)rotate(-4deg)}.ghost-button{box-shadow:inset 0 0 0 1px #b9e6001a}.ghost-button:after{content:"";z-index:-1;border:1px solid var(--acid);background:#080b08;border-top:0;border-radius:0 0 80% 45%;width:11px;height:9px;position:absolute;bottom:-6px;right:24%}.ghost-button:hover{border-radius:61% 39% 43% 57%/38% 56% 44% 62%;transform:rotate(1deg)translateY(-2px)}.filters button{border-radius:48% 52% 43% 57%/38% 45% 55% 62%;transition:transform .2s,border-radius .25s,background .2s}.filters button:nth-child(2n){border-radius:59% 41% 55% 45%/50% 38% 62% 50%}.filters button.active,.filters button:hover{border-radius:38% 62% 55% 45%/62% 42% 58% 38%;transform:translateY(-2px)rotate(-1deg)}.contact a{isolation:isolate;border-radius:57% 43% 61% 39%/37% 55% 45% 63%;transition:transform .25s,border-radius .3s,box-shadow .25s;position:relative;box-shadow:5px 7px #3d4a00}.contact a:hover{border-radius:41% 59% 45% 55%/59% 38% 62% 41%;transform:translateY(-4px)rotate(-1deg);box-shadow:8px 11px #3d4a00}@media (max-width:1100px){.lab-nav{width:270px}.hero,.trust-strip,.content-section,.contact,footer{margin-left:270px}.lab-logo strong{font-size:40px}.lab-nav nav button{min-height:70px}.beat-row{grid-template-columns:42px 90px 1fr 55px 80px}.beat-row .price{display:none}.project-grid,.artist-row,.trust-strip{grid-template-columns:1fr 1fr}}@media (max-width:760px){.mobile-header{z-index:80;background:#050705f0;border-bottom:1px solid #34402b;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.brand-mini,.menu-button{color:var(--acid);background:0 0;border:0;font-weight:700}.brand-mini span{border:1px solid var(--acid);place-items:center;width:28px;height:28px;margin-right:7px;display:inline-grid}.menu-button{font-size:28px}.lab-nav{width:min(330px,88vw);padding-top:78px;transition:all .24s;transform:translate(-105%)}.lab-nav.open{transform:translate(0)}.hero,.trust-strip,.content-section,.contact,footer{margin-left:0}.hero{background-position:68%;min-height:100svh}.hero-content{width:auto;margin:0;padding:130px 22px 110px}.hero h1{font-size:73px}.hero-copy{max-width:86%}.reactor{grid-template-columns:1fr 1fr}.reactor span,.wave{grid-column:1/-1}.scroll-hint{left:22px}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip span{justify-content:flex-start;font-size:18px}.content-section{padding:80px 20px}.section-title>span{font-size:55px}.playlist-feature{grid-template-columns:1fr;gap:8px;padding:10px}.playlist-copy{padding:20px 12px 24px}.playlist-copy>p{margin-top:20px}.spotify-player iframe{height:420px}.project-grid,.artist-row,.service-grid{grid-template-columns:1fr}.beat-row{grid-template-columns:42px 1fr 58px}.beat-wave,.beat-row .data:nth-of-type(2),.beat-row .price{display:none}.license{padding:10px;font-size:0}.license:after{content:"BUY";font-size:9px}.license.unavailable:after{content:"INFO"}.contact{padding:90px 20px}footer{text-align:center;flex-direction:column}footer nav{justify-content:center}.currency-bar{flex-direction:column;align-items:flex-start}.currency-switch{grid-template-columns:repeat(4,1fr);width:100%;display:grid}.currency-switch button{min-width:0;padding-inline:5px}.beat-row{grid-template-columns:42px minmax(0,1fr) auto;grid-template-areas:"play name license"".bpm price";row-gap:7px;padding:17px 6px}.beat-row .play{grid-area:play}.beat-row .beat-name{grid-area:name;min-width:0}.beat-row .beat-name h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.beat-row .data{grid-area:bpm;display:block}.beat-row .data:nth-of-type(2){display:none}.beat-row .price{text-align:right;grid-area:price;align-self:end;font-size:10px;display:block}.beat-row .license{grid-area:license;align-self:center;min-width:58px}.beat-row .beat-wave{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}