/* ============================================================
   Our Team page — styles used ONLY by templates/team.html.
   Edit freely here when adding/removing team members; nothing
   in this file affects any other page on the site.
   ============================================================ */

.team-grid{ display:grid; grid-template-columns: 1fr; gap: 32px; margin-top: 2.2em; max-width: 820px; margin-left:auto; margin-right:auto; }

.team-card{
  background: var(--graphite-3); border: 1px solid var(--hairline);
  border-radius: var(--radius); padding: 28px;
}
.team-card__head{
  display:flex; align-items:flex-start; justify-content:space-between;
  gap: 20px; margin-bottom: 1.1em;
}
.team-card__head-text h3{ margin-bottom: 0.2em; }

.team-card__avatar{
  flex: 0 0 auto; width: 88px; height: 88px; border-radius: 50%;
  display:flex; align-items:center; justify-content:center;
  font-family: var(--font-display); font-weight:600; font-size: 1.7rem; color: var(--graphite);
}
.team-card__avatar--gold{ background: var(--gold); }
.team-card__avatar--blue{ background: var(--blue); }
.team-card__avatar-img{
  flex: 0 0 auto; width: 88px; height: 88px; border-radius: 50%; object-fit: cover;
  border: 1px solid var(--hairline);
}
.team-card__role{ font-family: var(--font-mono); font-size: 0.8rem; color: var(--paper-dim); margin:0; }

@media (max-width: 480px){
  .team-card__head{ flex-direction: column-reverse; align-items:flex-start; gap: 14px; }
}

.team-card__section-label{
  font-family: var(--font-mono); font-size: 0.7rem; letter-spacing:0.08em; text-transform:uppercase;
  color: var(--gold); margin: 1.4em 0 0.7em;
}