/* Adds artist details using the existing Silent Discotek palette and typography. */
.dj-card-role{margin:6px 0 0;color:#fff;font:600 clamp(.58rem,.68vw,.72rem)/1.45 var(--sans);letter-spacing:.035em}
.dj-role{margin:18px 0 0;color:var(--amber-label);font:700 .78rem/1.6 var(--sans);letter-spacing:.065em}
.sd-artist-profile .dj-profile-photo{align-self:start;min-height:0;aspect-ratio:4/5}
.sd-artist-recordings,.sd-artist-photos{padding:clamp(40px,5vw,76px);border-top:1px solid var(--line);background:var(--paper)}
.sd-artist-recordings h2,.sd-artist-photos h2{margin:0 0 32px;font:400 clamp(2.4rem,4.5vw,4.5rem)/1.12 var(--serif);letter-spacing:-.04em}
.sd-artist-recordings h2 em,.sd-artist-photos h2 em{color:var(--amber)}
.sd-artist-recordings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.sd-artist-recording{min-width:0}.sd-artist-recording h3{font:700 .88rem/1.5 var(--sans);margin:0 0 16px}.sd-artist-recording iframe{display:block;width:100%;max-width:100%;border:0;background:transparent}
.sd-artist-recording .text-link{display:inline-block;margin-top:14px;font-size:.8rem}
.sd-artist-video{grid-column:1/-1}.sd-artist-video iframe{aspect-ratio:16/9;height:auto;max-height:720px;background:#141310}
.sd-artist-photos .wp-block-gallery.has-nested-images{align-items:start;gap:16px}
.sd-artist-photos .wp-block-gallery.has-nested-images figure.wp-block-image{flex-grow:0;align-self:start;margin:0}
.sd-artist-photos .wp-block-gallery.has-nested-images figure.wp-block-image img{display:block;width:100%;height:auto!important;aspect-ratio:auto;object-fit:contain!important}
@media(max-width:800px){
 .sd-artist-profile .dj-profile-photo{width:100%;aspect-ratio:4/5;align-self:stretch}
 .sd-artist-recordings,.sd-artist-photos{padding:40px 22px}
 .sd-artist-recordings-grid{grid-template-columns:1fr;gap:32px}
 .sd-artist-video{grid-column:auto}
}
@media(max-width:600px){.sd-artist-photos .wp-block-gallery.has-nested-images figure.wp-block-image{width:100%!important}.dj-card-role{font-size:.59rem}}

/* Reviewed roster: names first, no visible numbering, compact secondary details. */
.sd-artist-roster .dj-card-top{position:relative;z-index:2}
.sd-artist-roster .dj-card h2{max-width:100%;font-size:clamp(1.1rem,1.55vw,1.65rem);line-height:1.08}
.sd-artist-roster .dj-card-bottom{gap:8px}
.sd-artist-roster .dj-card-role{margin:0;font-size:.72rem;line-height:1.4;letter-spacing:.015em}
.sd-artist-roster .dj-card.has-photo::after{background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.06)34%,rgba(0,0,0,.04)56%,rgba(0,0,0,.74))}
@media(max-width:620px){.sd-artist-roster .dj-card h2{font-size:clamp(1.05rem,4.2vw,1.35rem)}.sd-artist-roster .dj-card-role{font-size:.65rem}.sd-artist-roster .dj-card-bottom{gap:7px}}

@media(max-width:620px){.dj-profile-copy>.dj-role{order:1;margin:-20px 22px 28px}}

/* The shared eyebrow gets its own row, so the desktop name and portrait begin together. */
@media(min-width:621px){
 .sd-artist-profile{padding-top:var(--intro-space)}
 .sd-artist-profile>.sd-artist-eyebrow{grid-column:1/-1;margin:0 clamp(24px,5vw,76px) 30px}
 .sd-artist-profile>.dj-profile-copy{padding-top:0;grid-column:1;grid-row:2}
 .sd-artist-profile>.dj-profile-photo{grid-column:2;grid-row:2;align-self:start}
}
@media(max-width:620px){
 .sd-artist-profile>.sd-artist-eyebrow{order:0;max-width:calc(100% - 44px);margin:var(--intro-space) 22px 24px}
}

/* Reserve the accent colour for the artist's name in the profile introduction. */
.sd-artist-profile>.sd-artist-eyebrow,.sd-artist-profile .dj-role{color:var(--ink)}
@media(min-width:621px){.sd-artist-profile>.dj-profile-photo{margin-top:clamp(3px,.4vw,6px)}}