/* ФАБУЛА · Контакты. Эталон: доски Contacts (1440) и ContactsM (390).
   Шире 1280 — десктоп, 1101–1280 — колонки уже, 721–1100 — один столбец со строками в две колонки, до 720 — телефон. */

.c-hero{display:grid;grid-template-columns:560px minmax(0,1fr);gap:60px;min-height:720px;padding-top:120px;padding-bottom:80px}
.c-t{display:flex;flex-direction:column;gap:26px}
.c-t .lead{max-width:480px}
.c-side{padding-top:20px;display:flex;flex-direction:column;gap:64px}
.c-lb{margin:0 0 14px;font-size:13px;line-height:normal;color:var(--ink-caption)}
.c-list>li{grid-template-columns:300px minmax(0,1fr);padding:16px 0;line-height:normal}
.c-list a{font-size:18px}
.c-req{margin:0;font-size:15px;line-height:normal;border-bottom:1px solid var(--rule)}
.c-req>div{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:baseline;padding:12px 0;border-top:1px solid var(--rule)}
.c-req dt{color:var(--ink-caption)}
.c-req dd{margin:0}
.c-rq{line-height:normal}
.c-more{display:inline-block;margin-top:18px;font-size:14px;line-height:normal}

@media (max-width:1280px) and (min-width:1101px){
 .c-hero{grid-template-columns:440px minmax(0,1fr)}
 .c-list>li,.c-req>div{grid-template-columns:minmax(0,260px) minmax(0,1fr)}
}
@media (max-width:1100px){
 .c-hero{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;max-width:760px;margin:0;padding-top:88px;padding-bottom:96px}
 .c-side{padding-top:56px;gap:56px}
 .c-list>li,.c-req>div{grid-template-columns:240px minmax(0,1fr)}
}
@media (max-width:720px){
 .c-hero{padding-top:40px;padding-bottom:72px}
 .c-t{gap:22px}
 .c-side{padding-top:48px;gap:48px}
 .c-list>li,.c-req>div{display:flex;flex-direction:column;gap:4px}
 .c-req dt{font-size:13px}
}
