/* =========================
   page-about.css (чистый патч)
   ========================= */
.page-about h1 {font-size:40px; margin-bottom:var(--gap-xxl);}
.page-about h2{color: var(--brand-gray); margin-bottom: var(--gap-xxl); font-size:40px;}

/* ---------- Баннер ---------- */
.page-about .about__banner{
  margin:24px 0 36px;
  border-radius:24px;
  overflow:hidden;
}
.page-about .about__banner img{display:block;width:100%;height:auto;}


/* ---------- Лид: 50/50 ---------- */
.page-about .about__lead{
  display:grid; grid-template-columns:1fr 1fr;
  align-items:center; gap:var(--gap-xl);
  margin:var(--gap-xl) 0 var(--gap-xxl);
}
.page-about .about__lead-visual{
  display:flex; align-items:center; justify-content:center; min-height:220px;
}
.page-about .about__lead-visual svg,
.page-about .about__lead-visual img{
  width:clamp(178px,14vw,320px); /* «свой» размер молекулы */
  height:auto; display:block;
}
.page-about .about__lead-text p{
  margin:0 0 .85em;
  font-size:16px; line-height:1.7; font-weight:400;
  background:none!important; box-shadow:none!important; /* без белой подложки/тени */
}

/* ---------- Ключевые направления: grid 3×3 ---------- */
.page-about .about__features{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px 32px; margin:0 0 var(--gap-xxl);
  list-style:none; padding:0;
}
@media (max-width:992px){ .page-about .about__features{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .page-about .about__features{ grid-template-columns:1fr; } }

.page-about .about__feature{
  display:flex; flex-direction:column; align-items:flex-start; gap:10px;
}
.page-about .about__ico{ width:44px; height:44px; flex:0 0 44px; }
.page-about .about__ico svg,
.page-about .about__ico img{ display:block; width:100%; height:100%; object-fit:contain; }

.page-about .about__feature h3{
  margin:8px 0 6px;
  font-size:16px; line-height:1.35; font-weight:400; /* 16 regular */
  color:var(--text-900,#111827);
}
.page-about .about__feature p{
  margin:0;
  font-size:16px; line-height:1.5; font-weight:400;
  color:var(--text-700,#4B5563);
  background:none!important; box-shadow:none!important;
}

/* ---------- Полноширинная «Мы содействуем» (50/50, без подложек) ---------- */
.page-about .about__assist-full{
  background: var(--about-bg) center/cover no-repeat;
  padding: clamp(28px,6vw,56px) 0;
}
.page-about .about__assist-full .container{
  display:grid; grid-template-columns:1fr 1fr;
  gap:var(--gap-xl); align-items:start;
}
@media (max-width:880px){
  .page-about .about__assist-full .container{ grid-template-columns:1fr; }
}
.page-about .about__assist-title{ margin:0 0 12px; justify-self: center; }
.page-about .about__assist-text{
  background:transparent!important; box-shadow:none!important; padding:0!important; border-radius:0!important;
}
.page-about .about__assist-text p{ margin:0 0 .85em; line-height:1.7; }

/* ---------- Нижний блок: визуалы + «Мы участвуем» ---------- */
.page-about .about__bottom{
  display:grid; grid-template-columns:1fr 1fr; gap:40px; margin:var(--gap-xxl) auto;
}
@media (max-width:1024px){ .page-about .about__bottom{ grid-template-columns:1fr; } }

.page-about .about__bottom-visuals{ display:flex; flex-wrap: wrap; justify-content: flex-end; align-content: space-around;gap:24px; align-items:flex-start; }
.page-about .about__molecule-outline svg,
.page-about .about__molecule-outline img{ width:275px; height:auto; display:block; }

.page-about .about__people-outline{
  width: 475px;
  max-width: 100%;
  height: 343px;
  margin: 0 auto;
  background: no-repeat center/contain url("../icons/people.svg");
}


.page-about .about__participate h2{ margin:0 0 18px; }
.page-about .about__participate ul{
  margin:18px 0 28px 20px;
  display:flex; flex-direction:column; gap:14px;
  color:var(--text-800,#374151); line-height:1.7;
}

/* Кнопка — одна стрелка */
.page-about .about__cta .icon + .icon,
.page-about .btn--primary .btn__icon + .btn__icon{ display:none!important; }

/* ---------- Респонсив-подстраховка ---------- */
@media (max-width:980px){
  .page-about .about__lead,
  .page-about .about__bottom,
  .page-about .about__assist-full .container{ grid-template-columns:1fr; }
  .page-about .about__features{ grid-template-columns:1fr 1fr; }
}
@media (max-width:560px){
  .page-about .about__features{ grid-template-columns:1fr; }
}