/* Start:/index26/dist/css/about.css?179233545530452*/
@charset "UTF-8";
/* AVATECH 2026 — страница «О компании» для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/about.css. Подключается в /company/index.php.
   Отличие от style.scss: нет шапки/подвала и блоков главной,
   базовые стили изолированы под .ava26 (см. about/_base.scss),
   контейнер на странице — .ava-container вместо .container. */
/* AVATECH 2026 — переменные проекта
   Значения из макета Figma (канвас 3840px), пересчитаны в px десктопной
   вёрстки 1600px: значение макета × 0.4167. Адаптив — через respond(). */
/* Цвета из макета */
/* Типографика (размеры макета × 0.4167) */
/* Миксины и брейкпоинты (desktop-first). */
/* AVATECH 2026 — страница «О компании» для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/about.css. Подключается в /company/index.php.
   Отличие от style.scss: нет шапки/подвала и блоков главной,
   базовые стили изолированы под .ava26 (см. about/_base.scss),
   контейнер на странице — .ava-container вместо .container. */
/* База для страницы «О компании» в Битриксе (шаблон Aspro).
   Всё изолировано под обёрткой .ava26, чтобы не конфликтовать
   со стилями Bootstrap и Aspro (.container, .btn и т.д.). */
.ava26 {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 16.67px;
  line-height: 1.5;
  color: #000000;
  /* Кнопки — изолированные копии .btn/.btn-text из base/_buttons.scss */
}
.ava26 .btn {
  display: inline-flex;
  align-items: center;
  gap: 8.33px;
  font-family: inherit;
  font-size: 14.17px;
  font-weight: 700;
  line-height: 1;
  padding: 4.58px 11.25px;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  cursor: pointer;
  white-space: nowrap;
}
.ava26 .btn img {
  width: 5px;
  flex: none;
}
.ava26 .btn-text {
  background: transparent;
  color: #173F6E;
  padding: 0;
  gap: 6.25px;
}
.ava26 .btn-text:hover {
  opacity: 0.75;
}
.ava26 .btn-fill {
  background: rgba(23, 63, 110, 0.15);
  color: #173F6E;
  min-height: 45.84px;
  padding: 0px 32px;
}
.ava26 {
  /* Два класса: в теме Aspro есть .btn.btn-white той же специфичности,
     что .ava26 .btn-white, и она грузится позже — нужен перевес. */
}
.ava26 .btn.btn-white {
  background: #FFFFFF;
  color: #173F6E;
}
.ava26 {
  /* Ripple-эффект кнопок — как в blocks/_banner.scss главной
     (порт vendor/css/ripple.css темы Aspro). Класс .btn-ripple вешается
     в разметке (кнопки «Обсудить проект», «Обсудить сотрудничество», …),
     круги по наведению добавляет modules/ripple.js из template-main.js. */
}
.ava26 .btn-ripple.has-ripple {
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.ava26 .btn-ripple .ripple {
  display: block;
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  transform: scale(0);
  background: #fff;
  opacity: 1;
}
.ava26 .btn-ripple .ripple-animate {
  animation: ripple;
}
@media (max-width: 768px) {
  .ava26 .btn {
    font-size: 13px;
  }
  .ava26 .btn-fill {
    min-height: 40px;
    padding: 0 20px;
  }
}

/* Ключи анимации ripple — на корне, вне .ava26 ( Sass не вынесет
   @keyframes из вложенности сам, а вложенные ключи невалидны) */
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
/* Ресеты с нулевой специфичностью (:where), чтобы не перевешивать
   одноклассовые правила блоков (margin-top у intro-текстов, color у кнопок);
   в Битриксе поверх грузится hf.css шаблона с такими же нулевыми ресетами. */
:where(.ava26 img) {
  max-width: 100%;
  display: block;
}

:where(.ava26 h1, .ava26 h2, .ava26 h3, .ava26 h4, .ava26 h5, .ava26 p, .ava26 ul, .ava26 ol) {
  margin: 0;
  padding: 0;
}

:where(.ava26 ul) {
  list-style: none;
}

:where(.ava26 a) {
  color: inherit;
  text-decoration: none;
}

/* Контейнер — изолированная копия .container из base/_typography.scss */
.ava-container {
  max-width: 1600px;
  margin: 0 auto;
  padding-left: 145.85px;
  padding-right: 133.76px;
}
@media (max-width: 1280px) {
  .ava-container {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (max-width: 1024px) {
  .ava-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 768px) {
  .ava-container {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 480px) {
  .ava-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* AVATECH 2026 — страница «О компании» для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/about.css. Подключается в /company/index.php.
   Отличие от style.scss: нет шапки/подвала и блоков главной,
   базовые стили изолированы под .ava26 (см. about/_base.scss),
   контейнер на странице — .ava-container вместо .container. */
/* 1. БЛОК-1 «Баннер Главн» (страница «О Компании»)
   Макет 3840px → 1600px (×0.4167): высота 1200→500px, текст x=350
   (совпадает с .container). Баннер about-hero.png (3840×1200) —
   подложка всей секции: слева светлая зона под текст, справа фото.
   aspect-ratio держит пропорцию макета, поэтому на широких экранах
   баннер виден целиком, без кропа по вертикали. */
.about-hero {
  position: relative;
  aspect-ratio: 3840/1200;
  min-height: 500px;
  background: #FFFFFF;
  overflow: hidden;
}

.about-hero-photo {
  position: absolute;
  inset: 0;
}
.about-hero-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-hero-container {
  position: relative;
  z-index: 2;
  padding-top: 135.42px;
}

.about-hero-title {
  font-size: 33.34px;
  font-weight: 700;
  color: #000000;
  line-height: 1.22;
  max-width: 629px;
  /* Перенос строки как в макете; на узких экранах — естественный */
}
@media (max-width: 1024px) {
  .about-hero-title br {
    display: none;
  }
}

.about-hero-text {
  margin-top: 22.5px;
  font-size: 20.84px;
  line-height: 29.17px;
  color: #000000;
  max-width: 606px;
}

/* Кнопка «Обсудить проект» под текстом хиро — открывает веб-форму (data-form) */
.about-hero-btn {
  margin-top: 29.17px;
}

/* Адаптив */
@media (max-width: 1280px) {
  .about-hero {
    min-height: 440px;
  }
  .about-hero-container {
    padding-top: 100px;
  }
  .about-hero-title {
    font-size: 28px;
    max-width: 540px;
  }
  .about-hero-text {
    font-size: 18px;
    line-height: 1.45;
    max-width: 540px;
  }
}
@media (max-width: 1024px) {
  .about-hero {
    aspect-ratio: auto;
    min-height: 0;
  }
  .about-hero-container {
    padding-top: 64px;
    padding-bottom: 48px;
  }
  .about-hero-photo {
    position: static;
    width: 100%;
    height: 300px;
    /* На узких экранах показываем правую часть баннера — само фото */
  }
  .about-hero-photo img {
    -o-object-position: right center;
       object-position: right center;
  }
  .about-hero-title {
    font-size: 24px;
  }
  .about-hero-text {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .about-hero-container {
    padding-top: 48px;
    padding-bottom: 40px;
  }
  .about-hero-photo {
    height: 240px;
  }
  .about-hero-title {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .about-hero-photo {
    height: 190px;
  }
  .about-hero-title {
    font-size: 18px;
  }
}
/* AVATECH 2026 — страница «О компании» для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/about.css. Подключается в /company/index.php.
   Отличие от style.scss: нет шапки/подвала и блоков главной,
   базовые стили изолированы под .ava26 (см. about/_base.scss),
   контейнер на странице — .ava-container вместо .container. */
/* 2. БЛОК-2 «Инжиниринг и дистрибуция в единой экосистеме»
   Макет: заголовок y=248, интро y=406, карточки y=907 (Аватри 0-1760,
   Технопарк 1848-3840), высота карточек 1550. */
.about-companies {
  padding-top: 103.3px;
  background: #FFFFFF;
}

.about-companies-title {
  font-size: 31.67px;
  font-weight: 700;
  color: #173F6E;
  line-height: 1.2;
}

.about-companies-intro {
  margin-top: 27.5px;
  font-size: 20.84px;
  line-height: 25px;
  color: #000000;
}

.about-companies-cards {
  display: flex;
  gap: 36.67px;
  /* карточки в сетке контейнера: до 1600px — на всю ширину, дальше центрируются */
  max-width: 1600px;
  margin: 83.75px auto 0;
}

.about-company {
  min-height: 645.83px;
  background: rgba(167, 198, 234, 0.15);
  display: flex;
  flex-direction: column;
}

/* Аватри: 0-1760 от левого края, контент по сетке контейнера (x=350) */
.about-company-avatri {
  width: 45.83%;
  padding: 65.8px 87px 65.8px 145.85px;
}

/* Технопарк: 1848-3840, контент x=170 внутри карточки */
.about-company-technopark {
  width: 51.88%;
  margin-left: auto;
  padding: 65.8px 70px 65.8px 70.9px;
}

.about-company-name {
  font-size: 22.92px;
  font-weight: 700;
  line-height: 1.22;
  color: #000000;
  max-width: 592.5px;
}

.about-company-row {
  display: flex;
  gap: 17.9px;
  margin-top: 44.6px;
}
.about-company-row p {
  font-size: 18.75px;
  line-height: 25px;
  color: #000000;
  max-width: 504.2px;
  margin-top: -5px;
}

.about-company-arrow {
  flex: none;
  width: 37.92px;
  height: 37.92px;
  background: rgba(23, 63, 110, 0.3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.about-company-arrow img {
  width: 9.2px;
}

.about-company-list {
  margin-top: 57.5px;
}
.about-company-list h4 {
  font-size: 22.92px;
  font-weight: 700;
  color: #000000;
  line-height: 25px;
}
.about-company-list ul {
  margin-top: 12px;
}
.about-company-list li {
  font-size: 18.75px;
  line-height: 25px;
  color: #000000;
}
.about-company-list .sq {
  font-weight: 700;
  color: rgba(23, 63, 110, 0.3);
  margin-right: 4px;
}

.about-company-technopark .about-company-list {
  max-width: 537px;
}

.about-company-link {
  display: flex;
  align-items: flex-start;
  gap: 17.7px;
  margin-top: auto;
  padding-top: 40px;
  max-width: 555px;
}
.about-company-link img {
  width: 9.28px;
  flex: none;
  margin-top: 4px;
}
.about-company-link span {
  font-size: 14.17px;
  font-weight: 700;
  line-height: 1.2;
  color: #173F6E;
}
.about-company-link:hover span {
  opacity: 0.75;
}

/* Адаптив */
@media (max-width: 1280px) {
  .about-companies {
    padding-top: 80px;
  }
  .about-companies-cards {
    margin-top: 60px;
  }
  .about-company {
    min-height: 560px;
  }
  .about-company-avatri {
    padding: 48px 48px 48px 64px;
  }
  .about-company-technopark {
    padding: 48px;
  }
  .about-company-row {
    margin-top: 32px;
  }
  .about-company-list {
    margin-top: 40px;
  }
}
@media (max-width: 1024px) {
  .about-companies-cards {
    flex-direction: column;
    gap: 24px;
    margin-top: 40px;
  }
  .about-company {
    width: 100%;
    min-height: 0;
    margin: 0 !important;
    padding: 32px 24px !important;
  }
  .about-company-name {
    font-size: 19px;
  }
  .about-companies-intro {
    font-size: 16px;
    line-height: 1.5;
  }
  .about-company-row p {
    font-size: 15px;
    line-height: 1.5;
  }
  .about-company-list li {
    font-size: 15px;
    line-height: 1.5;
  }
  .about-company-link {
    padding-top: 32px;
  }
}
/* AVATECH 2026 — страница «О компании» для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/about.css. Подключается в /company/index.php.
   Отличие от style.scss: нет шапки/подвала и блоков главной,
   базовые стили изолированы под .ava26 (см. about/_base.scss),
   контейнер на странице — .ava-container вместо .container. */
/* 3. БЛОК-4 «Миссия и принципы»
   Тёмно-синяя подложка, слева светлая колонка 1551px (два тона),
   справа — принципы с чек-иконками (x=1801), тексты x=1971. */
.about-mission {
  position: relative;
  min-height: 730.4px;
  background: #173F6E;
  padding: 106.7px 0 90px;
}

.about-mission-light {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: calc((100% - 1600px) / 2 + 646.25px);
  min-width: 646.25px;
}
.about-mission-light::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 252px;
  background: #A7C6EA;
}
.about-mission-light::after {
  content: "";
  position: absolute;
  top: 252px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(167, 198, 234, 0.8);
}

.about-mission-container {
  position: relative;
  z-index: 2;
}

.about-mission-grid {
  display: flex;
}

.about-mission-left {
  width: 500.4px;
  flex: none;
}

.about-mission-title {
  font-size: 31.67px;
  font-weight: 700;
  color: #000000;
  line-height: 1.2;
}

.about-mission-mission {
  margin-top: 254.6px;
}
.about-mission-mission h3 {
  font-size: 20.84px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #000000;
}
.about-mission-mission p {
  margin-top: 36.6px;
  font-size: 20.84px;
  line-height: 25px;
  color: #000000;
  max-width: 424.2px;
}

.about-mission-right {
  margin-left: 175px;
}
.about-mission-right .about-mission-how {
  margin-top: 9px;
  font-size: 20.84px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #FFFFFF;
}

.about-mission-item {
  position: relative;
  display: flex;
  gap: 32.9px;
  margin-top: 37.2px;
  margin-left: -70.9px;
}
.about-mission-item h4 {
  font-size: 20.84px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.01em;
  color: #FFFFFF;
}
.about-mission-item p {
  font-size: 20.84px;
  line-height: 25px;
  color: #FFFFFF;
  margin-top: 0;
}

.about-check {
  flex: none;
  width: 37.92px;
  height: 37.92px;
  background: rgba(167, 198, 234, 0.3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.about-check img {
  width: 17.5px;
}

/* Hover списка «Как мы работаем» — вариант «подсветка строки»
   (согласован): подложка через ::before, чтобы вёрстка не двигалась
   (у пунктов отрицательные маргины), пункт съезжает вправо на 5px,
   заголовок светлеет до фирменного голубого. (hover: hover) — на
   тач-устройствах без залипания. */
.about-mission-item {
  transition: transform 0.3s ease;
}
.about-mission-item h4 {
  transition: color 0.3s ease;
}

.about-mission-item::before {
  content: "";
  position: absolute;
  inset: -10px -16px;
  background: rgba(255, 255, 255, 0.08);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

@media (hover: hover) {
  .about-mission-item:hover {
    transform: translateX(5px);
  }
  .about-mission-item:hover::before {
    opacity: 1;
  }
  .about-mission-item:hover h4 {
    color: #A7C6EA;
  }
}
/* Только на полных 1600px текст колонки заходит за паддинг контейнера, как в макете */
@media (min-width: 1600px) {
  .about-mission-right {
    margin-right: -88px;
  }
}
/* На промежуточных ширинах колонке принципов даём больше места.
   Чек-иконки при этом выравниваем по тексту: тёмная зона слева от текста
   узкая (в макете её 104px не набирается), и выступающие на -70.9px
   иконки вылезают на светлую колонку */
@media (max-width: 1439.98px) {
  .about-mission-right {
    margin-left: 60px;
  }
  .about-mission-item {
    margin-left: 0;
  }
}
/* Адаптив */
@media (max-width: 1280px) {
  .about-mission {
    padding: 72px 0 64px;
    min-height: 0;
  }
  .about-mission-left {
    width: 380px;
  }
  .about-mission-mission {
    margin-top: 120px;
  }
  .about-mission-mission p, .about-mission-item p {
    font-size: 17px;
    line-height: 1.45;
  }
}
@media (max-width: 1024px) {
  .about-mission-light {
    display: none;
  }
  .about-mission-grid {
    flex-direction: column;
  }
  .about-mission-left {
    width: auto;
  }
  .about-mission-mission {
    margin-top: 40px;
  }
  .about-mission-right {
    margin-left: 0;
    margin-right: 0;
    margin-top: 56px;
  }
  .about-mission-item {
    margin-left: 0;
  }
  .about-mission-title {
    color: #FFFFFF;
  }
  .about-mission-mission h3, .about-mission-mission p {
    color: #FFFFFF;
  }
}
/* AVATECH 2026 — страница «О компании» для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/about.css. Подключается в /company/index.php.
   Отличие от style.scss: нет шапки/подвала и блоков главной,
   базовые стили изолированы под .ava26 (см. about/_base.scss),
   контейнер на странице — .ava-container вместо .container. */
/* 4. БЛОК-5 «Компетенции» — три карточки (компонент «Блок Шкафы»)
   Карточка 1000px: фото 875x574, заголовок, описание, кнопка «Подробнее». */
.about-comp {
  padding-top: 87.7px;
  padding-bottom: 72.8px;
  background: #FFFFFF;
}

.about-comp-title {
  font-size: 31.67px;
  font-weight: 700;
  color: #173F6E;
  line-height: 1.2;
}

.about-comp-grid {
  display: flex;
  gap: 3.2rem;
  margin-top: 56.5px;
}

.about-comp-card {
  width: 416.7px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.about-comp-photo {
  width: 364.6px;
  height: 239.2px;
  margin-bottom: 37.5px;
}
.about-comp-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-comp-card h3 {
  font-size: 17.92px;
  font-weight: 700;
  line-height: 1.45;
  color: #000000;
  text-transform: uppercase;
}

.about-comp-card p {
  margin-top: 37.5px;
  font-size: 17.92px;
  line-height: 1.28;
  color: #000000;
  min-height: 91.7px;
}

.about-comp-card .btn {
  margin-top: auto;
  padding-top: 20px;
  align-self: flex-start;
}

/* «Подробнее» скрыты через атрибут hidden в разметке;
   нужен перевес над .ava26 .btn { display: inline-flex } */
.about-comp-card .btn[hidden] {
  display: none;
}

/* Адаптив */
@media (max-width: 1280px) {
  .about-comp {
    padding-top: 64px;
    padding-bottom: 56px;
  }
  .about-comp-grid {
    gap: 20px;
    margin-top: 40px;
  }
  .about-comp-card {
    width: calc((100% - 40px) / 3);
  }
  .about-comp-photo {
    width: 100%;
    height: 200px;
  }
}
@media (max-width: 1024px) {
  .about-comp-grid {
    flex-direction: column;
    gap: 40px;
  }
  .about-comp-card {
    width: 100%;
  }
  .about-comp-card p {
    min-height: 0;
  }
  .about-comp-title {
    font-size: 24px;
  }
}
/* AVATECH 2026 — страница «О компании» для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/about.css. Подключается в /company/index.php.
   Отличие от style.scss: нет шапки/подвала и блоков главной,
   базовые стили изолированы под .ava26 (см. about/_base.scss),
   контейнер на странице — .ava-container вместо .container. */
/* 5. БЛОК-6 «Работа с проектными организациями»
   Верх белый с лёгким тоном, снизу полоса #DDE7F5 (y=580, h=1500),
   список слева, фото справа (x=1501, 2156x1226). */
.about-design {
  position: relative;
  min-height: 866.7px;
  background: #FFFFFF;
}

.about-design-band {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 625px;
  background: #DDE7F5;
}

.about-design-tint {
  position: absolute;
  inset: 0;
  background: rgba(167, 198, 234, 0.2);
  pointer-events: none;
}

.about-design-container {
  position: relative;
  z-index: 2;
  padding-top: 85.4px;
  padding-bottom: 60px;
}

.about-design-title {
  font-size: 31.67px;
  font-weight: 700;
  color: #173F6E;
  line-height: 1.2;
}

.about-design-sub {
  margin-top: 26.3px;
  font-size: 20.84px;
  line-height: 29.17px;
  color: #000000;
}

.about-design-list {
  margin-top: 138.7px;
  max-width: 468px;
}
.about-design-list h4 {
  font-size: 20.84px;
  font-weight: 700;
  line-height: 29.17px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #000000;
}
.about-design-list li {
  font-size: 20.84px;
  line-height: 29.17px;
  letter-spacing: 0.01em;
  color: #000000;
}
.about-design-list .sq {
  color: rgba(167, 198, 234, 0.8);
  margin-right: 6px;
}

.about-design-note {
  margin-top: 31.9px;
  font-size: 20.84px;
  line-height: 29.17px;
  color: #000000;
  max-width: 479.6px;
}

/* Ссылки под примечанием (макет: компонент 2089:168 — стрелка + синий текст,
   padding 11x27, gap 20, фон прозрачный; первая y=1772, вторая y=1842) */
.about-design-links {
  margin-top: 30px;
}

.about-design-link {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 8.33px;
  min-height: 29.17px;
  padding: 4.58px 11.25px;
  margin-left: -9.58px;
  font-size: 14.17px;
  font-weight: 700;
  line-height: 1;
  color: #173F6E;
}
.about-design-link img {
  width: 5px;
}
.about-design-link:hover {
  opacity: 0.75;
}

.about-design-photo {
  position: absolute;
  top: 295.8px;
  left: 625.4px;
  right: 76.3px;
  height: 510.8px;
}
.about-design-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Адаптив */
@media (max-width: 1280px) {
  .about-design {
    min-height: 0;
  }
  .about-design-container {
    padding-top: 64px;
    padding-bottom: 56px;
  }
  .about-design-list {
    margin-top: 48px;
  }
  .about-design-photo {
    position: static;
    height: auto;
    margin-top: 48px;
  }
  .about-design-photo img {
    height: auto;
  }
  .about-design-list, .about-design-note {
    max-width: none;
  }
}
@media (max-width: 1024px) {
  .about-design-band {
    height: 60%;
  }
  .about-design-sub, .about-design-list li, .about-design-note {
    font-size: 16px;
    line-height: 1.5;
  }
  .about-design-links {
    margin-top: 24px;
  }
  .about-design-link {
    font-size: 13px;
    min-height: 0;
  }
}
/* AVATECH 2026 — страница «О компании» для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/about.css. Подключается в /company/index.php.
   Отличие от style.scss: нет шапки/подвала и блоков главной,
   базовые стили изолированы под .ava26 (см. about/_base.scss),
   контейнер на странице — .ava-container вместо .container. */
/* 6. БЛОК-7 «Блок с картой»
   Карта 3243.87x1825.5 от x=1363, y=361 (макет 3840x2100): левый край на 35.5%
   ширины страницы, правый уходит за край страницы (обрезан overflow), снизу
   выступает на 86.5 (→ 36px). Ширина задана в % — карта масштабируется вместе
   со страницей, как в макете, точки городов остаются на своих местах.
   Тексты слева поверх карты. */
.about-geo {
  position: relative;
  min-height: 875px;
  background: #FFFFFF;
  overflow: hidden;
}

.about-geo-map {
  position: absolute;
  top: 150.42px;
  right: -19.97%;
  width: 84.48%;
  height: auto;
}

/* Ниже полной ширины макета карта уходит под текст */
@media (max-width: 1439.98px) {
  .about-geo {
    min-height: 0;
  }
  .about-geo-map {
    position: static;
    width: 100%;
    height: auto;
    margin-top: 48px;
  }
}
.about-geo-container {
  position: relative;
  z-index: 2;
  padding-top: 87.9px;
  padding-bottom: 60px;
}

.about-geo-title {
  font-size: 31.67px;
  font-weight: 700;
  color: #173F6E;
  line-height: 1.2;
  max-width: 1265px;
}

.about-geo-text {
  margin-top: 61.3px;
  font-size: 20.84px;
  line-height: 29.17px;
  color: #000000;
  max-width: 513.75px;
}

/* Кнопка «Все контакты» под адресами — компактная плашка как в блоке
   сотрудничества (#DDE7F5), по макету ~260x50 вместо полной колонки */
.about-geo-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 47px;
  width: 260px;
  max-width: 100%;
  min-height: 50px;
  background: #DDE7F5;
  color: #173F6E;
  font-size: 17.92px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-align: center;
  transition: opacity 0.3s ease;
}
.about-geo-btn:hover {
  opacity: 0.9;
}

.about-geo-addresses {
  margin-top: 47px;
  max-width: 777.5px;
}
.about-geo-addresses p {
  font-size: 20.84px;
  line-height: 25px;
  color: #000000;
}
.about-geo-addresses p strong {
  font-weight: 700;
}
.about-geo-addresses p + p {
  margin-top: 25px;
}

/* Адаптив */
@media (max-width: 1280px) {
  .about-geo-container {
    padding-top: 64px;
    padding-bottom: 56px;
  }
  .about-geo-text {
    margin-top: 32px;
    max-width: none;
  }
  .about-geo-btn {
    width: auto;
    min-height: 48px;
    padding: 0 40px;
    margin-top: 40px;
  }
}
@media (max-width: 1024px) {
  .about-geo-text, .about-geo-addresses p {
    font-size: 16px;
    line-height: 1.5;
  }
  .about-geo-title {
    font-size: 24px;
  }
  .about-geo-map {
    height: 320px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
/* AVATECH 2026 — страница «О компании» для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/about.css. Подключается в /company/index.php.
   Отличие от style.scss: нет шапки/подвала и блоков главной,
   базовые стили изолированы под .ava26 (см. about/_base.scss),
   контейнер на странице — .ava-container вместо .container. */
/* 7. БЛОК-8 «Сотрудничество с AVATECH»
   Синяя подложка с лёгким тоном, текст слева, одна кнопка-плашка справа
   (x=2564, y=290, 955x284 #DDE7F5, тень 10x10x30). */
.about-coop {
  position: relative;
  background: #173F6E;
}

.about-coop::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(167, 198, 234, 0.1);
  pointer-events: none;
}

.about-coop-container {
  position: relative;
  z-index: 2;
  min-height: 358.3px;
  padding-top: 90px;
  padding-bottom: 60px;
}

.about-coop-title {
  font-size: 31.67px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.2;
}

.about-coop-text {
  margin-top: 37.9px;
  font-size: 20.84px;
  font-weight: 700;
  line-height: 29.17px;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  max-width: 833.3px;
}

.about-coop-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 21.9px;
  margin-top: 40px;
}

/* Абсолютное позиционирование кнопки справа — только на полной ширине макета */
@media (min-width: 1600px) {
  .about-coop-buttons {
    position: absolute;
    top: 120.83px;
    right: 133.76px;
    flex-direction: column;
    margin-top: 0;
  }
}
.about-coop-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 397.9px;
  min-height: 64px;
  font-size: 20.84px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: #173F6E;
  box-shadow: 10px 10px 30px 0 rgba(23, 63, 110, 0.15);
  text-align: center;
  margin-top: 48px;
}
.about-coop-btn:hover {
  opacity: 0.9;
}

.about-coop-btn-fill {
  background: #DDE7F5;
}

/* Адаптив */
@media (max-width: 1280px) {
  .about-coop-container {
    min-height: 0;
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .about-coop-btn {
    width: auto;
    min-height: 60px;
    padding: 0 40px;
  }
}
@media (max-width: 1024px) {
  .about-coop-buttons {
    flex-direction: column;
  }
  .about-coop-btn {
    width: 100%;
  }
  .about-coop-text {
    font-size: 16px;
    line-height: 1.5;
  }
  .about-coop-title {
    font-size: 24px;
  }
}
/* End */
/* /index26/dist/css/about.css?179233545530452 */