.about { display: flex; flex-direction: column; gap: 48px; max-width: 760px; }
.about-copy { display: flex; flex-direction: column; gap: 16px; }
.team { display: flex; flex-direction: column; gap: 16px; }
.person { display: flex; gap: 20px; align-items: flex-start; padding: 24px; background: var(--fp-surface); border: 1px solid var(--fp-border); border-radius: 20px; }
.person img { width: 88px; height: 88px; border-radius: 999px; object-fit: cover; flex: none; }
.person strong { display: block; font-size: 20px; font-weight: 600; color: var(--fp-text); }
.person .role { display: block; font-size: 14px; color: var(--fp-text-muted); margin-bottom: 8px; }
.person p { font-size: 15px; }
@media (max-width: 520px) {
  .person { flex-direction: column; }
}