*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--container:1332px;--gutter:20px;--radius:14px;--transition:.25s ease;--scroll-track:#f3f3f3;--scroll-thumb:#111;--scroll-thumb-hover:#dd111a}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}body{margin:0;font-family:"Poppins",sans-serif;color:#111;background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:linear-gradient(180deg,#fafafa 0%,var(--scroll-track) 100%)}body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1b1b1b 0%,var(--scroll-thumb) 100%);border:3px solid var(--scroll-track);border-radius:999px}body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f04b4e 0%,var(--scroll-thumb-hover) 100%)}img,picture,video,canvas{display:block;max-width:100%;height:auto}svg{display:block}a{color:inherit;text-decoration:none;transition:var(--transition)}button,input,textarea,select{font:inherit}*{-webkit-tap-highlight-color:rgb(221 17 26 / .12)}.search-tabs,.top-rated-grid{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none}.search-tabs::-webkit-scrollbar,.top-rated-grid::-webkit-scrollbar{display:none}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}@media (max-width:1400px){:root{--gutter:18px}}@media (max-width:1024px){:root{--gutter:16px}}@media (max-width:768px){:root{--gutter:14px}}@media (max-width:480px){:root{--gutter:12px}}.hero{width:100%;max-width:1332px;height:auto;margin:45px auto 20px;padding:0 16px;box-sizing:border-box;display:grid;grid-template-columns:minmax(185px,.9fr) minmax(0,2.7fr) minmax(240px,1.3fr);column-gap:clamp(16px, 2vw, 28px);align-items:start}.hero-left{display:flex;flex-direction:column;gap:20px}.hero-left-slider{width:100%;overflow:hidden}.hero-left-track{display:flex;flex-direction:column;gap:20px;will-change:transform}.hero-left-slider.is-ready .hero-left-track{transition:transform .7s ease}.hero-left-slide{flex:0 0 auto;width:100%}.hero-center{width:100%}.hero-right{width:100%}.small-card{width:100%;margin-bottom:0}.small-thumb{width:100%;height:auto;aspect-ratio:16/9;overflow:hidden}.small-thumb img{width:100%;height:100%;object-fit:cover;display:block}.small-content{width:100%;min-height:71px;display:flex;flex-direction:column;justify-content:flex-start;padding-top:10px}.small-category{display:block;margin-bottom:8px;color:#dd111a;font-size:14px;line-height:10px;font-weight:400;text-transform:uppercase}.small-content h3{margin:0;font-size:16px;line-height:1.4;font-weight:700}.small-content h3 a{color:#111;text-decoration:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:16px;line-height:1.4;font-weight:700}.small-content h3 a:hover{color:#dd111a}.featured-card{position:relative;width:100%;height:auto;padding-bottom:74px;overflow:visible}.featured-card>a{display:block;width:100%;overflow:hidden}.featured-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;display:block;transition:transform .35s ease}.featured-card:hover img{transform:scale(1.015)}.featured-overlay{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:clamp(420px,80%,546px);min-height:145px;padding:42px 38px 32px;background:#f5f5f5;box-sizing:border-box;box-shadow:0 8px 20px rgb(0 0 0 / .12);z-index:5;display:flex;align-items:center;justify-content:center;text-align:center}.featured-category{position:absolute;top:-16px;left:50%;transform:translateX(-50%);min-width:112px;height:32px;padding:0 18px;background:#dd111a;color:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:800;line-height:1;letter-spacing:.4px}.featured-overlay h2{width:100%;margin:0;color:#111;font-size:27px;line-height:1.17;font-weight:800;letter-spacing:-.5px;text-align:center}.featured-overlay h2 a{color:#111;text-decoration:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.featured-overlay h2 a:hover{color:#dd111a}.featured-overlay::after{content:"";position:absolute;left:18px;right:18px;bottom:-12px;height:12px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Cpath fill-rule='evenodd' d='M5 0h1L0 6V5zm1 5v1H5z'/%3E%3C/svg%3E");background-size:5px;z-index:1}.trending{width:100%;height:100%;background:#fff;box-sizing:border-box;overflow:hidden;flex-shrink:0}.trending-header{position:relative;width:100%;height:50px;background:#dd111a;color:#fff;font-size:24px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;padding:0 18px;box-sizing:border-box;border-radius:18px 18px 0 0}.trending-header::after{content:"";position:absolute;left:0;right:0;bottom:-16px;width:100%;height:16px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Cpath fill='%23da3437' fill-rule='evenodd' d='M5 0h1L0 6V5zm1 5v1H5z'/%3E%3C/svg%3E");background-size:5px;background-repeat:repeat}.trending-items{padding:20px 8px 0;box-sizing:border-box}.trending-item{display:grid;grid-template-columns:24px minmax(0,1fr) clamp(120px,42%,148px);column-gap:8px;align-items:start;min-height:87px;height:auto;margin:0 0 4px;padding:0 8px 4px;border-bottom:1px solid #ececec;box-sizing:border-box;transition:.25s ease}.trending-item:hover{background:#fafafa}.trending-item:last-child{border-bottom:none;padding-bottom:0}.trend-number{width:24px;min-height:87px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;color:#d3d3d3;font-size:30px;font-weight:700}.trend-info{width:auto;display:flex;flex-direction:column;margin-top:10px;padding:0;overflow:hidden}.trend-category{display:block;margin:0 0 6px;color:#dd111a;font-size:11px;font-weight:700;line-height:1;text-transform:uppercase}.trend-info h4{width:auto;margin:0;padding:0}.trend-info h4 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#111;text-decoration:none;font-size:14px;line-height:1.1rem;font-weight:700;word-break:break-word}.trend-info h4 a:hover{color:#dd111a}.trend-thumb{width:100%;height:auto;aspect-ratio:16/9;margin-right:8px;border-radius:8px;overflow:hidden}.trend-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.trending-item:hover .trend-thumb img{transform:scale(1.03)}@media (max-width:1024px){.featured-card{padding-bottom:68px}.featured-overlay{width:84%;min-height:104px;padding:32px 28px 22px}.featured-overlay h2{font-size:24px}}@media (max-width:768px){.featured-card{padding-bottom:0}.featured-overlay{position:relative;left:auto;bottom:auto;transform:none;width:92%;min-height:auto;margin:-28px auto 0;padding:32px 18px 22px}.featured-overlay h2{font-size:21px;line-height:1.25}}@media (max-width:480px){.featured-overlay{width:94%;padding:30px 14px 20px}.featured-overlay h2{font-size:19px}.featured-category{min-width:100px;height:30px;font-size:12px}}.top-rated{width:100%;max-width:1300px;height:auto;margin:20px auto 80px;padding:0 16px;box-sizing:border-box}.top-rated-header{width:100%;height:54px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;box-sizing:border-box;position:relative}.top-rated-heading{display:flex;flex-direction:column;position:relative;padding-top:14px}.top-rated-heading::before{content:"";position:absolute;left:0;top:0;width:78px;height:4px;background:linear-gradient(90deg,#dd111a 0%,#ff7a59 100%);border-radius:999px}.top-rated-header h2{margin:0;font-size:24px;font-weight:800;line-height:1.1;color:#111;letter-spacing:-.03em}.top-rated-header p{margin:4px 0 0;font-size:16px;color:#4b5563;font-weight:500}.top-rated-tabs{display:flex;align-items:center;margin-left:auto;margin-right:20px;border:1px solid rgb(17 24 39 / .08);background:linear-gradient(180deg,#f4f4f5 0%,#e6e6e8 100%);border-radius:8px;padding:3px;box-shadow:inset 0 1px 0 rgb(255 255 255 / .75)}.top-rated-tabs button{border:0;background:#fff0;height:32px;padding:0 14px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:14px;font-weight:500;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.top-rated-tabs button.active{background:linear-gradient(135deg,#111827 0%,#232f45 100%);color:#fff;font-weight:700;box-shadow:0 8px 16px rgb(17 24 39 / .18)}.top-rated-tabs button:hover{transform:translateY(-1px)}.top-rated-grid{display:grid;grid-template-columns:repeat(5,196px);gap:24px;justify-content:flex-start}.album-card{width:196px;min-height:269px;display:flex;flex-direction:column;align-items:center;padding:12px;box-sizing:border-box;border:1px solid rgb(221 17 26 / .9);border-radius:16px;box-shadow:0 0 0 1px rgb(17 24 39 / .08),0 10px 18px rgb(17 24 39 / .2),0 18px 28px rgb(17 24 39 / .14),inset 0 1px 0 rgb(255 255 255 / .28);position:relative;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,filter .24s ease}.album-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(255 255 255 / .16) 0%,#fff0 32%);pointer-events:none}.album-card::after{content:"";position:absolute;inset:10px;border-radius:12px;border:1px solid rgb(255 255 255 / .18);opacity:.55;pointer-events:none}.album-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgb(17 24 39 / .1),0 12px 22px rgb(17 24 39 / .24),0 22px 34px rgb(17 24 39 / .16),inset 0 1px 0 rgb(255 255 255 / .36)}.album-thumb{width:172px;height:172px;margin:0 auto 12px;display:block;overflow:hidden;border-radius:12px;box-shadow:0 0 0 1px rgb(17 24 39 / .08),0 10px 18px rgb(17 24 39 / .18);background:rgb(255 255 255 / .55);position:relative;flex-shrink:0}.album-thumb::after{content:"";position:absolute;inset:0;border-radius:12px;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .2),0 0 0 1px rgb(255 255 255 / .08);pointer-events:none}.album-thumb img{width:172px;height:172px;display:block;object-fit:cover;border-radius:12px;transition:transform .3s ease,filter .3s ease}.album-thumb:hover img{transform:scale(1.03);filter:saturate(1.03) contrast(1.02)}.album-body{width:172px;display:flex;flex-direction:column;flex:1;position:relative;z-index:1}.album-title{margin:0}.album-title a{color:#111;text-decoration:none;font-size:14px;font-weight:800;line-height:1.3;letter-spacing:-.015em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.album-title a:hover{color:#dd111a}.album-artist{margin-top:4px;font-size:12px;line-height:1.2;color:rgb(17 24 39 / .68);font-weight:500}.album-review{margin-top:auto;display:flex;align-items:center;gap:4px;padding-top:10px;padding-right:18px;position:relative;font-size:12px;font-weight:700;line-height:1}.album-review .top-rated-play--inline{position:absolute;left:auto;right:0;bottom:auto;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;padding:0;border:0;border-radius:0;background:#fff0;box-shadow:none}.album-review .top-rated-play--inline:hover{background:#fff0;box-shadow:none;transform:translateY(-50%)}.album-review .top-rated-play--inline .songs-archive-play-icon{margin-left:1px;border-top-width:6px;border-bottom-width:6px;border-left-width:10px;border-left-color:#111827}.album-review .top-rated-play--inline.is-playing .songs-archive-play-icon{width:11px;height:11px;margin-left:0;border:none;background:linear-gradient(90deg,#111827 0,#111827 3px,transparent 3px,transparent 8px,#111827 8px,#111827 11px)}.album-review::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,rgb(243 178 26 / .72),#fff0)}.album-rating,.album-count{color:#0f172a}.album-count{display:inline-flex;align-items:center;height:18px;justify-content:center;min-width:24px;padding:0 6px;margin-left:2px;border:1px solid rgb(255 255 255 / .18);background:linear-gradient(180deg,rgb(255 255 255 / .12) 0%,rgb(17 24 39 / .05) 100%);box-shadow:inset 0 1px 0 rgb(255 255 255 / .2),inset 0 -1px 0 rgb(17 24 39 / .06);color:rgb(15 23 42 / .82);font-size:9px;font-weight:800;letter-spacing:.04em;white-space:nowrap}.album-star{color:#f3b21a;text-shadow:0 0 10px rgb(243 178 26 / .18)}.album-card--spotlight{box-shadow:0 0 0 1px rgb(17 24 39 / .1),0 12px 20px rgb(221 17 26 / .22),0 20px 32px rgb(17 24 39 / .18),inset 0 1px 0 rgb(255 255 255 / .32)}.album-card--spotlight .album-thumb{box-shadow:0 0 0 1px rgb(17 24 39 / .1),0 12px 20px rgb(17 24 39 / .22),0 0 0 2px rgb(243 178 26 / .18)}.album-card--spotlight .album-thumb::before{content:"Top Pick";position:absolute;left:50%;top:10px;transform:translateX(-50%);height:22px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:0;background:linear-gradient(180deg,rgb(255 255 255 / .38) 0%,rgb(255 255 255 / .12) 22%,rgb(255 255 255 / .02) 55%,rgb(255 255 255 / .16) 100%),linear-gradient(135deg,rgb(18 24 38 / .86) 0%,rgb(17 17 17 / .82) 50%,rgb(46 28 20 / .84) 100%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#f8ddb0;font:800 9px/1 "Poppins",sans-serif;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 8px 16px rgb(0 0 0 / .18),0 0 0 1px rgb(255 214 107 / .2),inset 0 1px 0 rgb(255 255 255 / .32),inset 0 -1px 0 rgb(255 255 255 / .08);z-index:2;white-space:nowrap}.album-card--spotlight .album-review::before{background:linear-gradient(90deg,rgb(255 214 107 / .92),#fff0)}