:root{color-scheme:dark;--bg:#101416;--surface:#1b2326;--line:#344044;--text:#f2efe7;--muted:#b8c0bd;--accent:#d27b54}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
button,a{font:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.wrap{width:min(100% - 48px,1190px);margin-inline:auto}
.top{border-bottom:1px solid var(--line)}.top-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.wordmark{display:block;width:205px;height:auto}.top nav{display:flex;gap:30px}.top nav a{text-decoration:none;color:var(--muted);font-size:.77rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.top nav a:hover{color:var(--text)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 315px;align-items:center;gap:clamp(36px,7vw,110px);padding:42px 0 56px;min-height:440px}
.kicker{display:block;margin:0 0 16px;color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
h1{margin:0;font-size:clamp(3.7rem,7vw,6.9rem);line-height:.89;letter-spacing:-.075em}h2,h3{letter-spacing:-.055em}
.claim{margin:23px 0;font-size:clamp(.95rem,1.5vw,1.25rem);font-weight:700;letter-spacing:.16em}
.bio{max-width:58ch;margin:0;color:var(--muted);font-size:1rem;line-height:1.62}
.listen{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.listen a{padding:11px 18px;border:1px solid #748082;text-decoration:none;font-size:.81rem;font-weight:700;transition:background .18s,color .18s}.listen a:hover{background:var(--text);color:var(--bg)}
.hero-art{position:relative;max-width:315px;justify-self:end}.hero-art:before{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--accent);z-index:-1}.hero-art img{display:block;width:100%;height:auto}
.spotlight{border-top:1px solid var(--line);padding:25px 0 39px}
.spotlight-frame{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:30px;padding:18px;border:1px solid #715341;background:linear-gradient(115deg,#25231f,#1b2528 55%,#192124)}
.spotlight-art{grid-row:1/4;display:block;width:220px;height:220px;object-fit:cover}
.spotlight-heading .kicker{margin-bottom:10px}.spotlight-heading h2{font-size:clamp(2.5rem,4vw,4rem)}
.spotlight-credit{margin:10px 0 0;color:#e6ae8f;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.spotlight-summary{max-width:75ch;padding-top:14px}.spotlight-summary p{margin:0 0 8px;color:#ddd9d1;font-size:.87rem;line-height:1.48}.spotlight-summary strong{color:#fff}.spotlight-summary em{color:#e6ae8f}
.spotlight-open{justify-self:start;display:inline-flex;gap:18px;margin-top:8px;padding:9px 0;border:0;border-bottom:1px solid var(--accent);background:none;color:var(--text);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.spotlight-open span{color:var(--accent)}.spotlight-open:hover{color:var(--accent)}
.music{border-top:1px solid var(--line);padding:29px 0 39px}.music.upcoming{padding-top:27px;padding-bottom:68px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading .kicker{margin-bottom:8px}h2{margin:0;font-size:clamp(2.1rem,3.8vw,3.35rem);line-height:1;text-transform:uppercase}.section-heading>span{margin-bottom:4px;color:var(--muted);font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.track{display:flex;align-items:center;gap:14px;min-width:0;width:100%;min-height:132px;padding:11px 12px;border:1px solid transparent;background:var(--surface);color:var(--text);text-align:left;text-decoration:none;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.track:hover{border-color:var(--accent);background:#222d30;transform:translateY(-2px)}
.thumb{display:block;width:72px;height:72px;flex:none;object-fit:cover}.no-cover{display:grid;place-items:center;background:#2b373a;color:var(--accent);font-size:1.5rem;font-weight:900;letter-spacing:-.08em}
.track-text{min-width:0;flex:1}.track-text strong{display:block;font-size:1rem;line-height:1.25;overflow-wrap:anywhere}.track-text small{display:block;margin-top:6px;color:var(--muted);font-size:.78rem;line-height:1.4;letter-spacing:.01em}.arrow{align-self:flex-start;color:var(--accent);font-size:1.05rem}
.track-text .track-credit{display:flex;align-items:center;gap:7px;color:#e6ae8f;font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.track-credit img{display:block;width:28px;height:28px;flex:none;object-fit:cover;background:#faf5ed}
footer{border-top:1px solid var(--line);padding:24px 0 32px}.foot-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}footer .kicker{margin-bottom:8px}footer p{margin:0 0 5px;font-size:.91rem}footer a{font-size:.91rem;text-underline-offset:4px}footer img{opacity:.8}
dialog.detail{width:min(740px,calc(100% - 36px));max-width:740px;max-height:min(84vh,850px);margin:auto;padding:0;border:1px solid #536064;background:#192124;color:var(--text);box-shadow:0 26px 100px #000b;overflow:auto;overscroll-behavior:contain}
dialog.detail::backdrop{background:#030607cc;backdrop-filter:blur(5px)}
.detail-top{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 24px;border-bottom:1px solid var(--line);background:#192124;color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.17em}
.detail-top button{width:42px;height:42px;margin-right:-10px;border:0;background:none;color:var(--text);font-size:1.9rem;line-height:1;cursor:pointer}
.detail-top button:hover{color:var(--accent)}
.detail-intro{display:flex;align-items:center;gap:23px;padding:26px 32px 24px}.detail-art{display:block;width:104px;height:104px;flex:none;object-fit:cover}.detail-intro h3{margin:0;font-size:clamp(2rem,4.8vw,3.5rem);line-height:.96;overflow-wrap:anywhere}
.detail-intro.has-partner h3{flex:1}.detail-partner-logo{display:block;width:100px;height:100px;flex:none;object-fit:cover;background:#faf5ed;border:1px solid #bdbaaF}
.detail-tabs{position:sticky;top:50px;z-index:2;display:flex;gap:0;overflow-x:auto;scrollbar-width:none;padding:0 32px;border-bottom:1px solid var(--line);background:#192124}.detail-tabs::-webkit-scrollbar{display:none}.detail-tabs button{flex:none;padding:15px 20px 14px 0;margin-right:21px;white-space:nowrap;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;cursor:pointer}.detail-tabs button[aria-selected="true"]{border-bottom-color:var(--accent);color:var(--text)}.detail-tabs button:hover{color:var(--text)}
.listen-panel p{margin:0 0 20px;color:var(--muted);font-size:.95rem;line-height:1.5}.listen-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.listen-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:82px;padding:18px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:.92rem;font-weight:700;text-decoration:none;transition:border-color .18s,background .18s,transform .18s}.listen-links a:hover{border-color:var(--accent);background:#222d30;transform:translateY(-2px)}.listen-links a span:last-child{color:var(--accent);font-size:1.2rem}
.detail-panel{padding:25px 32px 39px;max-width:680px}.detail-panel[hidden]{display:none!important}.story p{margin:0 0 1.08em;font-size:1rem;line-height:1.62}.story strong{color:#fff;font-weight:700}.story em{font-style:italic}.story a{text-decoration-color:var(--accent);text-underline-offset:4px}.lyrics{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.98rem;line-height:1.64}
@media(max-width:1000px){.tracks{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:minmax(0,1fr) 265px}.hero-art{max-width:265px}}
@media(max-width:670px){.wrap{width:min(100% - 36px,1190px)}.top-inner{height:68px}.wordmark{width:166px}.top nav{gap:17px}.top nav a{font-size:.7rem;letter-spacing:.07em}.hero{grid-template-columns:minmax(0,1fr) 105px;gap:17px;min-height:0;padding:38px 0 42px;align-items:start}.hero-art{max-width:105px;margin-top:13px}.hero-art:before{inset:7px -7px -7px 7px}h1{font-size:clamp(2.9rem,10vw,4.7rem)}.claim{font-size:.81rem;letter-spacing:.11em;margin:17px 0}.bio{font-size:.93rem;line-height:1.52}.listen{margin-top:22px;gap:8px}.listen a{padding:9px 13px;font-size:.75rem}.spotlight{padding:23px 0 31px}.spotlight-frame{grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto auto auto;gap:12px;padding:13px}.spotlight-art{grid-row:1;width:100px;height:100px}.spotlight-heading{grid-column:2}.spotlight-heading .kicker{font-size:.57rem;line-height:1.4}.spotlight-heading h2{font-size:2rem}.spotlight-credit{font-size:.63rem;line-height:1.4;letter-spacing:.08em}.spotlight-summary,.spotlight-open{grid-column:1/-1}.spotlight-summary{padding-top:0}.spotlight-summary p{font-size:.82rem}.spotlight-open{margin-top:0}.tracks{grid-template-columns:1fr}.track{min-height:112px}.thumb{width:62px;height:62px}.music{padding-top:26px}.music.upcoming{padding-bottom:51px}.section-heading{margin-bottom:17px}.detail-intro{gap:16px;padding:20px}.detail-art{width:80px;height:80px}.detail-intro h3{font-size:clamp(1.7rem,7vw,2.8rem)}.detail-top{padding-inline:17px;line-height:1.35;letter-spacing:.09em}.detail-tabs{padding-inline:20px}.detail-panel{padding:20px 20px 30px}.story p{font-size:.95rem;line-height:1.58}.detail-tabs button{font-size:.7rem;margin-right:9px;padding-right:12px}.listen-links{grid-template-columns:1fr}.listen-links a{min-height:58px}}
@media(max-width:390px){.hero{grid-template-columns:1fr 86px}.hero-art{max-width:86px}.section-heading>span{display:none}}
@media(max-width:670px){.detail-intro.has-partner{gap:12px}.detail-intro.has-partner h3{font-size:clamp(1.4rem,6vw,2rem)}.detail-partner-logo{width:68px;height:68px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.track,.listen a,.listen-links a{transition:none}}

/* Compact language controls within each existing song detail. */
[data-language][hidden]{display:none!important}
.language-switch{display:flex;gap:5px;padding:0 32px 16px}
.language-switch button{min-width:46px;min-height:38px;padding:8px 12px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;cursor:pointer}
.language-switch button[aria-pressed="true"]{background:var(--text);border-color:var(--text);color:var(--bg)}
.language-switch button:hover{border-color:var(--accent)}
.detail-description{padding:0 32px 12px;color:var(--muted);font-size:.9rem;line-height:1.55}
.detail-description p{margin:0 0 12px}
.detail-description strong{color:var(--text)}
@media(max-width:670px){.language-switch{padding:0 20px 14px}.language-switch button{min-height:44px}.detail-description{padding:0 20px 8px;font-size:.85rem}}

[data-page-language][hidden]{display:none!important}
.header-actions{display:flex;align-items:center;gap:26px}
.page-language-switch{padding:0;gap:4px;flex:none}
.page-language-switch button{min-width:40px;min-height:40px;padding:8px;font-size:.7rem}
@media(max-width:670px){.top-inner{height:auto;min-height:86px;padding-block:10px;gap:14px}.top .wordmark{width:140px}.header-actions{flex-direction:column;align-items:flex-end;gap:2px}.page-language-switch button{min-width:38px;min-height:44px;padding:7px}.top nav a{font-size:.62rem}}
@media(max-width:390px){.hero{grid-template-columns:minmax(0,1fr) 70px;gap:14px}.hero-copy{min-width:0}.hero-art{max-width:70px}.hero h1{font-size:clamp(2.2rem,10vw,2.9rem)}}
.section-heading>div{min-width:0}.section-heading h2{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:390px){.section-heading h2{font-size:1.75rem}}

/* Full-size cover viewer in each song detail. */
.detail-cover-open{position:relative;display:block;flex:none;width:104px;height:104px;padding:0;border:0;background:transparent;color:var(--text);cursor:zoom-in}
.detail-cover-open .detail-art{width:100%;height:100%}
.detail-cover-open:hover .detail-art{filter:brightness(1.12)}
.cover-zoom-icon{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:27px;height:27px;background:#101416dd;color:var(--text);font-size:1rem;line-height:1}
.detail-cover-open:hover .cover-zoom-icon{background:var(--accent);color:var(--bg)}
dialog.cover-viewer{width:min(calc(100vw - 32px),calc(100dvh - 86px),1000px);max-width:1000px;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #536064;background:#101416;color:var(--text);box-shadow:0 26px 100px #000d;overflow:hidden}
dialog.cover-viewer::backdrop{background:#030607ed;backdrop-filter:blur(7px)}
.cover-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:3px 9px 3px 18px;border-bottom:1px solid var(--line);font-size:.8rem;font-weight:700;letter-spacing:.04em}
.cover-viewer-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cover-viewer-bar button{flex:none;width:44px;height:44px;border:0;background:transparent;color:var(--text);font-size:1.9rem;line-height:1;cursor:pointer}
.cover-viewer-bar button:hover{color:var(--accent)}
.cover-viewer>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
@media(max-width:670px){.detail-cover-open{width:80px;height:80px}.cover-viewer-bar{padding-left:12px}}