@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{--ink:#090909;--paper:#f1f0ea;--lime:#c9ff38;--violet:#7b5cff;--orange:#ff6b35;--line:rgba(241,240,234,.18);--muted:#a7a69f;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:fixed;left:1rem;top:-4rem;z-index:99;background:var(--lime);color:#000;padding:.7rem 1rem}.skip:focus{top:1rem}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.04;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}.wrap{width:min(calc(100% - 3rem),var(--max));margin:auto}.eyebrow,.kicker,.meta,.footer-label{font:500 .78rem/1.3 DM Mono,monospace;text-transform:uppercase;letter-spacing:.14em}.eyebrow{color:var(--lime)}header{position:fixed;top:0;left:0;right:0;z-index:30;transition:.3s;background:linear-gradient(#090909bb,transparent)}header.scrolled{background:#090909ee;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}nav{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{font:700 1rem/1 Space Grotesk,sans-serif;letter-spacing:-.02em;display:flex;gap:.7rem;align-items:center}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;font:500 .65rem DM Mono}.nav-links{display:flex;align-items:center;gap:2rem;font-size:.9rem}.nav-links a:hover,.nav-links a:focus-visible{color:var(--lime)}.menu{display:none;background:none;border:1px solid var(--line);color:#fff;padding:.6rem .8rem}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#050505}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.74}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.22) 65%),linear-gradient(0deg,#090909 0%,transparent 30%)}.hero-content{position:relative;z-index:2;padding:11rem 0 5rem;width:min(100%,950px)}h1,h2,h3{font-family:Space Grotesk,sans-serif;letter-spacing:-.055em;margin:0;line-height:.93}.hero h1{font-size:clamp(4.2rem,12vw,10.5rem);max-width:8ch;margin:.25rem 0 2rem}.hero h1 em{color:var(--lime);font-style:normal}.hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end}.hero-copy p{font-size:1.1rem;max-width:42ch;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;width:max-content;padding:.95rem 1.25rem;border:1px solid var(--paper);font-weight:600;transition:.2s}.btn:hover,.btn:focus-visible{background:var(--lime);color:#000;border-color:var(--lime);transform:translateY(-2px)}.section{padding:7rem 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3rem}.section-head h2{font-size:clamp(3rem,7vw,6rem)}.section-note{color:var(--muted);max-width:30ch}.artist-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.artist-card{position:relative;min-height:390px;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;isolation:isolate}.artist-card:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 75% 20%,var(--accent),transparent 35%),linear-gradient(145deg,#161616,#080808)}.artist-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-35px;bottom:-40px;transition:.45s}.artist-card:hover:after{width:330px;height:330px;right:-70px;bottom:-110px}.artist-card .num{color:var(--muted)}.artist-card h3{font-size:clamp(2.7rem,6vw,5.5rem);max-width:8ch}.artist-card p{color:#cac9c2;max-width:34ch}.arrow{font-size:2rem;position:absolute;right:2rem;top:1.6rem;transition:.2s}.artist-card:hover .arrow{transform:translate(5px,-5px);color:var(--lime)}.story{background:var(--paper);color:var(--ink)}.story-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.story h2{font-size:clamp(3rem,7vw,6.5rem);max-width:7ch}.story-copy{font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.35;letter-spacing:-.025em}.story-copy p:first-child{margin-top:0}.statement{padding:3rem 0;border-top:1px solid #bbb9b0;border-bottom:1px solid #bbb9b0;margin-top:3rem;display:flex;justify-content:space-between;gap:2rem}.cta{background:var(--lime);color:#050505;padding:6rem 0}.cta h2{font-size:clamp(3.5rem,10vw,9rem);max-width:10ch}.cta-row{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-top:3rem}.cta .btn{border-color:#000}.cta .btn:hover{background:#000;color:var(--lime)}footer{padding:3rem 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer-grid p{color:var(--muted)}.artist-hero{padding:10rem 0 5rem;min-height:72vh;display:flex;align-items:end;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.artist-hero:before{content:"";position:absolute;width:min(65vw,720px);aspect-ratio:1;border:1px solid var(--accent);border-radius:50%;right:-12vw;top:8vh;box-shadow:0 0 120px color-mix(in srgb,var(--accent) 28%,transparent)}.artist-hero h1{font-size:clamp(4.5rem,13vw,12rem);max-width:8ch;position:relative}.artist-hero .meta{color:var(--accent);margin-bottom:1rem}.artist-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:6rem 0}.portrait-slot{aspect-ratio:4/5;border:1px solid var(--line);display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 20%,#111),#080808);position:relative;overflow:hidden}.portrait-slot:after{content:"Artist image";font:500 .72rem DM Mono;letter-spacing:.15em;text-transform:uppercase;color:#ffffff88}.bio h2{font-size:clamp(2.8rem,5vw,5rem);margin-bottom:2rem}.bio p{color:#c8c7c0;max-width:58ch;font-size:1.06rem}.platforms{display:flex;flex-wrap:wrap;gap:.75rem;margin:2.5rem 0}.platform{padding:.8rem 1rem;border:1px solid var(--line);color:var(--muted);cursor:not-allowed}.placeholder-box{border-top:1px solid var(--line);padding-top:1.5rem;margin-top:3rem}.placeholder-box ol{padding-left:1.2rem}.back{display:inline-block;margin-top:3rem;color:var(--lime)}@media(max-width:760px){.wrap{width:min(calc(100% - 2rem),var(--max))}.nav-links{position:fixed;inset:84px 0 auto;background:#090909;display:none;flex-direction:column;align-items:flex-start;padding:2rem}.nav-links.open{display:flex}.menu{display:block}.hero-content{padding-bottom:3rem}.hero-copy,.story-grid,.artist-body{grid-template-columns:1fr}.hero-copy{gap:1.5rem}.section{padding:5rem 0}.section-head{align-items:start;flex-direction:column}.artist-grid{grid-template-columns:1fr}.artist-card{min-height:330px}.story-grid{gap:2rem}.statement,.cta-row{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.artist-hero{min-height:60vh}.artist-hero:before{width:90vw}.artist-body{gap:3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.portrait-slot[aria-label*="Oni The Emoji"],.portrait-slot[aria-label*="Marcellus Mercy"],.portrait-slot[aria-label*="RA The Plug"],.portrait-slot[aria-label*="Aeryse"],.portrait-slot[aria-label*="3rd Elemt"],.portrait-slot[aria-label*="Iman Blu"]{background-position:center;background-size:cover;background-repeat:no-repeat}
.portrait-slot[aria-label*="Oni The Emoji"]{background-image:url("oni-the-emoji-artwork.png")}
.portrait-slot[aria-label*="Marcellus Mercy"]{background-image:url("marcellus-mercy-artwork.png")}
.portrait-slot[aria-label*="RA The Plug"]{background-image:url("ra-the-plug-artwork.png")}
.portrait-slot[aria-label*="Aeryse"]{background-image:url("aeryse-artwork.png")}
.portrait-slot[aria-label*="3rd Elemt"]{background-image:url("3rd-elemt-artwork.png")}
.portrait-slot[aria-label*="Iman Blu"]{background-image:url("iman-blu-artwork.png")}
.portrait-slot[aria-label*="Oni The Emoji"]:after,.portrait-slot[aria-label*="Marcellus Mercy"]:after,.portrait-slot[aria-label*="RA The Plug"]:after,.portrait-slot[aria-label*="Aeryse"]:after,.portrait-slot[aria-label*="3rd Elemt"]:after,.portrait-slot[aria-label*="Iman Blu"]:after{content:""}
.platform{cursor:pointer!important}
.platform:hover,.platform:focus-visible{color:#000;background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}

/* DeNovo Radio */
.radio{background:#0e0e0e;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.radio-shell{display:grid;grid-template-columns:.7fr 1.3fr;border:1px solid var(--line);background:#090909}
.radio-selector{display:flex;flex-direction:column;border-right:1px solid var(--line)}
.radio-artist{display:flex;align-items:center;gap:1rem;text-align:left;background:transparent;color:var(--muted);border:0;border-bottom:1px solid var(--line);padding:1.2rem 1.35rem;cursor:pointer;transition:.2s}
.radio-artist:last-child{border-bottom:0}
.radio-artist span{font:500 .72rem DM Mono,monospace;color:#666}
.radio-artist:hover,.radio-artist:focus-visible{color:#fff;background:#141414}
.radio-artist.active{background:var(--lime);color:#050505}
.radio-artist.active span{color:#050505}
.radio-stage{padding:2rem;min-width:0;background:radial-gradient(circle at 90% 0,rgba(201,255,56,.1),transparent 36%)}
.radio-now{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
.radio-now h3{font-size:clamp(2.25rem,5vw,4.8rem);margin-top:.35rem}
.equalizer{height:54px;display:flex;align-items:flex-end;gap:5px}
.equalizer i{display:block;width:4px;background:var(--lime);animation:pulse 1.15s ease-in-out infinite alternate}
.equalizer i:nth-child(1){height:30%;animation-delay:-.7s}.equalizer i:nth-child(2){height:75%;animation-delay:-.25s}.equalizer i:nth-child(3){height:48%;animation-delay:-.9s}.equalizer i:nth-child(4){height:95%;animation-delay:-.45s}.equalizer i:nth-child(5){height:58%;animation-delay:-.1s}
@keyframes pulse{to{height:20%}}
.embed-frame{min-height:380px}
.embed-frame iframe,.profile-player iframe{display:block;width:100%;border:0;border-radius:12px}
.radio-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem}
.shuffle{background:transparent;color:var(--paper);cursor:pointer}
.radio-profile{color:var(--lime);font-weight:600}
.profile-player{margin:1.5rem 0 3rem}.profile-player .meta{color:var(--accent);margin-bottom:.8rem}
@media(max-width:760px){.radio-shell{grid-template-columns:1fr}.radio-selector{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.radio-artist:nth-last-child(2){border-bottom:0}.radio-stage{padding:1.25rem}.radio-now{align-items:flex-start}.equalizer{height:40px}.embed-frame{min-height:352px}.radio-actions{align-items:flex-start;flex-direction:column}}
