*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#111110;--paper:#f1eee7;--muted:#aaa9a2;--line:#44433f;--red:#ff513f}
html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -30%,#292722 0,transparent 55%),var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
.listen-page{width:min(100% - 40px,620px);margin:0 auto;padding:26px 0 30px}
.topline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 28px;border-bottom:1px solid var(--line)}
.topline>span,.eyebrow,footer{font-family:Arial,Helvetica,sans-serif;letter-spacing:.16em;font-size:11px;font-weight:700}
.wordmark,footer>a{text-decoration:none}
.topline>span,.eyebrow{color:var(--muted)}
.release{display:grid;grid-template-columns:104px 1fr;align-items:center;gap:22px;padding:28px 0 30px}
.cover{display:block;width:104px;height:104px;object-fit:cover;border-radius:4px;box-shadow:0 10px 30px #0008}
.release-copy .eyebrow{margin:0 0 8px;color:var(--red)}
h1{margin:0;font-size:clamp(32px,8vw,48px);line-height:.98;letter-spacing:-.055em}
h1 span{color:var(--red)}
.artist{margin:9px 0 0;color:#c4c2bb;font-size:16px}
.platform-section{padding:25px 0 27px;border-top:1px solid var(--line)}
.section-label{margin:0 0 9px;color:var(--red)}
h2{margin:0 0 17px;font-size:20px;line-height:1.2;letter-spacing:-.025em}
.links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.platform{display:grid;grid-template-columns:38px minmax(0,1fr) 13px;align-items:center;gap:12px;min-height:66px;padding:11px 14px;border:1px solid #4b4a45;border-radius:12px;text-decoration:none;font-size:15px;font-weight:600;transition:border-color .18s ease,transform .18s ease,background .18s ease}
.platform:hover{transform:translateY(-2px);border-color:var(--red);background:#ffffff08}
.platform:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.platform svg{display:block;width:38px;height:38px}
.platform span{white-space:nowrap;overflow:visible}
.platform b{font-size:13px;color:var(--muted);font-weight:400}
.artist-section{padding-bottom:30px}
footer{display:flex;justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
footer span{letter-spacing:.08em}footer a{text-decoration:none}footer>a{color:var(--paper)}
@media(max-width:430px){.listen-page{width:min(100% - 32px,620px);padding-top:19px}.topline{padding-bottom:22px}.topline>span{font-size:9px}.release{grid-template-columns:82px 1fr;gap:17px;padding:24px 0}.cover{width:82px;height:82px}.release-copy .eyebrow{font-size:10px}.artist{font-size:15px}.platform-section{padding:21px 0 23px}h2{font-size:19px}.links{gap:9px}.platform{grid-template-columns:32px minmax(0,1fr);gap:9px;padding:10px;min-height:62px;font-size:13px}.platform svg{width:32px;height:32px}.platform b{display:none}footer{font-size:9px}}
@media(max-width:350px){.links{grid-template-columns:1fr}.platform{grid-template-columns:38px 1fr 13px;font-size:14px}.platform svg{width:35px;height:35px}.platform b{display:block}}

/* Center the single artwork as the page's main focus. */
.release{display:flex;flex-direction:column;align-items:center;gap:22px;padding:30px 0 38px;text-align:center}
.cover{width:min(76vw,420px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:5px;box-shadow:0 18px 48px #0009}
.release-copy{width:100%}
.release-copy .eyebrow{justify-content:center;margin-bottom:12px}
.release-copy h1{font-size:clamp(40px,8vw,62px);line-height:1.02;letter-spacing:-.045em;margin:0}
.release-copy .artist{font-size:17px;margin-top:10px}
@media(max-width:430px){.release{gap:19px;padding:24px 0 31px}.cover{width:min(78vw,360px)}.release-copy h1{font-size:clamp(38px,10vw,52px)}}

/* Keep the listening prompt centered and bring the platforms closer to the artwork on phones. */
.platform-section h2{text-align:center;margin-bottom:13px}
.platform-section{padding-top:19px;padding-bottom:18px}
.release{gap:15px;padding:23px 0 20px}
.cover{width:min(72vw,390px)}
.links{gap:9px}
.platform{min-height:60px}
@media(max-width:430px){.release{gap:12px;padding:17px 0 16px}.cover{width:min(69vw,310px)}.platform-section{padding-top:14px;padding-bottom:12px}.platform-section h2{margin-bottom:10px}.platform{min-height:56px}.links{gap:8px}}

.store-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font-weight:800;font-size:21px;color:#101110;background:#ddd}.spotify-mark{border-radius:50%;background:#1ed760}.apple-mark{background:linear-gradient(135deg,#fa233b,#fb5caa,#7b61ff);color:white}.amazon-mark{background:#172638;color:#42d4ff}.tidal-mark{background:#111;color:#fff;border:1px solid #777}.youtube-mark{background:#ff0033;color:white}.deezer-mark{background:#181818;color:#f6c}.store-note{margin:14px 2px 0;color:var(--muted);font-size:13px;line-height:1.5}.album-platforms{padding-top:22px}.album-release{padding-top:18px}
@media(max-width:430px){.store-mark{width:32px;height:32px;font-size:19px}.store-note{font-size:12px}}

header .language-control{margin-left:auto;margin-right:18px}header .language-control select{color:var(--paper)}@media(max-width:600px){header .language-control{margin-right:14px}header .language-control>span{display:none}header .language-control select{max-width:92px}}