/* ============================================================================
   آرشیو تیم — از «تیم.dc.html»؛ مقدارها همه از توکن‌ها.
   ============================================================================ */

.sy-team-archive { background: var(--sy-white); }

/* ---------------------------------------------------------------- ظرف مشترک */
.sy-arch-in { max-width: 1180px; margin: 0 auto; padding: clamp(32px, 4.5vw, 54px) clamp(16px, 4vw, 40px); }

/* ------------------------------------------------------------------- هیرو */
.sy-arch-hero { background: linear-gradient(180deg, var(--sy-surface), var(--sy-hairline)); }
.sy-arch-hero .sy-arch-in { padding-block: clamp(28px, 4vw, 50px); }
.sy-arch-eyebrow { font-size: 15px; font-weight: 700; color: var(--sy-primary); }
.sy-arch-title { margin: 10px 0 14px; font-size: clamp(27px, 4vw, 40px); line-height: 1.3; font-weight: 800; color: var(--sy-ink); }
.sy-arch-lead { margin: 0; max-width: 62ch; font-size: clamp(17px, 2vw, 19px); line-height: 1.9; color: var(--sy-body); }

/* ------------------------------------------------------------ گروه‌های نقش */
.sy-team-groups { background: var(--sy-white); }
.sy-team-group { margin-bottom: 38px; }
.sy-team-group:last-child { margin-bottom: 0; }
.sy-team-group h2 { margin: 0 0 20px; font-size: clamp(21px, 2.6vw, 26px); font-weight: 800; color: var(--sy-ink); }
.sy-team-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; }

/* -------------------------------------------------------------- کارت عضو */
.sy-team-card { border: 1px solid var(--sy-border); border-radius: 20px; overflow: hidden; background: var(--sy-white); display: flex; flex-direction: column; }
.sy-team-face { aspect-ratio: 1 / 1; background: linear-gradient(135deg, var(--sy-surface-tint), var(--sy-tint)); display: flex; align-items: center; justify-content: center; }
.sy-team-face img { width: 100%; height: 100%; object-fit: cover; }
.sy-team-face svg { width: 38%; height: auto; }
.sy-team-card h3 { margin: 22px 22px 0; font-size: 19px; font-weight: 800; color: var(--sy-ink); }
.sy-team-role { margin: 7px 22px 0; font-size: 15px; color: var(--sy-muted); }
.sy-team-card .sy-badge--sm { margin: 8px 22px 22px; align-self: flex-start; }
.sy-team-card > :last-child { margin-bottom: 22px; }