/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 14 2026 | 12:25:06 */
/* about-team.css — team grid + circular avatars */

.team-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}

.team-card{
  border:1px solid var(--line);
  border-radius: var(--r2);
  background:#fff;
  box-shadow: var(--shadow2);
  padding: 18px;
  display:flex;
  flex-direction:column;
  gap: 12px;
}

.team-head{
  display:flex;
  align-items:center;
  gap: 12px;
}

.avatar{
  width: 62px;
  height: 62px;
  border-radius: 999px; /* circle */
  object-fit: cover;
  border:1px solid var(--line);
  flex: 0 0 auto;
  background:#fff;
}

.avatar-fallback{
  width: 62px;
  height: 62px;
  border-radius: 999px;
  border:1px solid var(--line);
  display:none;          /* وقتی img لود نشد، این نمایش داده می‌شود */
  place-items:center;
  font-weight:950;
  color: var(--ink);
  background:
    radial-gradient(600px 240px at 25% 20%, rgba(14,165,233,.16), transparent 55%),
    linear-gradient(135deg, rgba(17,24,39,.08), rgba(17,24,39,.03));
}

.team-name{
  font-weight:950;
  letter-spacing:-0.2px;
  font-size: 15px;
  color: var(--ink);
}

.team-role{
  margin-top: 6px;
  color: var(--muted2);
  font-size: 12px;
}

.team-bio{
  margin:0;
  color: var(--muted);
  font-size: 14px;
  line-height: 2;
}

/* timeline small */
.timeline{display:grid; gap: 12px; margin-top: 14px}
.titem{display:flex; gap:12px; align-items:flex-start}
.tbadge{
  flex: 0 0 auto;
  border:1px solid var(--line);
  background:#fff;
  border-radius: 999px;
  padding: 8px 10px;
  font-size:12px;
  font-weight:950;
  color: var(--ink);
}
.titem strong{display:block; margin-bottom:8px; letter-spacing:-0.2px}
.titem p{margin:0; color: var(--muted); line-height:2; font-size:13px}

@media (max-width: 980px){
  .team-grid{grid-template-columns: 1fr}
}