.team-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
}

.tc {
  text-align: center;
  padding: 1.7rem 1.2rem;
  border-radius: 14px;
  background: var(--sp);
  transition: all .3s var(--e);
}

.tc:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .05);
}

.tc-av {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  margin: 0 auto .7rem;
  background: var(--navy);
  border: 3px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 10px rgba(44, 74, 107, .15);
}

.tc-ini {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--or);
}

.tc h4 {
  font-size: .9rem;
  font-weight: 700;
  color: var(--nd);
  margin-bottom: .08rem;
}

.tc-role {
  font-size: .66rem;
  color: var(--or);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: .4rem;
}

.tc-bio {
  font-size: .77rem;
  color: var(--tl);
  line-height: 1.6;
}

/* ── Mobile ── */

@media (max-width: 900px) {
  .team-grid {
    grid-template-columns: 1fr;
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
  }
}