.board-hero{padding:180px 40px 120px;text-align:center}
.board-hero h1{max-width:1000px;margin:0 auto}
.board-hero .sub{margin-top:28px;font-size:19px;color:#bdbdbd;max-width:680px;margin-left:auto;margin-right:auto}

.board-list{padding:120px 40px 60px}
.member{
  display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:center;
  padding:100px 0;border-bottom:1px solid #e5e5e5;
}
.member:first-of-type{padding-top:0}
.member:last-of-type{border-bottom:none}
.member.reverse{grid-template-columns:1.4fr 1fr}
.member.reverse .portrait{order:2}
.member.no-photo{grid-template-columns:1fr;max-width:840px;margin:0 auto;padding:64px 0}
.member.no-photo .portrait{display:none}
.bio-pending{color:#8a8a8a;font-style:italic}

.portrait{
  aspect-ratio:4/5;background:#1a1a1a;
  background-size:cover;background-position:center;
  filter:grayscale(100%) contrast(1.05);
  position:relative;
}
.portrait::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 60%, rgba(0,0,0,.35) 100%);
}

.member .name{font-family:var(--serif);font-size:clamp(36px,4vw,52px);font-weight:500;line-height:1.05;letter-spacing:-.005em}
.member .role{
  margin-top:14px;font-size:13px;color:var(--muted);letter-spacing:.22em;
  text-transform:uppercase;font-weight:600;
}
.member .why{
  margin-top:28px;font-family:var(--serif);font-style:italic;
  font-size:24px;line-height:1.45;color:var(--ink);
  border-left:3px solid var(--ink);padding-left:24px;
}
.member .bio{margin-top:24px;font-size:17px;line-height:1.7;color:#333}
.member .bio p{margin-bottom:14px}

.closing{padding:160px 40px;text-align:center}
.closing h2{margin:0 auto}

@media (max-width:900px){
  .member,.member.reverse{grid-template-columns:1fr;gap:36px;padding:64px 0}
  .member.reverse .portrait{order:0}
  .board-hero{padding:130px 24px 80px}
}