/* Команда — 541:9438: фон #f7f7f7, отступы 100/110, шаг колонки 60,
   текст 817 + статистика 814 через промежуток 50, сетка портретов 4×2 по 406. */
.team {
  display: flex;
  flex-direction: column;
  gap: clamp(32px, 3.125vw, 60px);
  padding: clamp(56px, 5.2083vw, 100px) var(--gutter);
  background: var(--paper);
}
.team__title {
  font-size: clamp(30px, 2.7083vw, 52px);
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 1px;
  color: var(--ink);
}

/* верхний ряд: 817 / 50 / 814 от контейнера 1700 */
.team__top {
  display: grid;
  grid-template-columns: 48.0588% 47.8824%;
  column-gap: 2.9412%;
}

.team__text {
  display: flex;
  flex-direction: column;
  gap: 25px;
  max-width: 98.53%;          /* 805 из 817 */
  font-size: var(--t-lead);
  line-height: 1.2;
  letter-spacing: 1px;
  color: var(--ink);
}
.team__para p + p { margin-top: 20px; }

/* два ряда по 162/163: высота задана в макете, контент прижат к верху */
.team__stats {
  display: grid;
  grid-template-columns: 381fr 393fr;
  grid-template-rows: 162px 163px;
  column-gap: 40px;
}
.team__stats > li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.team__num {
  display: flex;
  align-items: center;
  gap: 30px;
  font-size: clamp(30px, 2.7083vw, 52px);
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 1px;
  color: var(--ink);
  white-space: nowrap;
}
.team__lbl {
  font-size: var(--t-lead);
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 1px;
  color: var(--ink);
  white-space: nowrap;
}
/* звезда 62×62, рисунок прижат к верху рамки (в макете снизу зазор 9.55%) */
.team__star {
  display: block;
  width: clamp(36px, 3.2292vw, 62px);
  height: clamp(36px, 3.2292vw, 62px);
}
.team__star img { display: block; width: 95.1%; height: 90.45%; margin-inline: auto; }

/* портреты: 4 колонки по 406, промежуток 25 */
.team__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 25px;
}
.mate {
  display: flex;
  flex-direction: column;
  border-radius: var(--r-xl);
  overflow: hidden;
  background: var(--white);
}
.mate__photo {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  background: #bab6b7;
}
.mate__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
}
.mate__name {
  font-size: clamp(20px, 1.3542vw, 26px);
  font-weight: 900;
  line-height: var(--lh-h3);
  letter-spacing: 1px;
  color: var(--ink);
}
.mate__role {
  font-size: var(--t-body);
  font-weight: 600;
  line-height: var(--lh-h4);
  letter-spacing: 1px;
  color: rgba(0, 0, 0, 0.86);
}

@media (max-width: 1279px) {
  .team__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
  .team__top { grid-template-columns: 1fr; row-gap: 40px; }
  .team__text { max-width: none; }
  .team__stats { grid-template-rows: auto auto; row-gap: 32px; }
  .team__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 599px) {
  .team__stats { grid-template-columns: 1fr; }
  .team__grid { grid-template-columns: 1fr; gap: 16px; }
}