:root{--ink:#070709;--paper:#efeee9;--pink:#ff2aa1;--lime:#d7ff35;--line:rgba(239,238,233,.18);--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,42,161,.11),transparent 68%);pointer-events:none;z-index:2;transform:translate(-50%,-50%)}.nav{position:fixed;z-index:20;top:0;width:100%;height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(#070709b5,transparent);backdrop-filter:blur(8px)}.brand{font-size:1.6rem;font-weight:700;letter-spacing:-.08em}.brand span{font:400 .5rem var(--mono);vertical-align:top;margin-left:4px;color:var(--lime)}.nav nav{display:flex;gap:3rem}.nav nav a,.nav-cta{font:500 .7rem var(--mono);text-transform:uppercase;letter-spacing:.12em}.nav nav a{color:#c4c2bd;transition:.3s}.nav nav a:hover{color:var(--pink)}.nav-cta{border:1px solid #ffffff66;padding:.85rem 1.1rem}.nav-cta span{color:var(--lime);margin-left:1rem}.hero{height:100svh;min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;background:url('assets/dj-hero.png') center/cover no-repeat;transform:scale(1.03)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,9,.94) 0%,rgba(7,7,9,.48) 42%,rgba(7,7,9,.05) 72%),linear-gradient(0deg,rgba(7,7,9,.9),transparent 40%)}.hero-grain{position:absolute;inset:0;opacity:.2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.hero-copy{position:relative;z-index:3;margin-left:7vw;margin-top:5vh}.eyebrow,.kicker,.section-label,.index{font:400 .65rem var(--mono);text-transform:uppercase;letter-spacing:.18em}.eyebrow{display:flex;align-items:center;gap:.7rem}.eyebrow span{width:7px;height:7px;background:var(--pink);border-radius:50%;box-shadow:0 0 16px var(--pink)}h1{font-size:clamp(4.4rem,10vw,10rem);letter-spacing:-.085em;line-height:.76;margin:2.7rem 0 3rem;font-weight:600}h1 em,.section-heading h2 em,.contact h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--paper)}.hero-bottom{display:flex;align-items:center;gap:6rem}.hero-bottom>p{font-size:.9rem;color:#c5c2bd;line-height:1.6}.play{display:flex;align-items:center;gap:1rem;background:none;border:0;color:white;font:500 .65rem var(--mono);text-transform:uppercase;letter-spacing:.13em;cursor:pointer}.play-icon{height:54px;width:54px;display:grid;place-items:center;border:1px solid #ffffff88;border-radius:50%;font-size:.7rem;padding-left:2px;transition:.3s}.play:hover .play-icon{background:var(--pink);border-color:var(--pink);transform:scale(1.08)}.scroll-cue{position:absolute;z-index:3;right:3vw;bottom:3rem;writing-mode:vertical-rl;font:400 .55rem var(--mono);letter-spacing:.17em;color:#aaa}.scroll-cue span{color:var(--lime);margin-top:1rem}.marquee{height:76px;display:flex;align-items:center;overflow:hidden;background:var(--lime);color:var(--ink);transform:rotate(-1.2deg) scale(1.02);font:700 2rem var(--mono);white-space:nowrap}.marquee div{animation:marquee 18s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:9rem 7vw}.section-label{display:flex;gap:1.3rem;color:#8e8b87}.section-label span{color:var(--pink)}.music-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center;margin-top:4rem}.release-art{aspect-ratio:1;background:radial-gradient(circle at 50% 50%,#2a061e,transparent 53%),linear-gradient(145deg,#140e17,#040405);display:grid;place-items:center;position:relative;overflow:hidden}.release-art:before{content:"";position:absolute;inset:8%;border:1px solid #ff2aa144;transform:rotate(13deg)}.orb{width:48%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 65% 30%,#fff 0 1%,#ff94d2 5%,#ff128c 24%,#3d001f 60%,#030303 74%);box-shadow:0 0 55px #ff2aa155;animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-14px) scale(1.02)}}.release-meta{position:absolute;bottom:2rem;left:2rem;font:400 .55rem var(--mono);letter-spacing:.16em}.release-info h2{font-size:clamp(4rem,8vw,8rem);line-height:.77;letter-spacing:-.08em;margin:1.5rem 0 2rem}.kicker{color:var(--lime)}.description{color:#9e9b96;line-height:1.7;max-width:440px}.listen{width:100%;margin-top:3rem;padding:1.2rem 0;background:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:1rem;color:white;text-transform:uppercase;font:400 .65rem var(--mono);letter-spacing:.12em;cursor:pointer}.listen b{margin-left:auto;color:#777;font-weight:400}.equalizer{display:flex;gap:2px;height:15px;align-items:center}.equalizer i{width:2px;height:5px;background:var(--pink)}.listen.active .equalizer i{animation:eq .6s ease-in-out infinite alternate}.listen.active .equalizer i:nth-child(2){animation-delay:.2s}.listen.active .equalizer i:nth-child(3){animation-delay:.35s}@keyframes eq{to{height:15px}}.shows{background:var(--paper);color:var(--ink)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start}.section-heading h2{font-size:clamp(4rem,8vw,8rem);line-height:.79;text-align:right;letter-spacing:-.08em;margin:0}.section-heading h2 em{-webkit-text-stroke-color:var(--ink)}.show-list{margin-top:6rem;border-top:1px solid #bbb}.show-row{display:grid;grid-template-columns:140px 1fr auto 40px;align-items:center;gap:2rem;padding:2rem 1rem;border-bottom:1px solid #bbb;transition:.3s}.show-row:hover{background:var(--ink);color:var(--paper);padding-left:2rem}.show-row time{font:400 .65rem var(--mono);color:#777}.show-row time b{font-size:2rem;color:inherit;margin-right:.4rem}.show-row h3{font-size:1.45rem;margin:0 0 .3rem}.show-row p{margin:0;color:#888;font-size:.8rem}.tag{font:400 .55rem var(--mono);border:1px solid #999;border-radius:20px;padding:.5rem .8rem}.arrow{font-size:1.5rem;color:var(--pink)}.about{min-height:740px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#08080a,#16101a)}.manifesto{font-size:clamp(2.8rem,5.2vw,6rem);font-weight:500;letter-spacing:-.055em;line-height:1.05}.manifesto em{font-family:serif;font-weight:400;color:var(--pink)}.about-copy{max-width:360px;align-self:flex-end;margin-bottom:4rem}.index{color:var(--lime)}.about-copy p{font-size:1.05rem;line-height:1.65;color:#bbb;margin:2rem 0}.about-copy a{font:400 .65rem var(--mono);text-transform:uppercase;border-bottom:1px solid #777;padding-bottom:.5rem}.about-copy a span{color:var(--pink)}.contact{text-align:center;padding:10rem 4vw 7rem;background:var(--pink);color:var(--ink)}.contact .eyebrow{justify-content:center}.contact .eyebrow span{background:var(--ink);box-shadow:none}.contact h2{font-size:clamp(5rem,13vw,13rem);line-height:.72;letter-spacing:-.09em;margin:3rem 0 5rem}.contact h2 em{-webkit-text-stroke-color:var(--ink)}.email{font:500 clamp(1rem,2vw,1.6rem) var(--mono);border-bottom:2px solid var(--ink);padding-bottom:.7rem}.socials{display:flex;justify-content:center;gap:3rem;margin-top:8rem;font:500 .62rem var(--mono);text-transform:uppercase}.socials a:hover{text-decoration:underline}footer{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;font:400 .55rem var(--mono);color:#777}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}@media(max-width:760px){.cursor-glow,.nav nav{display:none}.nav{height:68px}.hero{min-height:680px}.hero-art{background-position:62% center}.hero-copy{margin:8vh 6vw 0}.hero-bottom{gap:1rem;justify-content:space-between}.scroll-cue{display:none}.section{padding:7rem 6vw}.music-grid{grid-template-columns:1fr}.section-heading{display:block}.section-heading h2{text-align:left;margin-top:3rem}.show-row{grid-template-columns:74px 1fr 25px;gap:1rem}.show-row .tag{display:none}.show-row time b{font-size:1.3rem}.show-row h3{font-size:1rem}.about{display:block}.about-copy{margin:5rem 0 0}.contact{padding-top:8rem}.socials{flex-wrap:wrap;gap:1.5rem;margin-top:6rem}footer span:nth-child(2){display:none}}
