/* Advisory board: edit with the page in v11. */
.people-intro{padding:80px 0 48px}
.people-intro h1{max-width:850px;margin:16px 0 24px}
.people-intro .lede{max-width:620px}
.people-section{padding:48px 0}
.people-section-head{max-width:640px;margin-bottom:32px}
.people-section-head h2{margin:12px 0 16px}

.founder-card{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:stretch;
  gap:0;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:24px;
  overflow:hidden;
}
.person-photo{
  position:relative;
  min-height:220px;
  aspect-ratio:4/3;
  background:var(--surface-2);
  overflow:hidden;
}
.person-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 18%;
}
.founder-photo{aspect-ratio:4/3;min-height:260px}
.founder-photo img{object-position:center 22%}
.person-copy{
  display:grid;
  gap:12px;
  align-content:start;
  padding:28px 24px 32px;
}
.person-copy > *{margin:0}
.person-copy .founder-lead{
  font-size:var(--type-body-lg-size);
  line-height:var(--type-body-lg-line);
  font-weight:var(--type-body-lg-weight);
  letter-spacing:var(--type-body-lg-tracking);
}
.person-role{color:var(--ink-2)}

.person-orgs{
  list-style:none;
  margin:4px 0 0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.person-orgs .org{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  padding:4px 10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
  color:var(--ink-2);
  font-size:var(--type-caption-size);
  line-height:var(--type-caption-line);
  font-weight:var(--type-caption-weight);
  letter-spacing:var(--type-caption-tracking);
  text-decoration:none;
}
@media (hover:hover) and (pointer:fine){a.org:hover{color:var(--ink);border-color:var(--ink-3)}}
a.org:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.org-ico{flex:none;width:14px;height:14px;display:block}
html[data-theme="dark"] .org-ico{filter:invert(1) brightness(1.05)}

.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.people-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column}
.people-card .person-photo{aspect-ratio:1/1;min-height:0}
.people-card .person-copy{padding:24px;gap:10px;flex:1}
.people-note{margin-top:24px;color:var(--ink-2)}
.people-closing{padding:40px;background:var(--surface);border:1px solid var(--line);border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.people-closing h2{margin-top:12px}
.people-page a:focus-visible{outline:2px solid var(--focus);outline-offset:4px}

.people-support{margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}
.people-support h3{margin-bottom:12px}
.people-support .support-orgs{margin-top:12px}
.people-support .people-note{margin-top:12px}
.people-quote{max-width:850px;padding:40px;border-radius:24px;background:var(--surface);border:1px solid var(--line)}
.people-quote blockquote{margin:24px 0 0}
.people-quote blockquote footer{margin-top:24px}
.people-quote blockquote footer span{display:block;color:var(--ink-2);margin-top:4px}

@media (min-width:1024px){
  .founder-card{grid-template-columns:minmax(240px,0.9fr) minmax(0,1.35fr)}
  .founder-photo{aspect-ratio:1/1;min-height:0;height:100%}
  .founder-card .person-copy{padding:40px 44px;gap:16px}
}