/* ============================================================
   Страница «О компании».
   Типографика длинного текста переиспользуется из article.css —
   он подключается перед этим файлом (см. TV page_css).
   ============================================================ */

/* .section даёт margin-top:100px — для первого блока страницы это много */
.about-intro{margin-top:30px;}

.about-intro__grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
.about-intro__img{border-radius:20px;overflow:hidden;background:var(--gray);align-self:stretch;}
.about-intro__img img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;}
.about-intro__text{font-size:17px;line-height:28px;}
.about-intro__text > *:first-child{margin-top:0;}
.about-intro__text > *:last-child{margin-bottom:0;}

/* Длинный текст — во всю ширину контейнера */
.about-text__inner{max-width:none;margin:0;}
.about-text__inner > *:first-child{margin-top:0;}

/* ---------- Адаптив ---------- */
@media (max-width:1024px){
  .about-intro__grid{grid-template-columns:1fr;gap:30px;}
  .about-intro__img img{min-height:0;max-height:420px;}
}
@media (max-width:768px){
  .about-intro{margin-top:20px;}
  .about-intro__grid{gap:25px;}
  .about-intro__img{border-radius:15px;}
  .about-intro__text{font-size:16px;line-height:26px;}
}