/* «Команда» — Figma `2318:2476`, 1920×1019, без фона.
   Три карточки 499×779 с шагом 20. Лид-абзац начинается левее, чем в
   остальных секциях (875 против 970), поэтому у шапки свой модификатор. */

.team {
  height: 63.6875rem; /* 1019 */
}

.section__head--tight {
  grid-template-columns: 48.6875rem 47.375rem; /* 779 / 758 */
}

.team__cards {
  display: grid;
  grid-template-columns: repeat(3, 31.1875rem); /* 499 */
  gap: 1.25rem; /* 20 */
  margin-top: 4rem; /* 240 − 176 */
}

.team__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 48.6875rem; /* 779 */
  padding: 0.75rem 0.75rem 2rem; /* 12 по бокам, 32 снизу */
  border: 1px solid var(--c-text);
  border-radius: var(--r-lg);
  background: var(--c-surface);
}

.team__photo {
  width: 29.6875rem; /* 475 */
  height: 27.4375rem; /* 439 */
  border-radius: var(--r-md); /* 16 */
  background: var(--c-accent);
  object-fit: cover;
  flex-shrink: 0;
}

.team__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1.5rem; /* 32 / 24 */
  text-align: center;
}

.team__name {
  font-family: var(--f-display);
  font-weight: 900;
  font-size: 2.5rem; /* 40 */
  line-height: 2.75rem; /* 44 */
  color: var(--c-text);
}

.team__role {
  margin-top: 0.75rem; /* 12 */
  font-size: 1.5rem; /* 24 */
  line-height: 1.75rem; /* 28 */
  color: var(--c-text-muted);
}

.team__bio {
  margin-top: 1rem; /* 16 */
  font-size: 1.75rem; /* 28 */
  line-height: 2rem; /* 32 */
  color: var(--c-text);
}

.team__links {
  display: flex;
  gap: 0.75rem; /* 12 */
  margin-top: auto;
}

.team__link {
  display: grid;
  place-items: center;
  width: 4rem; /* 64 */
  height: 4rem;
  border-radius: 50%;
  background: var(--c-surface-alt);
  transition: transform 0.18s ease;
}

.team__link:hover {
  transform: scale(1.06);
}

.team__link svg {
  width: 2.5rem; /* 40 */
  height: 2.5rem;
  fill: var(--c-brand);
}

.team__link--linkedin svg {
  fill: var(--c-warm-dark);
}

/* --- Адаптив: макета нет, раскладка спроектирована здесь --- */
@media (max-width: 1199px) {
  .team {
    height: auto;
  }

  .section__head--tight {
    grid-template-columns: 1fr;
  }

  .team__cards {
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
    margin-top: 2.5rem;
  }

  .team__card {
    height: auto;
    padding-bottom: 1.5rem;
  }

  .team__photo {
    width: 100%;
    height: 16rem;
  }

  .team__body {
    padding: 1.5rem 1rem;
  }

  .team__name {
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .team__role {
    margin-top: 0.5rem;
    font-size: 1rem;
    line-height: 1.4;
  }

  .team__bio {
    font-size: 1.0625rem;
    line-height: 1.4;
  }

  .team__link {
    width: 3rem;
    height: 3rem;
  }

  .team__link svg {
    width: 1.75rem;
    height: 1.75rem;
  }
}