@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@400;600;700;800&family=Barlow:wght@300;400;500&display=swap";
.hero-section{background:#000;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background-image:url(/images/hero-bg.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;transition:transform 8s ease-out;position:absolute;inset:0;transform:scale(1.04)}.hero-bg.loaded{transform:scale(1)}.hero-vignette-left{z-index:1;background:linear-gradient(90deg,#000000f7 0%,#000000bf 40%,#0000004d 65%,#000000b3 100%);position:absolute;inset:0}.hero-vignette-tb{z-index:1;background:linear-gradient(#00000073 0%,#0000 18% 60%,#000 100%);position:absolute;inset:0}.hero-content-row{z-index:2;flex:1;align-items:stretch;min-height:calc(100vh - 216px);padding-top:80px;display:flex;position:relative}.hero-left{opacity:0;flex-direction:column;justify-content:center;max-width:600px;padding:52px 64px;transition:opacity .9s,transform .9s;display:flex;transform:translate(-28px)}.hero-left.loaded{opacity:1;transform:translate(0)}.hero-eyebrow{align-items:center;gap:10px;margin-bottom:22px;display:flex}.hero-eyebrow-dot{background:#d4a017;border-radius:50%;flex-shrink:0;width:6px;height:6px}.hero-eyebrow-line{background:#d4a017;flex-shrink:0;width:28px;height:1px}.hero-eyebrow-text{letter-spacing:.32em;color:#d4a017;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:600}.hero-headline{margin-bottom:20px;line-height:0}.hero-headline h1{color:#fff;letter-spacing:.02em;text-shadow:0 2px 48px #000c;margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(58px,7.5vw,100px);line-height:.9;display:block}.hero-headline h1.gold{background:linear-gradient(90deg,#f5c842,#d4a017,#a07810);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-divider{background:linear-gradient(90deg,#d4a017,#f5c842);width:48px;height:3px;margin-bottom:22px}.hero-sub{color:#ccc;letter-spacing:.26em;text-transform:uppercase;margin-bottom:14px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700}.hero-sub .accent{color:#c00}.hero-desc{color:#ffffff8c;max-width:360px;margin-bottom:36px;font-family:Barlow,sans-serif;font-size:14px;font-weight:300;line-height:1.85}.hero-ctas{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-btn-primary{letter-spacing:.16em;color:#000;cursor:pointer;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);text-transform:uppercase;background:linear-gradient(135deg,#f5c842,#d4a017);border:none;align-items:center;gap:10px;padding:13px 30px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,filter .2s;display:inline-flex}.hero-btn-primary:hover{filter:brightness(1.1);transform:scale(1.04)}.hero-btn-secondary{letter-spacing:.16em;color:#fff;text-transform:uppercase;background:0 0;border:1px solid #ffffff4d;align-items:center;gap:8px;padding:13px 28px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:border-color .25s,color .25s,background .25s;display:inline-flex}.hero-btn-secondary:hover{color:#f5c842;background:#f5c8420d;border-color:#f5c842}.hero-center{flex:1}.hero-right{opacity:0;flex-direction:column;flex-shrink:0;justify-content:flex-end;width:220px;padding:48px 36px;transition:opacity .9s .4s,transform .9s .4s;display:flex;transform:translate(28px)}.hero-right.loaded{opacity:1;transform:translate(0)}.hero-connect-label{color:#d4a017;letter-spacing:.3em;text-transform:uppercase;margin-bottom:16px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700}.hero-social-list{flex-direction:column;gap:13px;display:flex}.hero-social-item{align-items:center;gap:10px;text-decoration:none;transition:opacity .2s;display:flex}.hero-social-item:hover{opacity:.7}.hero-social-icon{color:#d4a017;flex-shrink:0;display:flex}.hero-social-handle{letter-spacing:.08em;color:#ffffff73;white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-size:11px;transition:color .2s}.hero-social-item:hover .hero-social-handle{color:#f5c842}.hero-stats-bar{z-index:2;-webkit-backdrop-filter:blur(10px);opacity:0;background:#000000a6;border-top:1px solid #ffffff12;transition:opacity .8s .7s,transform .8s .7s;display:flex;position:relative;transform:translateY(12px)}.hero-stats-bar.loaded{opacity:1;transform:translateY(0)}.hero-stat{border-right:1px solid #ffffff12;flex:1;padding:18px 28px}.hero-stat:last-child{border-right:none}.hero-stat-num{color:#f5c842;letter-spacing:.04em;font-family:Bebas Neue,sans-serif;font-size:30px;line-height:1}.hero-stat-label{letter-spacing:.24em;color:#ffffff59;text-transform:uppercase;margin-top:4px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:600}@media (max-width:1024px){.hero-right{display:none}.hero-left{max-width:520px;padding:40px}.hero-stat{padding:16px 20px}}@media (max-width:768px){.hero-content-row{width:100%;padding-top:64px}.hero-left{opacity:0;width:100%;max-width:100%;padding:32px 20px;transform:none!important}.hero-left.loaded{opacity:1;transform:none!important}.hero-stats-bar{flex-wrap:wrap}.hero-stat{border-bottom:1px solid #ffffff12;flex:50%}.hero-stat:nth-child(2n){border-right:none}.hero-stat:nth-child(3),.hero-stat:nth-child(4){border-bottom:none}.hero-headline h1{font-size:clamp(46px,12vw,72px)}.hero-desc{max-width:100%}}@media (max-width:480px){.hero-content-row{padding-top:64px}.hero-left{padding:28px 16px}.hero-stat{border-right:none;flex:100%}.hero-stat:last-child{border-bottom:none}.hero-headline h1{font-size:clamp(38px,13vw,58px)}}
.tr-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.tr-title{letter-spacing:.1em;color:#fff;align-items:center;gap:12px;margin:0;font-family:Bebas Neue,sans-serif;font-size:22px;display:flex}.tr-title-bar{background:#c00;border-radius:2px;flex-shrink:0;width:4px;height:22px;display:inline-block}.tr-view-all{letter-spacing:.24em;color:#d4a017;text-transform:uppercase;border-bottom:1px solid #d4a01759;align-items:center;gap:6px;padding-bottom:2px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.tr-view-all:hover{color:#f5c842;border-color:#f5c842}.tr-view-all svg{transition:transform .2s}.tr-view-all:hover svg{transform:translate(3px)}.ra-empty{letter-spacing:.18em;color:#444;padding:32px 0;font-family:Bebas Neue,sans-serif;font-size:1.1rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes barBounce0{0%,to{height:40%}50%{height:100%}}@keyframes barBounce1{0%,to{height:80%}50%{height:30%}}@keyframes barBounce2{0%,to{height:55%}50%{height:90%}}.dual-section{background:#0a0a0a;border-top:1px solid #ffffff0f;grid-template-columns:1fr 1px 1fr;align-items:start;gap:0;padding:48px 40px;display:grid}.dual-col{min-width:0}.dual-col:first-child{padding-right:40px}.dual-col:last-child{padding-left:40px}.dual-divider{background:#ffffff0f;align-self:stretch}.tr-skeleton-list{flex-direction:column;gap:2px;display:flex}.tr-skeleton-row{background:linear-gradient(90deg,#111 25%,#1a1a1a 50%,#111 75%) 0 0/200% 100%;border-radius:6px;height:66px;animation:1.4s infinite shimmer}.tr-list{flex-direction:column;gap:2px;display:flex}.tr-track{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:14px;padding:10px 12px;transition:background .2s,border-color .2s;display:flex}.tr-track:hover{background:#ffffff0a}.tr-track--active{background:#d4a01712!important;border-color:#d4a01726!important}.tr-num{color:#ffffff26;text-align:center;letter-spacing:.04em;flex-shrink:0;justify-content:center;align-items:center;width:22px;font-family:Bebas Neue,sans-serif;font-size:18px;display:flex}.tr-playing-bars{align-items:flex-end;gap:2px;width:18px;height:16px;display:flex}.tr-playing-bar{background:#d4a017;border-radius:1px;flex:1;height:60%;animation:.8s infinite barBounce}.tr-playing-bar:first-child{animation-name:barBounce0}.tr-playing-bar:nth-child(2){animation-name:barBounce1}.tr-playing-bar:nth-child(3){animation-name:barBounce2}.tr-art{background:#1a1a1a;border-radius:4px;flex-shrink:0;width:44px;height:44px;overflow:hidden}.tr-art-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.tr-track:hover .tr-art-img{transform:scale(1.06)}.tr-art-fallback{color:#d4a017;background:#111;justify-content:center;align-items:center;width:100%;height:100%;font-family:Bebas Neue,sans-serif;font-size:20px;display:flex}.tr-info{flex:1;min-width:0}.tr-name{color:#fff;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;transition:color .2s;overflow:hidden}.tr-track:hover .tr-name,.tr-track--active .tr-name{color:#f5c842}.tr-artist{color:#fff6;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-family:Barlow,sans-serif;font-size:12px;font-weight:300;overflow:hidden}.tr-meta{flex-shrink:0;align-items:center;gap:10px;display:flex}.tr-genre{letter-spacing:.14em;text-transform:uppercase;color:#d4a01780;border:1px solid #d4a01733;padding:2px 6px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700}.tr-plays{letter-spacing:.06em;color:#ffffff4d;font-family:Barlow Condensed,sans-serif;font-size:11px}.tr-dur{letter-spacing:.06em;color:#fff3;text-align:right;min-width:34px;font-family:Barlow Condensed,sans-serif;font-size:11px}.tr-play-btn{color:#d4a017;background:#d4a0171a;border:1px solid #d4a01738;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,border-color .2s,color .2s;display:flex}.tr-play-btn svg path,.tr-play-btn svg rect{fill:#d4a017;transition:fill .2s}.tr-track:hover .tr-play-btn,.tr-play-btn--active{color:#000!important;background:#d4a017!important;border-color:#d4a017!important}.tr-track:hover .tr-play-btn svg path,.tr-play-btn--active svg path,.tr-track:hover .tr-play-btn svg rect,.tr-play-btn--active svg rect{fill:#000!important}.rs-grid{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.rs-skeleton{aspect-ratio:1/1.25;background:linear-gradient(90deg,#111 25%,#1a1a1a 50%,#111 75%) 0 0/200% 100%;border-radius:2px;animation:1.4s infinite shimmer}.rs-card{cursor:pointer;background:#0e0e0e;border:1px solid #1a1a1a;transition:border-color .2s,background .2s;overflow:hidden}.rs-card:hover{border-color:#c006}.rs-card--active{background:#d4a0170a!important;border-color:#d4a0174d!important}.rs-card-art{background:#111;width:100%;padding-bottom:100%;position:relative;overflow:hidden}.rs-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block;position:absolute;inset:0}.rs-card:hover .rs-card-img{transform:scale(1.06)}.rs-card-fallback{color:#c00;background:#111;justify-content:center;align-items:center;font-family:Bebas Neue,sans-serif;font-size:32px;display:flex;position:absolute;inset:0}.rs-card-overlay{background:0 0;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.rs-card:hover .rs-card-overlay,.rs-card--active .rs-card-overlay{background:#00000080}.rs-card-play{color:#000;opacity:0;background:#d4a017;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:opacity .2s,transform .2s;display:flex;transform:scale(.75)}.rs-card:hover .rs-card-play,.rs-card--active .rs-card-play{opacity:1;transform:scale(1)}.rs-card-info{padding:8px 10px 10px}.rs-card-title{color:#fff;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;line-height:1.2;transition:color .2s;overflow:hidden}.rs-card:hover .rs-card-title,.rs-card--active .rs-card-title{color:#f5c842}.rs-card-artist{color:#ffffff61;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-family:Barlow,sans-serif;font-size:11px;font-weight:300;overflow:hidden}.rs-card-genre{letter-spacing:.14em;text-transform:uppercase;color:#cc0000b3;border:1px solid #cc000040;margin-top:5px;padding:1px 5px;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:700;display:inline-block}.ra-section{background:#060606;border-top:1px solid #ffffff0f;padding:48px 40px}.ra-grid,.ra-loading{grid-template-columns:repeat(6,1fr);gap:3px;display:grid}.ra-skeleton{aspect-ratio:.75;background:linear-gradient(90deg,#111 25%,#1a1a1a 50%,#111 75%) 0 0/200% 100%;border-radius:2px;animation:1.4s infinite shimmer}.ra-card{cursor:pointer;background:#0a0a0a;border:1px solid #1a1a1a;flex-direction:column;transition:border-color .2s;display:flex;overflow:hidden}.ra-card:hover{border-color:#d4a01759}.ra-card-img-wrap{flex-shrink:0;width:100%;padding-bottom:118%;position:relative}.ra-card-img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .5s;display:block;position:absolute;inset:0}.ra-card:hover .ra-card-img{transform:scale(1.04)}.ra-card-img-overlay{pointer-events:none;background:linear-gradient(#0000 40%,#0a0a0ab3 75%,#0a0a0a 100%);position:absolute;inset:0}.ra-card-badge{letter-spacing:.18em;color:#000;text-transform:uppercase;background:#d4a017;padding:3px 7px;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:700;position:absolute;top:8px;right:8px}.ra-card-body{flex-direction:column;flex:1;padding:10px 12px 12px;display:flex}.ra-card-name{color:#fff;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-family:Bebas Neue,sans-serif;font-size:1.2rem;line-height:1;overflow:hidden}.ra-card-genre{letter-spacing:.16em;text-transform:uppercase;color:#555;margin-bottom:8px;font-family:Barlow Condensed,sans-serif;font-size:.65rem;font-weight:600}.ra-card-stats{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.ra-card-stat{letter-spacing:.08em;color:#ffffff4d;font-family:Barlow Condensed,sans-serif;font-size:10px}.ra-card-btn{color:#c9a84c;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #c9a84c;justify-content:center;align-items:center;gap:7px;width:100%;height:28px;margin-top:auto;font-family:Barlow Condensed,sans-serif;font-size:.68rem;font-weight:700;transition:background .15s;display:flex}.ra-card-btn:hover{background:#c9a84c1a}.sp-section{background:#0a0a0a;border-top:1px solid #ffffff0f;padding:48px 40px}.sp-grid{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.sp-card{cursor:pointer;background:#111;border:1px solid #1a1a1a;transition:border-color .2s;position:relative;overflow:hidden}.sp-card:hover{border-color:#d4a01759}.sp-card-img-wrap{width:100%;padding-bottom:56%;position:relative}.sp-card-img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.sp-card:hover .sp-card-img{transform:scale(1.04)}.sp-card-overlay{background:linear-gradient(#0000 0%,#0006 50%,#000000f2 100%);position:absolute;inset:0}.sp-card-rank{letter-spacing:.04em;text-shadow:0 2px 8px #000c;font-family:Bebas Neue,sans-serif;font-size:28px;line-height:1;position:absolute;top:12px;left:14px}.sp-card-body{padding:14px 16px 16px}.sp-card-name{color:#fff;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-family:Bebas Neue,sans-serif;font-size:1.4rem;line-height:1;overflow:hidden}.sp-card-genre{letter-spacing:.2em;text-transform:uppercase;color:#555;margin-bottom:10px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700}.sp-card-row{align-items:center;gap:12px;display:flex}.sp-card-streams{letter-spacing:.08em;color:#ffffff59;font-family:Barlow Condensed,sans-serif;font-size:11px}.sp-card-verified{letter-spacing:.16em;color:#d4a017;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700}@media (max-width:1280px){.ra-grid,.ra-loading{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.dual-section,.ra-section,.sp-section{padding:36px 32px}.dual-col:first-child{padding-right:28px}.dual-col:last-child{padding-left:28px}.tr-genre{display:none}.rs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.ra-grid,.ra-loading{grid-template-columns:repeat(3,1fr)}.sp-grid{grid-template-columns:repeat(2,1fr)}.tr-plays{display:none}}@media (max-width:768px){.dual-section{grid-template-columns:1fr;gap:40px 0;padding:32px 20px}.dual-divider{display:none}.dual-col:first-child{padding-right:0}.dual-col:last-child{padding-left:0}.rs-grid{grid-template-columns:repeat(3,1fr)}.tr-meta{display:none}}@media (max-width:600px){.ra-section,.sp-section{padding:28px 16px}.ra-grid,.ra-loading{grid-template-columns:repeat(2,1fr)}.sp-grid{grid-template-columns:1fr}.tr-track{gap:10px;padding:9px 6px}.tr-num{display:none}.rs-grid{grid-template-columns:repeat(2,1fr)}}