/* ==========================================================================
   Главная — о компании (site/layouts/105-about.php). Только var(--es-*). Без карточек: текст и цифры строкой.
   ========================================================================== */
body.main-page .home-about__grid {display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(32px, 6vw, 110px); align-items: start}
body.main-page .home-about__head .es-section-title {font-size: clamp(30px, 3.2vw, 46px)}
body.main-page .home-about__text {color: var(--es-text); font-size: 17px; line-height: 1.75}
body.main-page .home-about__text p {margin: 0}
body.main-page .home-about__text p + p {margin-top: 14px}
body.main-page .home-about__text strong {color: var(--es-heading)}
body.main-page .home-about__text .es-link-arrow {margin-top: 26px}
body.main-page .home-about__facts {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin: clamp(48px, 6vw, 80px) 0 0; padding: 0}
body.main-page .home-about__fact {margin: 0; padding-top: 22px; border-top: 1px solid var(--es-border)}
body.main-page .home-about__fact dt {color: var(--es-heading); font-family: var(--es-font-display); font-size: clamp(28px, 3vw, 44px); font-weight: 800; line-height: 1.1}
body.main-page .home-about__fact dd {margin: 10px 0 0; color: var(--es-muted); font-size: 15px; line-height: 1.5}

@media (max-width: 991px) {
    body.main-page .home-about__grid {grid-template-columns: 1fr; gap: 20px}
}
@media (max-width: 767px) {
    body.main-page .home-about__facts {grid-template-columns: 1fr; gap: 0}
    body.main-page .home-about__fact {padding: 18px 0}
    body.main-page .home-about__text {font-size: 16px}
}