/* Leadership cards and member stories share the site's static HTML workflow. */
#team{scroll-margin-top:84px}
#team .eyebrow--slate{color:var(--slate)}
.person--linked{display:flex;flex-direction:column;align-items:flex-start}
.person--linked:hover,.person--linked:focus-visible{border-color:var(--violet)}
.person--linked:focus-visible h3{text-decoration:underline;text-underline-offset:4px}
.person--linked .person__link{margin: auto 0 0;padding-top:20px;font-size:.75rem;font-weight:500}
.person--linked:hover .person__link,.person--linked:focus-visible .person__link{text-decoration:underline;text-underline-offset:4px}
.person__ava--photo{object-fit:cover;object-position:50% 25%}

.profile__hero{border-bottom:1px solid var(--line)}
.profile__hero .crumb{color:var(--slate)}
.profile__hero .crumb span{opacity:1}
.profile__heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center}
.profile__hero h1{font-size:clamp(2.8rem,6vw,4.8rem);margin-top:16px}
.profile__title{max-width:54ch;margin:0;color:var(--slate);font-size:clamp(1.06rem,1.6vw,1.3rem);line-height:1.6}
.profile__avatar{width:clamp(90px,12vw,150px);aspect-ratio:1;border:1px solid var(--line-hi);
  border-radius:50%;background:var(--violet-wash);color:var(--violet);display:grid;place-items:center;
  font-family:var(--display);font-size:clamp(2rem,4.5vw,3.4rem);font-weight:700;letter-spacing:-.03em}
.profile__portrait{width:clamp(100px,18vw,240px);height:auto;border:1px solid var(--line-hi);
  border-radius:var(--r-lg)}
.profile__layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:clamp(36px,6vw,96px);align-items:start}
.profile-nav{position:sticky;top:96px;padding-bottom:8px;max-height:calc(100svh - 112px);overflow-y:auto;scrollbar-width:thin}
.profile-nav__label{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);margin-bottom:18px}
.profile-nav ul{display:grid;gap:4px}
.profile-nav a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;
  padding:10px 14px;border-left:2px solid var(--line);font-size:.95rem;color:var(--slate);
  transition:color .2s,background .2s,border-color .2s}
.profile-nav a:hover,.profile-nav a:focus-visible,.profile-nav a[aria-current="page"]{color:var(--violet);
  border-left-color:var(--violet);background:var(--violet-wash)}
.profile-nav a[aria-current="page"]{font-weight:600}
.profile__body{min-width:0;font-size:1.0625rem;line-height:1.85;color:var(--slate)}
.profile__body p{margin:0 0 1.2em}
.profile__body p:last-child{margin-bottom:0}
.profile__body>p:first-child{font-size:clamp(1.15rem,1.8vw,1.4rem);line-height:1.65;color:var(--ink)}
.profile__quote{margin:28px 0;padding:24px 28px;border-left:3px solid var(--violet);background:var(--violet-wash);
  border-radius:0 var(--r) var(--r) 0;color:var(--ink);font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.6}
.profile__expertise{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;
  margin:24px 0;padding:24px 28px 24px 46px;background:var(--mist);border:1px solid var(--line);
  border-radius:var(--r);list-style:disc;color:var(--ink);font-size:.98rem;line-height:1.6}
.profile__expertise li::marker{color:var(--violet)}
.profile__footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;
  border-top:1px solid var(--line);padding-top:28px;margin-top:48px}
.profile__footer a{color:var(--violet);font-family:var(--mono);font-size:.8rem;padding-block:12px}
.profile__footer a:hover{text-decoration:underline;text-underline-offset:4px}

@media(max-width:980px){
  .profile__layout{grid-template-columns:minmax(0,1fr);gap:40px}
  .profile__content{grid-row:1;max-width:760px;margin-inline:auto;width:100%}
  .profile-nav{position:static;max-height:none;overflow:visible;border-top:1px solid var(--line);padding-top:28px}
  .profile-nav ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
}
@media(max-width:640px){
  .profile__heading{gap:20px;align-items:start}
  .profile__heading>div:first-child{min-width:0}
  .profile__avatar{width:64px;font-size:1.5rem;margin-top:4px}
  .profile__hero h1{font-size:clamp(2rem,9vw,2.8rem);overflow-wrap:anywhere}
  .profile__title{font-size:1rem}
  .profile__body{font-size:1rem;line-height:1.8}
  .profile__expertise{grid-template-columns:1fr;padding:20px 20px 20px 38px}
  .profile__quote{padding:20px}
  .profile-nav ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media print{
  .profile-nav,.profile__footer,.profile__avatar{display:none}
  .profile__layout,.profile__heading{display:block}
  .profile__body{max-width:none;color:#000}
  .profile__quote,.profile__expertise{break-inside:avoid}
}