/* Страница контактов. Крупный первый экран — общий блок c-big (components.css),
   здесь только своё: четыре способа связи в строку и оценки площадок. */

/* ─── сетка контактов под общим заголовком c-big ─── */
/* Сетка идёт вплотную к заголовку: это один первый экран, а не два блока
   подряд, поэтому воздух между ними считается один раз. */
.c-big { padding-bottom: var(--s7); }
.s-cont { padding-top: 0; }
.s-cont__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--s5);
  text-align: left; }
.s-cont__c { border-top: 1px solid var(--line); padding-top: var(--s3); }
.s-cont__k { color: var(--ink-2); }
.s-cont__v { display: block; margin: var(--s3) 0 0; line-height: 1.35; }
.s-cont__v--big { font-family: Oswald, 'Arial Narrow', sans-serif; font-weight: 600;
  letter-spacing: .03em; line-height: 1.15; }
a.s-cont__v { transition: color .15s ease-out; }
a.s-cont__v:hover, a.s-cont__v:focus-visible { color: var(--accent); }

/* ─── заявка ─── */
.s-write__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  gap: var(--s7); align-items: start; }
.s-write__lead { margin-top: var(--s4); max-width: 40ch; }

/* ─── ноутбук: четыре контакта в две строки ─── */
@media (max-width: 1180px) {
  .s-cont__grid { grid-template-columns: repeat(2, 1fr); gap: var(--s5) var(--s6); }
  .s-write__in { grid-template-columns: 1fr; gap: var(--s6); }
}

/* ─── телефон: всё в колонку ─── */
@media (max-width: 640px) {
  .s-cont__grid { grid-template-columns: 1fr; gap: var(--s4); margin-top: var(--s6); }
  .s-cont__v br { display: none; }
}