.reference-bio { color-scheme: light; --paper:#e3e2dd; --ink:#22211f; --accent:#852e3e; --line:#c8c6c0; --muted:#57554f; }
.reference-bio .masthead { background:#cececc; }
.bio-wrap { width:89%; max-width:1160px; margin-inline:auto; }
.bio-hero { background:#cececc; }
.bio-crumb { display:flex; gap:.8em; padding-block:24px 27px; font-size:11px; color:var(--muted); }
.bio-crumb [aria-current] { color:var(--accent); }
.bio-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,34.5%); gap:9%; align-items:center; }
.bio-kicker,.bio-label,.bio-meta,.bio-aside h2 { color:var(--muted); font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.bio-kicker::before { content:""; display:inline-block; width:28px; height:1px; background:var(--accent); margin-right:14px; vertical-align:middle; }
.bio-intro h1,.bio-name,.bio-years,.bio-lead,.bio-chapter h2,.bio-aside dt { font-family:Georgia,serif; font-weight:400; }
.bio-intro h1 { font-size:clamp(51px,6.5vw,90px); margin:.23em 0; }
.bio-name { margin:0; font-size:clamp(21px,2.4vw,33px); }
.bio-years { margin:.65em 0 1.6em; color:var(--accent); letter-spacing:.12em; font-size:21px; }
.bio-lead { max-width:37ch; font-size:clamp(20px,2.05vw,28px); line-height:1.27; margin:0 0 .7em; }
.bio-note { max-width:56ch; font-size:14px; color:var(--muted); }
.bio-portrait { display:grid; place-items:center; aspect-ratio:.86; margin:0; overflow:hidden; background:#d9d9d1; border-radius:4px; color:#55554e; }
.bio-portrait svg { width:42px; }
.bio-portrait img { width:100%; height:100%; object-fit:cover; }
.bio-meta { display:flex; justify-content:space-between; gap:10px; border-top:1px solid var(--line); margin-top:30px; padding:24px 0 34px; }
.bio-meta span:last-child { text-transform:none; letter-spacing:0; }
.bio-layout { display:grid; grid-template-columns:minmax(0,22%) minmax(0,1fr); gap:7.7%; padding-block:48px 85px; }
.bio-aside h2 { margin:0; padding-bottom:14px; border-bottom:1px solid var(--line); }
.bio-aside ol,.bio-aside dl { list-style:none; padding:0; margin:12px 0 28px; }
.bio-aside li a { display:flex; gap:12px; padding:8px 0; text-decoration:none; color:var(--ink); font-size:13px; }
.bio-aside li a:hover { color:var(--accent); text-decoration:underline; }
.bio-aside li span,.bio-label b,.bio-aside dt { color:var(--accent); }
.bio-aside dl div { padding:10px 0; border-bottom:1px solid var(--line); }
.bio-aside dt { font-size:21px; }
.bio-aside dd { margin:3px 0 0; font-size:12px; color:var(--muted); }
.bio-article { max-width:720px; }
.bio-chapter { padding:0 0 27px; margin:0 0 32px; border-bottom:1px solid var(--line); scroll-margin-top:20px; }
.bio-label b { margin-right:8px; }
.bio-chapter h2 { font-size:clamp(28px,3vw,43px); letter-spacing:-.025em; margin:18px 0; }
.bio-chapter p:not(.bio-label),.bio-more { font-size:16px; line-height:1.7; }
.bio-more { margin:0 0 20px; }
.bio-more summary { cursor:pointer; color:var(--accent); }
@media(max-width:760px) {
 .bio-crumb { padding-block:15px; }
 .bio-intro,.bio-layout { grid-template-columns:1fr; gap:24px; }
 .bio-intro h1 { font-size:clamp(40px,12vw,66px); }
 .bio-years { margin-bottom:1.1em; }
 .bio-meta { flex-direction:column; margin-top:18px; padding:16px 0; }
 .bio-layout { padding-block:25px 50px; }
 .bio-aside li { border-bottom:1px solid var(--line); }
 .bio-aside dl div { display:grid; grid-template-columns:39% 1fr; gap:10px; }
 .bio-chapter { margin-bottom:25px; }
}