/* Главная: блок «Как мы работаем». Оформление шагов - как у .custom-work-tasks в warm-site.css,
   раскладка своя: заголовок сверху, шесть шагов в два столбца, порядок по столбцам (1-3 слева, 4-6 справа). */

.how-work{display:block}
.how-work .custom-work-intro{margin-bottom:36px}
.how-work .custom-work-intro>p:not(.section-label){margin:18px 0 20px}

.how-work .custom-work-tasks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:column;column-gap:clamp(32px,6vw,90px)}
.how-work .custom-work-tasks>li>article{display:grid;grid-template-columns:30px 1fr;gap:18px;padding:25px 0;border-top:1px solid var(--warm-line);height:100%;box-sizing:border-box}
.how-work .custom-work-tasks>li>article>span{padding-top:5px;font-size:13px;color:var(--warm-muted)}

@media (max-width:700px){
  .how-work .custom-work-tasks{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}
  .how-work .custom-work-tasks>li>article{gap:12px}
}

/* Первый экран: меньше пустого места между шапкой и первой строкой текста.
   Отступ под саму шапку (padding-top у .warm-opening) не трогаем - шапка лежит поверх экрана. */
@media (min-width:851px){
  body.home-warm .warm-hero{padding-top:4px}
}