/* «צוות בית המדרש» — Figma y 5546–6236 (h 690). Белый фон, 3 раввина.
   Фото разной высоты выровнены низом по верху плашек (y379 от начала секции). */

.team {
  position: relative;
  height: calc(690 * var(--u));
  background: var(--color-white);
}

/* Заголовок — Assistant 200/85 (lh 93.5) */
.team__title {
  position: absolute;
  top: calc(72 * var(--u));
  left: 0;
  width: 100%;
  font-family: var(--font-accent);
  line-height: calc(93.5 / 85);
}

/* ---------- Карточка члена команды ---------- */
.member {
  position: absolute;
  top: calc(189 * var(--u));
  width: calc(354 * var(--u));
}

.member__photo {
  position: absolute;
}

.member__photo img {
  width: 100%;
  height: 100%;
}

.member__plate {
  position: absolute;
  left: 0;
  top: calc(190 * var(--u));
}

.member__role {
  position: absolute;
  top: calc(243 * var(--u));
  font-size: calc(30 * var(--u));
  line-height: calc(45 * var(--u));
  text-align: center;
}

/* הרב דוד ג׳יאמי (правая) — фото 274×190 на (993,189), роль (986,432) 303 */
.member--david { left: calc(953 * var(--u)); }
.member--david .member__photo { left: calc(40 * var(--u)); top: 0; width: calc(274 * var(--u)); height: calc(190 * var(--u)); }
.member--david .member__role { left: calc(33 * var(--u)); width: calc(303 * var(--u)); }

/* הרב אליהו דרמון (центр) — фото 265×180 на (588,199), роль (516,432) 408 */
.member--eliyahu { left: calc(543 * var(--u)); }
.member--eliyahu .member__photo { left: calc(45 * var(--u)); top: calc(10 * var(--u)); width: calc(265 * var(--u)); height: calc(180 * var(--u)); }
.member--eliyahu .member__role { left: calc(-27 * var(--u)); width: calc(408 * var(--u)); }

/* הרב עוזי יחזקאל (левая) — фото 249×172 на (191,207), роль (145,432) 337 */
.member--uzi { left: calc(132 * var(--u)); }
.member--uzi .member__photo { left: calc(59 * var(--u)); top: calc(18 * var(--u)); width: calc(249 * var(--u)); height: calc(172 * var(--u)); }
.member--uzi .member__role { left: calc(13 * var(--u)); width: calc(337 * var(--u)); }

/* Жирная строка — (367,563) */
.team__note {
  position: absolute;
  top: calc(563 * var(--u));
  left: 0;
  width: 100%;
  font-size: calc(30 * var(--u));
  font-weight: var(--fw-bold);
  line-height: calc(40.8 * var(--u));
  text-align: center;
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .team {
    height: auto;
    padding: calc(52 * var(--u)) calc(24 * var(--u)) calc(56 * var(--u));
  }

  .team__title,
  .team__note {
    position: relative;
    top: auto;
  }

  .team__members {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(40 * var(--u));
    margin-top: calc(32 * var(--u));
  }

  .member {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    max-width: calc(340 * var(--u));
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* position: static — чтобы десктопные left/top из селекторов вида
     .member--david .member__photo (специфичность 0,2,0) не смещали элементы */
  .member .member__photo,
  .member .member__plate,
  .member .member__role {
    position: static;
  }

  .member--david .member__photo   { width: calc(240 * var(--u)); height: auto; }
  .member--eliyahu .member__photo { width: calc(232 * var(--u)); height: auto; }
  .member--uzi .member__photo     { width: calc(218 * var(--u)); height: auto; }

  .member .member__role {
    width: 100%;
    margin-top: calc(10 * var(--u));
    font-size: calc(18 * var(--u));
    line-height: 1.45;
  }

  .team__note {
    margin-top: calc(40 * var(--u));
    font-size: calc(19 * var(--u));
    line-height: 1.5;
  }
}