:root{--ink:#11121b;--muted:#787887;--paper:#f8f6f1;--orange:#e86c3c;--purple:#6761dc;--line:#ddd9d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{text-decoration:none}.topbar{height:80px;padding:0 max(5vw,32px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e2da;background:#fcfbf8;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:800;letter-spacing:-1px}.brand-mark{width:27px;height:27px;display:grid;place-items:center;background:var(--purple);color:#fff;border-radius:9px;font:500 18px/1 'DM Mono';transform:rotate(-9deg)}nav{display:flex;gap:32px;margin-left:80px}nav a{color:#777582;font-weight:700;font-size:14px}nav a.active,nav a:hover{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:16px}.icon-btn svg{width:19px;fill:none;stroke:currentColor;stroke-width:2}.avatar{width:34px;height:34px;border-radius:50%;background:#1e222c;color:#fff;font-size:11px;font-weight:800}.hero{min-height:585px;padding:70px max(8vw,42px) 64px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;background:#f5f1eb}.eyebrow{font:500 11px 'DM Mono';letter-spacing:1.3px;color:var(--orange);margin:0 0 16px}.hero h1,.artist-copy h2{font-size:clamp(48px,6vw,82px);line-height:.99;letter-spacing:-5px;margin:0;font-weight:800}.hero h1 em,.artist-copy h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-4px}.hero-text{max-width:445px;color:#676673;line-height:1.7;font-size:15px;margin:27px 0}.hero-buttons{display:flex;gap:12px}.button{padding:13px 19px;border-radius:9px;font-size:13px;font-weight:800}.button span{font-size:18px;margin-left:10px;vertical-align:-1px}.primary{background:var(--ink);color:#fff}.primary:hover{background:var(--purple)}.ghost{border:1px solid var(--line);background:#fff}.circle-play{width:20px;height:20px;display:inline-grid;place-items:center;background:var(--ink);border-radius:50%;vertical-align:middle!important;margin-left:7px!important}.circle-play svg{width:10px;fill:#fff}.hero-art{height:420px;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(.2px)}.orb-one{width:360px;height:360px;background:#f3bd4a;right:5%;top:30px}.orb-two{width:260px;height:260px;background:#8381e5;right:31%;top:134px}.star{position:absolute;top:33px;right:48%;font-size:56px;color:#e1673e;transform:rotate(-14deg)}.release-card{position:absolute;width:230px;right:23%;top:93px;padding:12px;background:#fff;box-shadow:0 28px 40px #27213b24;transform:rotate(5deg)}.card-image{height:205px;position:relative;overflow:hidden}.card-image img,.cover-wrap img,.artist-photo img,.mini-cover img{height:100%;width:100%;object-fit:cover}.vinyl{position:absolute;width:143px;height:143px;border-radius:50%;background:repeating-radial-gradient(#191b25 0 3px,#282a35 4px 7px);right:-70px;bottom:-36px}.vinyl:after{content:'';position:absolute;inset:57px;border-radius:50%;background:var(--orange)}.release-info{padding:12px 2px 10px}.release-info p{font:500 8px 'DM Mono';letter-spacing:1px;color:var(--orange);margin:0 0 5px}.release-info h2{font-size:17px;margin:0 0 2px}.release-info span{font-size:11px;color:var(--muted)}.verify{display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;background:var(--purple);color:#fff;font:800 9px Arial;vertical-align:1px;margin-left:3px}.card-progress{height:3px;background:#e6e4e1}.card-progress span{display:block;width:48%;height:100%;background:var(--orange)}.stats{margin:0 max(8vw,42px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr) 1.25fr;padding:31px 0;gap:25px}.stats div{border-right:1px solid var(--line)}.stats strong{display:block;font-size:27px;letter-spacing:-1.5px}.stats strong span{color:var(--orange)}.stats small{color:#7b7980;font-size:11px}.stats p{margin:0;align-self:center;text-align:right;font-size:16px;line-height:1.45;font-weight:700}.stats i{font-family:Georgia,serif;font-weight:400}.section{padding:100px max(8vw,42px)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:31px}.section h2{font-size:34px;letter-spacing:-2px;margin:0}.text-button{font-size:13px;font-weight:800}.text-button span{font-size:18px;margin-left:7px}.song-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.cover-wrap{position:relative;aspect-ratio:1;overflow:hidden;background:#ddd}.cover-wrap img{transition:transform .35s}.song-card:hover img{transform:scale(1.05)}.card-play{position:absolute;right:13px;bottom:13px;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#fff;opacity:0;transform:translateY(8px);transition:.25s}.song-card:hover .card-play{opacity:1;transform:none}.card-play svg,.main-play svg,.row-play svg{width:17px;fill:var(--ink)}.song-meta{display:flex;justify-content:space-between;padding-top:11px}.song-meta h3{font-size:14px;margin:0 0 3px}.song-meta p{font-size:12px;color:var(--muted);margin:0}.more{font-weight:800;letter-spacing:1px;color:#82808a}.artist-callout{margin:0 max(5vw,32px);display:grid;grid-template-columns:1fr 1fr;min-height:540px;background:#20212b;color:#fff}.artist-photo{position:relative;overflow:hidden;min-height:420px}.artist-photo img{filter:grayscale(1);opacity:.8}.photo-label{position:absolute;bottom:20px;left:22px;color:#fff;font:500 10px/1.5 'DM Mono';letter-spacing:1px}.artist-copy{padding:75px 10%}.artist-copy h2{font-size:53px;letter-spacing:-3px}.artist-copy .eyebrow{color:#f4b344}.artist-copy>p:not(.eyebrow){font-size:14px;line-height:1.75;color:#bdbcc4;max-width:355px;margin:24px 0}.artist-copy ul{padding:0;margin:22px 0 30px;list-style:none}.artist-copy li{border-top:1px solid #42434e;padding:11px 0;font-size:12px;font-weight:700}.artist-copy li span{display:inline-block;width:35px;font:10px 'DM Mono';color:#ee804e}.artist-copy .primary{background:#f2f0ed;color:#171822}.charts{padding-top:100px;padding-bottom:150px}.track-list{border-top:1px solid var(--line)}.track-row{width:100%;height:73px;display:grid;grid-template-columns:50px 48px 1.4fr 1fr 1fr 60px 34px;gap:15px;align-items:center;text-align:left;border-bottom:1px solid var(--line)}.track-row:hover{background:#efebe4}.track-no,.row-genre,.row-date,.row-duration{font:11px 'DM Mono';color:#8c8990}.mini-cover{width:39px;height:39px}.row-name{display:flex;flex-direction:column;gap:3px}.row-name b{font-size:13px}.row-name small{font-size:11px;color:#777580}.row-play{opacity:0}.track-row:hover .row-play{opacity:1}footer{padding:36px max(8vw,42px) 120px;background:#20212b;color:#fff;display:flex;align-items:center;justify-content:space-between}footer p{color:#a8a6ad;font-size:12px}footer>span{font:10px 'DM Mono';color:#85838d}.player{height:86px;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;border-top:1px solid #dcd9d5;display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;padding:0 max(3vw,24px)}.player-track{display:flex;align-items:center;gap:10px}.player-track img{width:48px;height:48px;object-fit:cover}.player-track strong{font-size:12px;display:block}.player-track small{font-size:11px;color:var(--muted)}.heart{font-size:22px;margin-left:5px;color:#777}.heart.saved{color:var(--orange)}.player-center{width:min(410px,100%);justify-self:center}.controls{display:flex;gap:17px;align-items:center;justify-content:center;font-size:15px}.main-play{width:31px;height:31px;border-radius:50%;background:var(--ink);display:grid;place-items:center}.main-play svg{fill:#fff;width:13px}.timeline{margin-top:7px;display:grid;grid-template-columns:30px 1fr 30px;gap:8px;align-items:center;font:9px 'DM Mono';color:#898791}.line{height:2px;background:#ddd9d4;position:relative}.line i{display:block;height:100%;width:31%;background:var(--ink)}.line b{width:7px;height:7px;border-radius:50%;background:var(--ink);position:absolute;left:30%;top:-3px}.player-options{justify-self:end;display:flex;align-items:center;gap:14px;color:#54535b}.player-options button{font-size:17px}.volume{height:2px;width:62px;background:#d9d7d3}.volume i{display:block;width:60%;height:100%;background:#777}.toast{position:fixed;z-index:50;top:95px;left:50%;transform:translate(-50%,-20px);background:#1e2029;color:#fff;padding:12px 17px;border-radius:8px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 12px 30px #0002}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(480px,calc(100% - 32px));border:0;border-radius:14px;padding:34px;background:#fdfbf8;color:var(--ink);box-shadow:0 25px 70px #0005}dialog::backdrop{background:#12131b99}.close-dialog{position:absolute;right:15px;top:12px;font-size:26px;color:#777}dialog h2{margin:0;font-size:31px;letter-spacing:-1.7px}dialog>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.5}form{margin-top:22px;display:grid;gap:14px}label{font-size:12px;font-weight:800;display:grid;gap:6px}input{height:43px;border:1px solid #d7d3cd;border-radius:7px;padding:0 12px;background:#fff;font:14px Manrope}form .button{margin-top:7px;width:max-content}@media(max-width:760px){.topbar{height:68px;padding:0 20px}nav{display:none}.hero{grid-template-columns:1fr;padding:55px 28px 38px;min-height:0}.hero-art{height:310px;margin-top:15px}.orb-one{width:280px;height:280px;right:0}.orb-two{width:190px;height:190px;right:28%}.release-card{right:15%;top:65px}.stats{margin:0 28px;grid-template-columns:repeat(2,1fr)}.stats div:nth-child(2){border:0}.stats p{display:none}.section{padding:70px 28px}.song-grid{grid-template-columns:repeat(2,1fr);gap:17px}.artist-callout{margin:0;grid-template-columns:1fr}.artist-copy{padding:55px 28px}.artist-photo{height:300px}.track-row{grid-template-columns:30px 43px 1fr 35px;gap:8px}.row-genre,.row-date,.row-duration{display:none}.row-play{opacity:1}.charts{padding-bottom:115px}footer{padding:32px 28px 110px;display:block}footer p{margin:18px 0}.player{height:76px;padding:0 16px;grid-template-columns:1fr auto}.player-center,.player-options{display:none}.player-track img{width:43px;height:43px}.hero h1{font-size:55px}.hero-buttons{flex-wrap:wrap}.section h2{font-size:29px}}