/* =============================================================================
   About page only. (Framework, buttons, .sec-head, .kicker are in site.css.)
   ============================================================================= */

.banner{height:clamp(240px,40vw,420px);
  background-image:linear-gradient(180deg,rgba(20,20,20,.5) 0%,rgba(20,20,20,0) 30%,rgba(20,20,20,0) 55%,var(--ink) 100%),url("../assets/dw-hero.jpg");
  background-size:cover;background-position:50% 28%}

.intro{max-width:60ch}
.intro .kicker{display:block;margin-bottom:16px}
.intro h1{font-size:clamp(2.2rem,5vw,3.2rem);margin-bottom:20px}
.intro p{color:var(--dim);font-size:1.06rem}
.intro p + p{margin-top:16px}

/* artists — full bios, side by side on desktop */
.artists{background:var(--ink-2)}
.artists-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,5vw,72px);align-items:start}
.artist-full{display:block;min-width:0}
.portrait-col{margin-bottom:22px}
.portrait-col .portrait{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border:1px solid var(--line-soft);margin-bottom:14px;display:block}
.portrait-col h3{font-size:1.6rem;color:#fff;font-weight:300;line-height:1.1;letter-spacing:-.005em;margin:0 0 5px}
.portrait-col .role{display:block;margin-top:2px}
.bio-col p{color:var(--dim);font-size:1.02rem}
.bio-col p + p{margin-top:18px}
.bio-col p:first-of-type{color:var(--text);font-size:1.1rem;line-height:1.62}
.bio-col em{font-style:italic;color:var(--brass-lt)}
/* per-artist social links (under the headshot) */
.social{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-top:14px}
.social .lead{font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);font-weight:400}
.social a{font-size:.92rem;color:var(--brass-lt)}
.social a:hover{color:#fff}
@media(max-width:820px){
  .artists-grid{grid-template-columns:1fr;gap:clamp(48px,8vw,64px)}
  .portrait-col .portrait{max-width:340px}
}

/* press */
.press-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.quote{border-left:2px solid var(--brass);padding:8px 0 8px 26px}
.quote p{font-size:1.2rem;color:var(--text);font-style:italic;font-weight:300;line-height:1.5}
.quote .who{display:block;margin-top:14px;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-style:normal}
@media(max-width:640px){.press-grid{grid-template-columns:1fr}}

/* call to action */
.about-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:6px}