.biography{padding-bottom:var(--space-l)}
.biography-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 44px;font:400 .8rem var(--sans);color:var(--ink-2)}
.biography-hero{display:grid;gap:36px;align-items:center;padding-bottom:48px}
.biography-hero h1{font:500 clamp(2.7rem,5vw,4.8rem)/1.04 var(--display);letter-spacing:-.035em;max-width:13ch;margin:16px 0 24px}
.biography-lead{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.4;max-width:36ch;margin-bottom:24px}
.biography-hero figure{margin:0;min-width:0}
.biography-hero img{display:block;width:100%;height:auto}
.biography-hero figcaption{margin-top:12px;font:400 .75rem/1.5 var(--sans);color:var(--ink-2)}
.biography-origin{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:24px 0;margin:0 0 48px;font:400 .88rem/1.7 var(--sans);color:var(--ink-2);max-width:100%}
.biography-layout{display:grid;gap:48px}
.biography-toc{min-width:0;font:400 .83rem/1.6 var(--sans)}
.biography-toc>p{font-weight:600;margin:0 0 16px}
.biography-toc ol{padding-left:22px;margin:0}
.biography-toc li{padding:4px 0 7px}
.biography-toc a{color:var(--ink-2);text-decoration:none;display:inline-block;padding:3px 0}
.biography-toc a:hover,.biography-toc a:focus-visible{color:var(--blue);text-decoration:underline}
.biography-story{min-width:0;max-width:720px}
.biography-story section{scroll-margin-top:150px;padding-bottom:42px;margin-bottom:42px;border-bottom:1px solid var(--rule)}
.biography-story h2{font:500 clamp(1.7rem,2.5vw,2.4rem)/1.15 var(--display);margin:0 0 24px;letter-spacing:-.02em}
.biography-story p{font-size:clamp(1.125rem,1.6vw,1.3rem);line-height:1.65;margin:0 0 20px}
.biography-story .biography-number{font:400 .8rem var(--sans);color:var(--blue);margin-bottom:12px;letter-spacing:.08em}
.biography-story .biography-small{font:400 .8rem/1.7 var(--sans);color:var(--ink-2);margin-top:20px}
.biography-story ul{padding-left:20px;line-height:1.8}
.biography-story .button{white-space:normal;line-height:1.4;max-width:100%;text-align:center}
.author-biography-link{margin:24px 0}
@media(min-width:900px){.biography-hero{grid-template-columns:1fr 1fr;gap:60px}.biography-layout{grid-template-columns:240px minmax(0,1fr);gap:72px}.biography-toc{position:sticky;top:140px;align-self:start;max-height:calc(100vh - 165px);overflow-y:auto;padding-right:12px}}
@media(max-width:599px){.biography-breadcrumb{margin-bottom:28px}.biography-hero{gap:28px;padding-bottom:28px}.biography-origin{margin-bottom:32px}.biography-layout{gap:36px}.biography-story section{margin-bottom:30px;padding-bottom:30px}}