/* Слой страницы «О компании» (только раскладка, токены и атомы не трогаются).
   Обновлено по макету: секция «Объекты» (галерея) и блок сканов документов убраны. */
.ab-page{padding:var(--sp-16) 0;} /* нейтральные отступы под шапку и подвал */
.ab-container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);box-sizing:border-box;}

.ab-lead{margin-top:var(--sp-6);max-width:56ch;text-wrap:pretty;}

/* Ритм секций: разделитель-линия сверху, как в остальных страницах проекта */
.ab-block{margin-top:var(--sp-12);padding-top:var(--sp-12);border-top:1px solid var(--line);}
.ab-kicker{display:block;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:var(--sp-3);}
.ab-flag{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-3);}
.ab-flag .caption{color:var(--muted);}

/* Двухколоночный ряд: заголовок слева / контент справа */
.ab-row{display:grid;grid-template-columns:320px minmax(0,1fr);gap:var(--sp-6) var(--sp-12);align-items:start;}
.ab-row-head .caption{margin-top:var(--sp-3);max-width:34ch;color:var(--muted);}
.ab-prose{max-width:64ch;display:flex;flex-direction:column;gap:var(--sp-4);}
.ab-prose .body-lg{text-wrap:pretty;}

/* Метрики — display-типографика, значения --accent */
.ab-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-8);margin-top:var(--sp-8);}
.ab-metric{display:flex;flex-direction:column;gap:var(--sp-2);align-items:flex-start;}
.ab-metric-val{font:600 64px/1 var(--font-display);letter-spacing:-.02em;color:var(--accent);}
.ab-metric--todo .ab-metric-val{color:var(--muted-2);}
.ab-metrics--ink .ab-metric-val{color:var(--ink);}
.ab-metrics--ink .ab-metric--todo .ab-metric-val{color:var(--muted-2);}
.ab-metric-lbl{color:var(--muted);max-width:22ch;}
.ab-metric .sticker{margin-top:var(--sp-1);}

/* Где работаем — карточки-ссылки на городские направления */
.ab-cities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6);margin-top:var(--sp-8);}
.ab-city{display:flex;flex-direction:column;gap:var(--sp-2);align-items:flex-start;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:var(--sp-6);text-decoration:none;color:inherit;
  transition:border-color .15s,box-shadow .15s;}
.ab-city:hover{border-color:var(--accent);box-shadow:var(--shadow-md);}
.ab-city:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring);}
.ab-city-region{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);}
.ab-city .h3{color:var(--ink);}
.ab-city-desc{color:var(--ink-2);text-wrap:pretty;}
.ab-city-go{margin-top:auto;padding-top:var(--sp-4);display:inline-flex;align-items:center;gap:var(--sp-2);
  color:var(--accent-dark);font:500 15px/1 var(--font-text);}
.ab-city:hover .ab-city-go{color:var(--accent);}

.ab-guarantees{max-width:64ch;}

/* Реквизиты */
.ab-req{margin-top:var(--sp-8);background:var(--surface-2);border-radius:var(--radius-sm);
  padding:var(--sp-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6) var(--sp-8);}
.ab-req-item{display:flex;flex-direction:column;gap:var(--sp-1);}
.ab-req-item .caption{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);}
.ab-req-val{font:400 14px/1.5 var(--font-mono);color:var(--ink-2);overflow-wrap:anywhere;}

/* CTA — тёмная секция */
.ab-cta{margin-top:var(--sp-16);position:relative;overflow:hidden;
  background:var(--surface-dark);color:var(--surface);border-radius:var(--radius);padding:var(--sp-16);}
.ab-cta-in{position:relative;z-index:1;max-width:52ch;}
.ab-cta .h2{color:var(--surface);}
.ab-cta-sub{margin-top:var(--sp-4);color:var(--surface);opacity:.82;text-wrap:pretty;}
.ab-cta-actions{margin-top:var(--sp-8);display:flex;gap:var(--sp-4);flex-wrap:wrap;}
.ab-cta-actions .btn{text-decoration:none;}
.ab-cta-decor{position:absolute;left:0;right:0;bottom:0;width:100%;height:48px;opacity:.5;pointer-events:none;z-index:0;}

/* Tablet 768–1279 */
@media (max-width:1279px){
  .ab-row{grid-template-columns:250px minmax(0,1fr);gap:var(--sp-4) var(--sp-8);}
  .ab-metrics{gap:var(--sp-6);}
  .ab-metric-val{font-size:52px;}
  .ab-cta{padding:var(--sp-12);}
}
/* Mobile <768 */
@media (max-width:767px){
  .ab-page{padding:var(--sp-12) 0;}
  .ab-block{margin-top:var(--sp-8);padding-top:var(--sp-8);}
  .ab-row{grid-template-columns:1fr;gap:var(--sp-4);}
  .ab-row-head .caption{max-width:none;}
  .ab-metrics{grid-template-columns:1fr 1fr;gap:var(--sp-6) var(--sp-4);}
  .ab-metric-val{font-size:40px;}
  .ab-cities{grid-template-columns:1fr;}
  .ab-req{grid-template-columns:1fr;padding:var(--sp-4);}
  .ab-cta{padding:var(--sp-8);}
  .ab-cta-actions{flex-direction:column;}
  .ab-cta-actions .btn{width:100%;}
}