/* Humans of Pretxt: team profiles on the About page. */
.team-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-top: 48px; }
.team-card { display: flex; flex-direction: column; align-items: center; text-align: center; background: var(--px-surface-raised); border: 1px solid var(--px-border); border-radius: var(--px-radius-lg); padding: 32px; box-shadow: var(--px-shadow-sm); }
.team-photo { width: 128px; height: 128px; border-radius: 50%; object-fit: cover; background: var(--px-hero-pool); }
.team-card h3 { font-size: 24px; margin-top: 24px; }
.team-role { color: var(--px-primary); font-weight: 600; margin-top: 6px; }
.team-place { color: var(--px-text-muted); font-size: 14px; margin-top: 4px; }
.team-link { margin-top: 16px; font-weight: 600; font-size: 15px; }
@media (max-width: 900px) {
  .team-grid { grid-template-columns: 1fr; max-width: 560px; }
  .team-card { padding: 26px; }
}

/* Tighter vertical rhythm on About, where sections are short. */
.about .page-hero { padding-bottom: 24px; }
.about .section { padding-top: 56px; padding-bottom: 56px; }
.about .section--compact { padding-top: 24px; }
.about .team-grid { margin-top: 36px; }
.ai-take { align-items: center; padding: 40px; background: var(--px-surface-raised); border: 1px solid var(--px-border); border-radius: var(--px-radius-lg); }
.ai-take p { color: var(--px-text-secondary); font-size: 18px; line-height: 1.75; }
@media (max-width: 900px) {
  .about .section { padding-top: 44px; padding-bottom: 44px; }
  .about .section--compact { padding-top: 12px; }
  .ai-take { gap: 16px; padding: 28px; }
}
@media (max-width: 600px) {
  .about .section { padding-top: 36px; padding-bottom: 36px; }
  .about .team-grid { gap: 16px; margin-top: 28px; }
  .team-card { display: grid; grid-template-columns: 88px 1fr; column-gap: 20px; align-items: center; text-align: left; padding: 20px; }
  .team-photo { width: 88px; height: 88px; grid-row: 1 / span 4; }
  .team-card h3 { font-size: 20px; margin-top: 0; }
  .team-link { margin-top: 8px; justify-self: start; }
}