body { background:var(--paper-0); color:var(--ink-0); }
.people-shell { padding-block:var(--space-6) var(--space-9); }
.person-hero {
  display:grid;
  grid-template-columns:minmax(10rem,16rem) minmax(0,1fr);
  gap:clamp(2rem,6vw,6rem);
  align-items:center;
  min-height:31rem;
  padding-block:var(--space-7);
  border-block-end:2px solid var(--ink-0);
}
.person-avatar { aspect-ratio:1; overflow:hidden; background:var(--ink-0); color:var(--paper-1); display:grid; place-items:center; font-size:clamp(4rem,10vw,8rem); font-weight:950; }
.person-avatar img { inline-size:100%; block-size:100%; object-fit:cover; }
.person-hero__content { max-width:62rem; }
.person-hero h1 { max-width:13ch; margin:.55rem 0; font-size:clamp(3rem,7vw,6.8rem); line-height:.93; letter-spacing:-.055em; }
.person-role { margin:.8rem 0; color:var(--brand-oxide); font-weight:900; font-size:var(--text-lg); }
.person-bio { max-inline-size:52rem; color:var(--ink-1); font-size:1.08rem; line-height:1.85; }
.person-expertise,.person-links { display:flex; flex-wrap:wrap; gap:.45rem; margin-block-start:var(--space-4); }
.person-expertise span,.person-links a { border:1px solid var(--line); padding:.45rem .7rem; font-size:var(--text-sm); background:var(--paper-1); }
.people-section { padding-block:var(--space-7); }
.people-section__head { display:grid; grid-template-columns:auto 1fr auto; gap:var(--space-4); align-items:baseline; padding-block-end:var(--space-4); border-block-end:1px solid var(--ink-0); }
.people-section__head h2 { margin:0; font-size:var(--text-xl); }
.people-section__head strong { color:var(--brand-oxide); font-size:var(--text-xl); }
.people-article { display:grid; grid-template-columns:8rem minmax(0,1fr) auto; gap:var(--space-4); align-items:start; padding-block:var(--space-5); border-block-end:1px solid var(--line); }
.people-article .eyebrow { margin-block-start:.2rem; }
.people-article h3 { margin:0; font-size:clamp(1.25rem,2.2vw,1.9rem); line-height:1.25; }
.people-article p { grid-column:2; margin:.3rem 0 0; max-width:58rem; color:var(--ink-2); line-height:1.7; }
.people-article time { color:var(--ink-2); font-size:var(--text-xs); white-space:nowrap; }
.people-empty { padding-block:var(--space-7); color:var(--ink-2); }
@media(max-width:760px){
 .people-shell{width:min(calc(100% - 1.2rem),var(--content-max))}
 .person-hero{grid-template-columns:1fr;min-height:auto}
 .person-avatar{max-inline-size:10rem}
 .person-hero h1{font-size:clamp(2.7rem,14vw,4.8rem)}
 .people-article{grid-template-columns:1fr}
 .people-article p{grid-column:1}
}