/* A shared dark palette with deliberate, compact changes of pace. */
:root{--section-space:clamp(48px,5.5vw,84px);--section-inset:clamp(14px,2vw,32px);--section-tone:color-mix(in srgb,var(--surface) 82%,var(--bg))}
.section{padding-block:var(--section-space)}
.section-heading{margin-bottom:clamp(24px,3vw,42px)}
.home-roster{background:var(--section-tone);margin-inline:var(--section-inset);padding-inline:calc(var(--page-pad) - var(--section-inset));border-radius:6px;position:relative}
.home-roster .home-artist-row{background:color-mix(in srgb,var(--bg) 66%,transparent)}
.home-roster .home-artist-row:hover{background:var(--bg)}
.tour-section{background:var(--bg)}
.tour-row{background:var(--section-tone);box-shadow:none}
.tour-external-sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:clamp(20px,3vw,44px);margin-top:clamp(30px,4vw,64px);padding-top:clamp(28px,3vw,44px);border-top:1px solid var(--line)}
.tour-external-source{min-width:0;background:var(--section-tone);padding:clamp(18px,2.5vw,30px)}
.tour-external-source h2{font-size:clamp(22px,2.4vw,34px);margin-bottom:20px}
.tour-external-source :is(iframe,div){max-width:100%}
.manifesto{padding-block:var(--section-space);background:radial-gradient(ellipse at 0 100%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),var(--section-tone)}
/* Keep the overlapping record above the following section surface. */
.label-intro{position:relative;z-index:1}
.label-collage{margin-bottom:24px}
.label-staff{position:relative;padding-top:var(--section-space);padding-bottom:var(--section-space);background:var(--section-tone);margin-top:24px}
.label-staff-heading{margin-bottom:44px}
.label-staff-grid{gap:clamp(22px,3vw,42px)}
.staff-card:nth-child(2){margin-top:52px}.staff-card:nth-child(3){margin-top:104px}
.label-artist-invitation{margin:0 var(--section-inset);padding-block:var(--section-space);padding-inline:calc(var(--page-pad) - var(--section-inset));background:radial-gradient(ellipse at 100% 100%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 72%),var(--bg);position:relative}
.label-closing{background:var(--section-tone);padding-block:clamp(48px,5vw,72px)}
.artist-albums-section{background:var(--section-tone);padding-block:var(--section-space)}
.newsletter{background:var(--surface);padding-block:clamp(38px,4vw,52px)}
.site-footer{background:var(--surface)}
.contact-channels{padding-block:var(--section-space)}
@media(max-width:760px){.home-roster{margin-inline:12px;padding-inline:calc(var(--page-pad) - 12px)}.label-collage{margin-bottom:12px}.label-staff{margin-top:12px}.label-staff-heading{margin-bottom:30px}.staff-card:nth-child(2),.staff-card:nth-child(3){margin-top:0}.label-artist-invitation{margin-inline:0;padding-inline:var(--page-pad)}}
/* The page ends in the same canvas behind the floating player. */
body .newsletter{background:linear-gradient(180deg,var(--bg),var(--surface))}
body .site-footer{background:linear-gradient(180deg,var(--surface),var(--bg))}
/* Keep interior-page headings and introductions on a shared reading line. */
.page-intro:has(>h1 + p){display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,30%);column-gap:clamp(24px,4vw,64px);align-items:center}
.page-intro:has(>h1 + p)>.eyebrow{grid-column:1/-1;margin-bottom:20px}
.page-intro:has(>h1 + p)>h1{grid-column:1;line-height:.9}
.page-intro:has(>h1 + p)>h1+p{grid-column:2;align-self:center;max-width:31ch;margin:0;font-size:clamp(15px,1.3vw,21px);font-weight:500;line-height:1.32}
@media(max-width:800px){.page-intro:has(>h1 + p){grid-template-columns:1fr}.page-intro:has(>h1 + p)>.eyebrow,.page-intro:has(>h1 + p)>h1,.page-intro:has(>h1 + p)>h1+p{grid-column:1}.page-intro:has(>h1 + p)>h1+p{margin-top:18px;font-size:clamp(15px,3.5vw,18px)}}
