/* Biography page: shared sand, indigo, typography and media radii. */
.about-wrap{width:min(calc(100% - 2*var(--gutter)),1160px);margin-inline:auto}
.biography-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:var(--section-gap);padding-block:clamp(144px,12vw,184px) var(--section-space)}
.biography-heading{min-width:0}
.biography-heading .eyebrow{color:var(--copper);margin-bottom:var(--space-4)}
.biography-heading h1{font-size:var(--type-hero);line-height:1.02;letter-spacing:-.035em}
.biography-lead{font-size:var(--type-lead);line-height:1.6;margin-top:var(--space-5)}
.biography-location{max-width:33ch;color:var(--muted);margin-top:var(--space-2)}
.biography-portrait{overflow:hidden;border-radius:var(--radius-media)}
.biography-portrait img{width:100%;height:auto;aspect-ratio:3/2}
.biography-section,.biography-next{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--section-gap);padding-block:var(--section-space);border-top:1px solid var(--line)}
.biography-section h2,.biography-next h2{max-width:390px}
.biography-copy,.biography-next-copy{min-width:0;max-width:60ch;color:var(--muted)}
.biography-copy p+p{margin-top:var(--prose-gap)}
.biography-next .eyebrow{color:var(--copper);margin-bottom:var(--space-4)}
.biography-next-copy .button{margin-top:var(--space-4)}
.about-page #site-header a[aria-current="page"]::after{transform:scaleX(1)}
@media(max-width:900px){
  .biography-intro{grid-template-columns:minmax(0,1fr);gap:var(--space-6);padding-top:calc(128px + env(safe-area-inset-top,0px))}
  .biography-heading{max-width:600px}
  .biography-heading h1 br{display:none}
  .biography-portrait{max-width:680px;width:100%;justify-self:end}
  .biography-section,.biography-next{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}
  .biography-section h2,.biography-next h2{max-width:600px}
  .biography-copy,.biography-next-copy{max-width:65ch}
}
@media(max-width:480px){.biography-intro{padding-top:calc(116px + env(safe-area-inset-top,0px));gap:var(--space-5)}.biography-heading h1{font-size:clamp(46px,12vw,58px)}}
@media print{.biography-intro{padding-top:24px}.biography-section,.biography-next{padding-block:26px}.biography-next .button{display:none}}