:root{--bg:#000;--fg:#fff;--muted:#777;--line:#1a1a1a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.page{width:min(1180px,100%);margin:0 auto;padding:28px 28px 44px}
.topbar{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#aaa}
.back{transition:color .25s ease}.back:hover{color:#fff}
.release{display:flex;flex-direction:column;align-items:center;padding-top:54px}
.cover-wrap{width:min(620px,78vw);aspect-ratio:1/1;position:relative;overflow:hidden;background:#0b0b0b}
.cover-wrap img{display:block;width:100%;height:100%;object-fit:cover}
.release-info{text-align:center;padding-top:28px}
.release-title{font-size:clamp(34px,5vw,64px);line-height:.95;font-weight:400;letter-spacing:-.055em;margin:0}
.artist{font-size:14px;color:#aaa;letter-spacing:.08em;text-transform:uppercase;margin-top:14px}
.platforms{width:min(680px,100%);margin:48px auto 0;border-top:1px solid var(--line)}
.platform{display:flex;align-items:center;justify-content:space-between;min-height:72px;border-bottom:1px solid var(--line);transition:background .25s ease;padding:0 14px}
.platform:hover{background:#0b0b0b}
.platform-name{display:flex;align-items:center;gap:16px;font-size:15px;letter-spacing:.02em}
.platform-logo{width:28px;height:28px;display:grid;place-items:center;color:#fff;flex:0 0 28px}
.platform-logo svg{width:100%;height:100%;fill:currentColor}
.listen{font-size:9px;color:#777;letter-spacing:.16em;text-transform:uppercase}
.social{display:flex;justify-content:center;gap:26px;padding:54px 0 0}
.social a{width:34px;height:34px;border:1px solid #292929;border-radius:50%;display:grid;place-items:center;color:#aaa;transition:all .25s ease}
.social a:hover{color:#fff;border-color:#666}
.social svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.social .at{font-size:15px;font-weight:400;line-height:1}
.other{margin-top:86px;border-top:1px solid var(--line);padding-top:22px}
.other-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.other-head h2{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;color:#aaa;margin:0}
.other-head a{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#666}
.other-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#111}
.other-card{background:#000;display:block}
.other-cover{aspect-ratio:1/1;overflow:hidden;position:relative;background:#090909}
.other-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.other-card:hover img{transform:scale(1.035)}
.other-meta{padding:12px 2px 4px}
.other-title{font-size:12px;color:#ddd}.other-artist{font-size:9px;color:#666;text-transform:uppercase;letter-spacing:.1em;margin-top:5px}
.footer{text-align:center;color:#444;font-size:9px;letter-spacing:.12em;padding-top:56px}
@media(max-width:800px){.page{padding:22px 20px 36px}.release{padding-top:42px}.cover-wrap{width:min(620px,88vw)}.platforms{margin-top:38px}.other-grid{grid-template-columns:repeat(2,1fr);row-gap:22px;background:transparent}}
@media(max-width:500px){.topbar{font-size:9px}.page{padding:18px 16px 30px}.release{padding-top:34px}.cover-wrap{width:100%}.release-title{font-size:clamp(32px,10vw,48px)}.artist{font-size:11px;margin-top:11px}.platform{min-height:64px;padding:0 8px}.platform-name{font-size:13px;gap:12px}.platform-logo{width:24px;height:24px;flex-basis:24px}.listen{font-size:8px}.social{padding-top:42px}.other{margin-top:64px}.other-grid{grid-template-columns:1fr 1fr;gap:18px 8px}}

.amazon-logo,.pandora-logo{font-size:13px;font-weight:700;letter-spacing:-.08em;border:1px solid currentColor;border-radius:5px;line-height:1}.pandora-logo{font-size:16px;border-radius:50%}