/* ============================================================
   ABOUT PAGE
   ============================================================ */

.mission-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2rem;
}
@media (max-width:800px){.mission-grid{grid-template-columns:1fr}}
.mission-card{
  padding:clamp(2rem,4vw,3rem);
  background:var(--color-surface);
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  border-left:3px solid var(--color-accent);
}
.mission-card .lead{margin-top:1.25rem}

/* Board */
.board-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.25rem;
}
@media (max-width:900px){.board-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:500px){.board-grid{grid-template-columns:1fr}}
.board-card{
  padding:2rem 1.5rem;
  background:var(--color-surface);
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  text-align:left;
  transition:all var(--transition-interactive);
}
.board-card:hover{
  transform:translateY(-4px);
  border-color:var(--color-accent);
  box-shadow:var(--shadow-md);
}
.board-avatar{
  width:64px;height:64px;
  display:flex;align-items:center;justify-content:center;
  background:var(--color-surface-2);
  color:var(--color-accent-bright);
  border:1px solid var(--color-border);
  border-radius:50%;
  font-family:var(--font-display);
  font-size:1.4rem;font-weight:400;
  letter-spacing:.05em;
  margin-bottom:1.25rem;
}
.board-card.featured .board-avatar{
  background:var(--color-accent);color:var(--color-primary);
}
.board-name{
  font-family:var(--font-display);
  font-size:1.15rem;
  font-weight:500;
  line-height:1.2;
  margin-bottom:.35rem;
  letter-spacing:-.01em;
}
.board-role{
  font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--color-accent);
  font-weight:600;
  margin-bottom:1rem;
}
.board-bio{
  font-size:.88rem;color:var(--color-text-muted);
  line-height:1.6;
}

/* Partners */
.partner-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
}
@media (max-width:800px){.partner-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:500px){.partner-grid{grid-template-columns:1fr}}
.partner{
  padding:2rem 1.5rem;
  background:var(--color-surface);
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  font-family:var(--font-display);
  font-size:1.15rem;
  font-weight:400;
  text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:.5rem;
  transition:all var(--transition-interactive);
}
.partner:hover{border-color:var(--color-accent);transform:translateY(-2px)}
.partner small{
  font-family:var(--font-body);
  font-size:.75rem;font-weight:500;
  letter-spacing:.05em;
  color:var(--color-text-muted);
  text-transform:none;
}

/* Full donor wall (permanent block) */
.full-donor-wall{
  display:flex;flex-direction:column;gap:2.5rem;
  max-width:64rem;margin-inline:auto;
}
.dw-tier{
  padding-block:1.5rem;
  border-top:1px solid rgba(237,229,206,.2);
}
.dw-tier h4{
  font-family:var(--font-body);
  font-size:.75rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--color-accent-bright);
  margin-bottom:1.25rem;
}
.dw-list{
  display:flex;flex-wrap:wrap;
  gap:1.5rem 2.5rem;
  font-family:var(--font-display);
  font-size:1.1rem;font-weight:300;
  color:#EDE5CE;
  letter-spacing:-.01em;
}
.dw-list.muted{
  font-size:.9rem;font-family:var(--font-body);
  gap:.75rem 2rem;
  color:rgba(237,229,206,.72);
}
.dw-list span{
  display:inline-flex;align-items:center;
}
.dw-list span::before{
  content:"";width:4px;height:4px;
  background:var(--color-accent);
  border-radius:50%;
  margin-right:.75rem;
  opacity:.7;
}