.producer-page{min-height:100vh;background:#090b0a;color:#f4f4ef}.producer-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);grid-gap:clamp(32px,7vw,100px);gap:clamp(32px,7vw,100px);align-items:end;padding:clamp(90px,13vw,170px) 7vw 80px;background:radial-gradient(circle at 80% 18%,rgba(208,255,80,.17),transparent 30%),linear-gradient(145deg,#121813,#090b0a 66%)}.producer-hero h1{max-width:900px;margin:14px 0 24px;font-family:var(--font-display),serif;font-size:clamp(52px,8vw,108px);font-weight:450;letter-spacing:-.055em;line-height:.88}.producer-hero h1 em{color:#d0ff50;font-weight:400}.producer-hero>div>p:not(.eyebrow){max-width:700px;color:#aeb8b0;font-size:clamp(16px,1.5vw,20px);line-height:1.65}.producer-hero aside{display:grid;border-top:1px solid #ffffff2b}.producer-hero aside span{display:grid;grid-template-columns:32px 1fr;grid-gap:12px;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #ffffff1f;color:#d9dfda;font-size:13px}.producer-hero aside b{color:#d0ff50}.producer-board,.producer-loop,.producer-rules{padding:72px 7vw}.producer-loop>div:last-child{display:grid;grid-template-columns:repeat(5,1fr);margin-top:30px;border:1px solid #ffffff24}.producer-loop article{display:grid;grid-gap:13px;gap:13px;min-height:205px;padding:24px;border-right:1px solid #ffffff24}.producer-loop article:last-child{border:0}.producer-loop svg,.producer-rules svg,.producer-score svg{color:#d0ff50}.producer-board header>p,.producer-identity p,.producer-lead-track span,.producer-loop p,.producer-rules li{color:#99a49c;line-height:1.55}.producer-board{background:#101411}.producer-board>header{display:flex;justify-content:space-between;gap:30px;align-items:end}.producer-board>header>p{max-width:430px}.producer-rank-list{display:grid;grid-gap:14px;gap:14px;margin-top:32px}.producer-rank-list>article{display:grid;grid-template-columns:64px minmax(220px,1fr) 170px auto;grid-gap:18px;gap:18px;align-items:center;padding:20px;border:1px solid #ffffff20;border-radius:20px;background:#ffffff08}.producer-rank{font:700 38px/1 var(--font-display),serif;color:#d0ff50}.producer-identity{display:flex;align-items:center;gap:14px}.producer-avatar{display:grid;place-items:center;width:54px;height:54px;flex:none;border-radius:16px;background:#1c251e 50%/cover;color:#d0ff50}.producer-identity h3{margin:3px 0;font-size:20px}.producer-identity p{margin:0}.producer-score{display:grid;grid-template-columns:auto 1fr;grid-gap:2px 8px;gap:2px 8px;align-items:center}.producer-score strong{font-size:25px}.producer-score span{grid-column:1/3;color:#99a49c;font-size:11px}.producer-rank-list>article>a{color:#d0ff50;font-weight:750}.producer-lead-track{display:grid;grid-column:2/5;grid-template-columns:minmax(180px,.7fr) minmax(220px,1fr) auto;grid-gap:16px;gap:16px;align-items:center;padding-top:16px;border-top:1px solid #ffffff1c}.producer-lead-track>div{display:grid;grid-gap:5px;gap:5px}.producer-lead-track audio{width:100%}.producer-empty{display:grid;justify-items:start;grid-gap:12px;gap:12px;margin-top:30px;padding:36px;border:1px solid #ffffff20;border-radius:20px}.producer-rules{display:grid;grid-template-columns:.7fr 1.2fr auto;grid-gap:40px;gap:40px;align-items:start}.producer-rules ul{display:grid;grid-gap:10px;gap:10px;margin:0;padding-left:20px}.producer-rules>a{color:#d0ff50;font-weight:750}@media(max-width:980px){.producer-hero,.producer-rules{grid-template-columns:1fr}.producer-loop>div:last-child{grid-template-columns:1fr 1fr}.producer-loop article:nth-child(2n){border-right:0}.producer-rank-list>article{grid-template-columns:54px 1fr auto}.producer-score{grid-column:2}.producer-lead-track{grid-column:1/4;grid-template-columns:1fr}.producer-rank-list>article>a{grid-column:3;grid-row:1}}@media(max-width:620px){.producer-board,.producer-hero,.producer-loop,.producer-rules{padding-left:20px;padding-right:20px}.producer-loop>div:last-child{grid-template-columns:1fr}.producer-loop article{min-height:auto;border-right:0;border-bottom:1px solid #ffffff24}.producer-board>header{display:grid}.producer-rank-list>article{grid-template-columns:42px 1fr}.producer-rank-list>article>a{grid-column:2;grid-row:auto}.producer-lead-track{grid-column:1/3}.producer-score{grid-column:2}}