/* The artist's own biography replaces the short introduction after the hero.
   Reuse the existing section gradient/grain and ordinary scroll reveals. */
.intro.biography{
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  column-gap:clamp(45px,7vw,115px);
  align-items:start;
  padding-top:110px;
  padding-bottom:110px;
}
.bio-heading,.bio-copy{position:relative;z-index:1;min-width:0}
.bio-heading .eyebrow{color:var(--accent);margin-bottom:28px}
.bio-heading h2{font-size:clamp(42px,4vw,62px);line-height:1.12;letter-spacing:-.035em;text-wrap:pretty}
.bio-heading h2>em{display:block;color:var(--accent);font-size:1.45em;margin:7px 0 25px}
.bio-roles{display:block;max-width:17ch;font-size:clamp(28px,2.5vw,38px);line-height:1.3;letter-spacing:-.02em}
.bio-copy{max-width:650px;padding-top:3px;color:#d2c6d0;font-size:17px;line-height:1.85}
.bio-copy p+p{margin-top:30px}
.bio-copy strong{color:var(--text);font-weight:650}
.bio-copy em{color:#e0c6d7}
.bio-reflection{border-left:2px solid #d0b5c46b;padding:4px 0 4px 26px}
.bio-thought{display:block;margin-bottom:15px;font:30px/1.3 Bodoni,Georgia,serif;letter-spacing:-.02em;color:var(--text)}
@media(max-width:800px){
  .intro.biography{grid-template-columns:1fr;gap:36px;padding-top:75px;padding-bottom:75px}
  .bio-heading h2{font-size:46px}
  .bio-copy{padding-top:0;max-width:650px}
}
@media(max-width:520px){
  .intro.biography{gap:30px;padding-top:63px;padding-bottom:63px}
  .bio-heading .eyebrow{margin-bottom:20px}
  .bio-heading h2{font-size:40px}
  .bio-heading h2>em{margin-bottom:20px}
  .bio-roles{font-size:28px}
  .bio-copy{font-size:16px;line-height:1.85}
  .bio-copy p+p{margin-top:27px}
  .bio-reflection{padding-left:20px}
  .bio-thought{font-size:27px}
}