/* Red Mammoth — Team page (team.html). Page-specific rules only;
   shared tokens/header/footer/hero/card patterns come from css/site.css. */

.page-hero__title { max-width: 24ch }

/* "تیم ماموت" section-naming label — kept in the markup for reference,
   not shown to visitors. visibility:hidden (not display:none) so its own
   spacing/margin stays exactly as before and nothing reflows. */
.section-label--hidden { visibility: hidden }

/* grid-auto-rows: 1fr makes every row match the tallest card's content
   (the standard equal-height card behavior used across the site's other
   card grids) instead of each row sizing to only its own content */
.team__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); grid-auto-rows: 1fr; gap: 18px }
.team__card i { width: 20px; height: 20px; color: var(--color-gold); flex: none }

/* icon beside the title instead of above it; the shared .tile-card__title
   margin (meant for stacking below an icon) is zeroed out here since the
   row's own gap/margin now does that spacing job */
.team__card-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px }
.team__card-head .tile-card__title { margin: 0 }

.team__collab-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: clamp(36px, 6vw, 80px); align-items: center }
.team__collab-title { font-family: var(--font-heading); font-weight: 700; font-size: clamp(22px, 2.6vw, 30px); line-height: 1.35; margin: 0 0 20px }
.team__collab-lead { font-size: 17px; line-height: 1.9; color: var(--color-slate); max-width: 52ch; margin: 0 }