/* О школе: "MY PASSPORT - дневник, который ведёт сам ребёнок".
   Макет: фреймы tNNqO (десктоп 1440x660) и X9Uye6 (телефон 390x761).

   Блок на всю ширину экрана без .wrap: фото прижато к левому краю,
   текст заполняет остаток ширины со своим внутренним отступом 88px
   (не токен --gutter=56 - в этом блоке отступ другой и слева, и
   справа, дамп C6WABP padding=[0,88]). На телефоне фото во всю ширину
   сверху, текст снизу с обычным гутером 20px (дамп sYtyR
   padding=[0,20]). */

.ab-passport {
  background: var(--white);
}

.ab-passport__row {
  display: flex;
  align-items: center;
}

.ab-passport__photo {
  flex: none;
  width: 660px;
  height: 660px;
}

.ab-passport__photo-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ab-passport__text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding-inline: 88px; /* дамп C6WABP */
}

.ab-passport__kicker {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 11px; /* дамп xpd0h - не var(--kicker)=12 */
  line-height: 13px; /* 11 x 1.21 */
  letter-spacing: 2.4px; /* не var(--kicker-ls)=3 */
  color: var(--magenta-text);
}

.ab-passport__h2 {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 42px; /* дамп E6irNK - не var(--h2-sm)=48 */
  line-height: 48px; /* 42 x 1.14 = 47,88 */
  letter-spacing: -1.6px;
  color: var(--ink);
}

.ab-passport__p {
  margin: 0;
  font-size: 18px;
  line-height: 34px; /* 18 x 1.9 = 34,2 */
  color: var(--muted);
}

/* ─── Телефон (<= 860) ───────────────────────────────────────── */

@media (max-width: 860px) {
  .ab-passport__row {
    flex-direction: column;
    align-items: stretch;
  }

  .ab-passport__photo {
    width: 100%;
    height: 290px;
  }

  .ab-passport__text {
    /* Дамп sYtyR: padding=[0,20] - сверху без отступа, текст начинается
       сразу под фото (родитель X9Uye6 - без gap). */
    padding-inline: var(--gutter-m); /* 20 = дампу */
  }

  .ab-passport__kicker {
    font-size: 10px;
    line-height: 12px; /* 10 x 1.21 */
  }

  .ab-passport__h2 {
    font-size: 27px;
    line-height: 31px; /* 27 x 1.14 = 30,78 */
    letter-spacing: -0.9px;
  }

  .ab-passport__p {
    font-size: 16px;
    line-height: 30px; /* 16 x 1.9 = 30,4 */
  }
}