.person-page{background:var(--paper);color:var(--ink)}
.person-hero{padding:clamp(3rem,8vw,7rem) 0 clamp(2rem,5vw,4rem);background:linear-gradient(120deg,#f9f5ed 0%,#e6f0f4 100%);border-bottom:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}
.person-hero h1{max-width:12ch;margin:.35rem 0;font:700 clamp(3.1rem,8vw,7.7rem)/.88 Georgia,serif;letter-spacing:-.055em;color:var(--ink)}
.person-hero-role{font:700 1rem/1.4 system-ui,sans-serif;letter-spacing:.04em;color:var(--accent);text-transform:uppercase}
.person-hero .kn-lead{max-width:61rem;font-size:clamp(1.12rem,2vw,1.45rem);line-height:1.65}
.kn-button{display:inline-flex;align-items:center;gap:.6rem;background:var(--ink);color:#fff;padding:.9rem 1.15rem;border-radius:.25rem;text-decoration:none;font-weight:800}
.kn-root .person-hero .kn-button{color:#fff}
.person-secondary-link{display:inline-block;margin-left:1rem;color:var(--ink);font-weight:800}
.person-reading{padding:clamp(2rem,5vw,4rem) 0}
.person-reading h2{font:700 clamp(2rem,4vw,4rem)/1 Georgia,serif;margin:.5rem 0 1.5rem}
.person-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.person-reading-grid a{display:grid;gap:.6rem;min-height:13rem;padding:1.45rem;background:var(--surface);border:1px solid color-mix(in srgb,var(--ink) 17%,transparent);text-decoration:none;color:var(--ink)}
.person-reading-grid a:hover{background:color-mix(in srgb,var(--accent) 10%,white)}
.person-reading-grid span{font:700 .72rem/1 system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
.person-reading-grid strong{font:700 clamp(1.35rem,2.5vw,2.1rem)/1.02 Georgia,serif}
.person-reading-grid small{font-size:1rem;line-height:1.5}
.person-article{max-width:78rem;padding-top:clamp(3rem,7vw,7rem);padding-bottom:clamp(3rem,7vw,7rem)}
.person-article h1{max-width:16ch;font:700 clamp(2.8rem,6vw,6.2rem)/.94 Georgia,serif;letter-spacing:-.04em;margin:.45rem 0 1.25rem}
.person-article .kn-lead{max-width:58rem;font-size:1.2rem;line-height:1.65}
.person-article-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.28fr);gap:clamp(2rem,6vw,6rem);margin-top:3rem}
.person-article-grid>div h2{font:700 clamp(1.7rem,3vw,3.1rem)/1 Georgia,serif;margin:2.4rem 0 .85rem}
.person-article-grid>div h2:first-child{margin-top:0}
.person-article-grid>div p{font-size:1.1rem;line-height:1.8}
.person-article-grid aside{align-self:start;position:sticky;top:1rem;display:grid;gap:.75rem;padding:1.2rem;border-top:3px solid var(--accent);background:var(--surface)}
.person-article-grid aside a{color:var(--ink);line-height:1.35}
@media(max-width:760px){.person-secondary-link{display:block;margin:1rem 0 0}.person-reading-grid,.person-article-grid{grid-template-columns:1fr}.person-article-grid aside{position:static}.person-hero h1{font-size:clamp(3.2rem,15vw,5.5rem)}}