/* =====================================================================
   Контакты (contacts.html, глава VII) — только то, чего нет в base.css.
   Открытие главы → крупный телефон (якорь вместо первого фото) и список
   определений → «Написать нам»: узкая колонка формы и вертикальное фото.
   ===================================================================== */

/* ---------- Телефон и список определений ---------- */
.reach { margin-top: clamp(48px, 2rem + 4vw, 112px); align-items: start; }   /* как фото открытия */
.reach__main { grid-column: 2 / span 7; }
.reach__phone { margin-left: -.04em; }                         /* оптическое выравнивание «+» по левому краю */
.reach__actions { margin-top: clamp(28px, 1rem + 1.6vw, 48px); }
.reach__side { grid-column: 9 / span 4; padding-top: .9em; }   /* первая подпись — на уровне верха цифр */
.reach__map { margin-top: 6px; padding-left: 32px; }           /* под текстом адреса: иконка 20 + зазор 12 */
.reach__map .link { font-size: 1.0625rem; }
.contact-list .reach__map a:hover { text-decoration: none; }
.reach__note { margin-top: var(--s-6); max-width: 22em; }

/* ---------- Написать нам ---------- */
.write__main { grid-column: 2 / span 6; }
.write__main > .h2 { margin-bottom: var(--s-5); }
.write__lead { margin-bottom: clamp(36px, 1rem + 2.4vw, 64px); }
.write__fallback { max-width: 34em; color: var(--ink-2); }
.write__fallback a { color: var(--ink); }
.write__form .check { max-width: 34em; }
.write__media { grid-column: 9 / span 4; align-self: start; margin-top: calc(1.06 * var(--fs-h2) + var(--s-5)); }  /* верх фото — на первой строке лида: строка .h2 (1,06) и её отступ */

/* ---------- Адаптив ---------- */
@media (max-width: 900px) {
  .reach__main, .reach__side, .write__main, .write__media { grid-column: 1 / -1; }
  .reach__side { margin-top: var(--s-8); padding-top: 0; }
  .write__media { margin-top: var(--s-8); max-width: 520px; }
}
@media (max-width: 640px) {
  .reach__side { margin-top: var(--s-7); }
}