:root{--paper:#f1f1ec;--ink:#0d100d;--line:#c9cbc4;--red:#f04432;--green:#0b3f31;--lime:#c9ff58;--muted:#6d736c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,input{font:inherit;color:inherit}.skip{position:absolute;left:-9999px}.topbar{height:70px;padding:0 3.2vw;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:3vw;position:sticky;top:0;background:#f1f1ecef;backdrop-filter:blur(10px);z-index:9}.brand{text-decoration:none;font:28px 'Archivo Black';letter-spacing:-2px}.brand i{font-style:normal;color:var(--red)}.topbar nav{display:flex;gap:25px;margin:auto}.topbar nav a{text-decoration:none;font-size:13px}.topbar>button{background:transparent;border:1px solid;padding:10px 15px}.hero{min-height:470px;display:grid;grid-template-columns:1.25fr .75fr;background:#11150f;color:#fff;padding:6vw 4vw;align-items:end}.eyebrow,.section header span{font:10px 'IBM Plex Mono';letter-spacing:.13em;color:var(--red)}h1{font:clamp(72px,10vw,162px)/.74 'Archivo Black';letter-spacing:-.075em;margin:30px 0 0}h1 em{font-style:normal;color:var(--lime)}.hero-side{padding-bottom:10px}.hero-side>p{color:#b8c0b5;line-height:1.65;font-size:16px;max-width:500px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #374037;margin-top:40px}.stats div{padding:20px 10px 0 0}.stats strong{font:28px 'Archivo Black';display:block}.stats span{font-size:9px;color:#a9b0a6}.finder{display:grid;grid-template-columns:1fr 2fr auto;gap:25px;align-items:end;padding:28px 3.2vw;border-bottom:1px solid var(--line)}.finder label span{display:block;font:10px 'IBM Plex Mono';margin-bottom:7px}.finder input{width:100%;border:0;border-bottom:1px solid;background:transparent;padding:10px 0;font-size:18px;outline:0}.letters{display:flex;gap:4px;flex-wrap:wrap}.letters button{width:31px;height:31px;border:1px solid var(--line);background:transparent;font-size:11px}.letters button.active{background:var(--ink);color:#fff}.source{display:flex;gap:9px;align-items:center;font-size:10px;white-space:nowrap}.source i{width:8px;height:8px;border-radius:50%;background:#28c877}.section{padding:70px 3.2vw;border-bottom:1px solid var(--line)}.section>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section h2{font:clamp(42px,5vw,78px)/.9 'Archivo Black';letter-spacing:-.06em;margin:8px 0 0}.section>header p{max-width:390px;color:var(--muted);font-size:13px}.featured{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.artist-card{position:relative;background:#fff;min-width:0;cursor:pointer;border:0;text-align:left;padding:0;overflow:hidden}.artist-card .portrait{aspect-ratio:1/1;overflow:hidden;background:#ddd}.artist-card img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s transform}.artist-card:hover img{transform:scale(1.04)}.artist-card .copy{display:block;padding:14px}.artist-card b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-card small{color:var(--muted);font-size:10px}.featured .artist-card:first-child{grid-row:span 1}.featured .artist-card:first-child .copy{position:absolute;inset:auto 0 0;color:#fff;background:linear-gradient(transparent,#000);padding:80px 20px 20px}.featured .artist-card:first-child b{font:28px 'Archivo Black'}.artist-grid{display:grid;grid-template-columns:repeat(6,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.artist-grid .artist-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.load-more{display:block;margin:35px auto 0;padding:14px 28px;background:transparent;border:1px solid}.empty{padding:50px;color:var(--muted)}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink)}.genre-grid button{min-height:160px;background:transparent;border:0;border-right:1px solid;border-bottom:1px solid;text-align:left;padding:25px;font:28px 'Archivo Black'}.genre-grid button:nth-child(3n){border-right:0}.genre-grid button:nth-child(n+4){border-bottom:0}.genre-grid small{font:11px Manrope;color:var(--muted)}.genre-grid button:hover{background:var(--green);color:#fff}.skeleton{min-height:280px;background:linear-gradient(90deg,#d7d9d2,#f2f2ed,#d7d9d2);background-size:200%;animation:pulse 1.4s infinite}@keyframes pulse{to{background-position:-200%}}dialog{width:min(1280px,96vw);height:94vh;max-width:none;max-height:none;border:0;padding:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#080a08dd;backdrop-filter:blur(7px)}.dialog-close{position:fixed;z-index:5;right:calc(2vw + 12px);top:calc(3vh + 12px);width:45px;height:45px;background:#fff;border:1px solid}.detail-loading{display:grid;place-items:center;height:100%;font:24px 'Archivo Black'}.profile{display:grid;grid-template-columns:350px 1fr;min-height:350px;background:var(--green);color:#fff}.profile>img{width:100%;height:350px;object-fit:cover}.profile>div{padding:55px;display:flex;flex-direction:column;justify-content:end}.profile h2{font:clamp(46px,7vw,100px)/.83 'Archivo Black';letter-spacing:-.065em;margin:13px 0}.profile p{color:#aac1b7}.profile-actions{display:flex;gap:10px}.profile-actions button{padding:12px 17px;border:1px solid #7b9a8f;background:transparent;color:#fff}.profile-actions button:first-child{background:var(--red);border-color:var(--red)}.detail-player{display:grid;grid-template-columns:2fr 1fr;background:#111;color:#fff}.video{aspect-ratio:16/9;position:relative}.video iframe{width:100%;height:100%;border:0}.video>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#080a08}.detail-player>div:last-child{padding:35px;align-self:end}.detail-player span,.detail-head span{font:9px 'IBM Plex Mono';color:var(--red)}.detail-player h3{font:25px 'Archivo Black'}.detail-section{padding:45px}.detail-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.detail-head h3{font:32px 'Archivo Black';margin:0}.video-rail{display:grid;grid-auto-flow:column;grid-auto-columns:260px;overflow-x:auto;gap:10px;padding-bottom:10px}.video-card{border:0;background:#fff;padding:0;text-align:left;cursor:pointer}.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.video-card b{display:block;padding:10px 12px 2px;font-size:13px}.video-card small{display:block;padding:0 12px 12px;color:var(--muted)}.album-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.album img{width:100%;aspect-ratio:1;object-fit:cover}.album b{font-size:12px;display:block;margin-top:7px}.album small{color:var(--muted);font-size:10px}.tracks ol,.tracks{margin:0}.tracks li{display:grid;grid-template-columns:40px 1fr auto;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}.tracks li span:first-child{font-family:'IBM Plex Mono';color:var(--red)}footer{padding:55px 3.2vw 100px;background:#10120f;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:18px}.footer-brand{font:36px 'Archivo Black';text-decoration:none}.footer-brand span{color:var(--red)}footer nav{display:flex;justify-content:flex-end;gap:18px}footer small{grid-column:1/-1;color:#7e857c}
@media(max-width:900px){.topbar nav{display:none}.topbar>button{margin-left:auto}.hero{grid-template-columns:1fr;padding:75px 20px 45px}.hero-side{margin-top:45px}.finder{grid-template-columns:1fr}.section{padding:55px 20px}.section>header{display:block}.featured{grid-template-columns:repeat(2,1fr)}.featured .artist-card:first-child{grid-column:1/-1}.artist-grid{grid-template-columns:repeat(3,1fr)}.genre-grid{grid-template-columns:1fr 1fr}.genre-grid button:nth-child(3n){border-right:1px solid}.genre-grid button:nth-child(2n){border-right:0}.genre-grid button:nth-child(n+4){border-bottom:1px solid}.profile{grid-template-columns:220px 1fr}.profile>img{height:300px}.profile>div{padding:30px}.detail-player{grid-template-columns:1fr}.album-grid{grid-template-columns:repeat(3,1fr)}footer{grid-template-columns:1fr}footer nav{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:520px){h1{font-size:72px}.stats{grid-template-columns:1fr 1fr}.stats div:last-child{display:none}.letters{flex-wrap:nowrap;overflow:auto;padding-bottom:8px}.featured{display:flex;overflow:auto;background:none;border:0;gap:10px}.featured .artist-card{min-width:78vw}.artist-grid{grid-template-columns:1fr 1fr}.genre-grid{grid-template-columns:1fr}.genre-grid button{border-right:0!important;border-bottom:1px solid!important}.profile{grid-template-columns:1fr}.profile>img{height:260px}.profile>div{padding:25px}.profile h2{font-size:50px}.detail-section{padding:30px 18px}.video-rail{grid-auto-columns:78vw}.album-grid{grid-template-columns:repeat(2,1fr)}dialog{width:100vw;height:100vh}.dialog-close{right:12px;top:12px}}