/* =============================================================================
   О КОМПАНИИ — редакция 2026-08-12 «СПОКОЙНАЯ КОМПЕТЕНТНОСТЬ»
   Разметка: page-o-kompanii.php + template-parts/about/*.php
   Контент и ограничения: inc/strom-about.php (прочитать шапку перед правками)

   Страница статична. Визуальный язык держат крупная типографика, реальные
   предметные изображения, ясные списки и один тёмный раздел — без декоративных
   механик, ложной «инженерности» и новых заявлений о масштабе компании.
   ============================================================================= */

body.strom-about-page .wd-page-content{background:#fff;}

/* ===== ОБЩЕЕ ===== */
.sh-home.sa-page :where(h1,h2,h3){color:var(--ink);}
.sh-home.sa-page :where(ul,ol){margin:0;padding:0;list-style:none;}
.sh-home.sa-page li{margin:0;}
.sh-home.sa-page :where(figure,dl,dd,dt){margin:0;}
.sh-home.sa-page :where(.sa-overview,.sa-scope,.sa-adv,.sa-proof){position:relative;}

/* ===== ПЕРВЫЙ ЭКРАН ===== */
.sh-home .sa-hero{background:var(--ground);padding-bottom:clamp(48px,6vw,82px);}
.sh-home .sa-hero .sb-crumbs{margin:0;padding-top:18px;}
.sh-home .sa-hero .sb-crumbs .container{max-width:none;width:auto;margin:0;padding-inline:0;}
.sh-home .sa-hero__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(34px,5vw,82px);align-items:center;padding-block:clamp(38px,5.5vw,78px);}
.sh-home .sa-hero__copy{min-width:0;}
.sh-home .sa-hero__h{font-size:clamp(3.35rem,6.8vw,6.6rem);font-weight:700;
  line-height:.86;letter-spacing:-.055em;color:var(--green);}
.sh-home .sa-hero__h span{display:block;}
.sh-home .sa-hero__h span:last-child{padding-left:.45em;}
.sh-home .sa-hero__sub{max-width:25em;margin-top:clamp(26px,3vw,40px);
  font-size:clamp(1.1rem,1.65vw,1.45rem);line-height:1.38;font-weight:500;color:var(--ink);}
.sh-home .sa-hero__lead{max-width:34em;margin-top:18px;font-size:clamp(.96rem,1.12vw,1.08rem);
  line-height:1.55;color:var(--text);}
.sh-home .sa-hero__figure{min-width:0;}
.sh-home .sa-hero__art{overflow:hidden;border:1px solid var(--line);border-radius:var(--r);
  background:var(--ground-2);}
.sh-home .sa-hero__art .sh-ph{width:100%;aspect-ratio:3/2;border:0;border-radius:0;padding:0;background:#fff;}
.sh-home .sa-hero__art picture{display:block;width:100%;height:100%;}
.sh-home .sa-hero__art img{width:100%;height:100%;object-fit:contain;}
.sh-home .sa-hero__caption{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(0,1.3fr);
  gap:12px 26px;padding-top:16px;font-size:.78rem;line-height:1.5;color:var(--text);}
.sh-home .sa-hero__caption b{font-family:var(--mono);font-size:.67rem;font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;color:var(--green);}
.sh-home .sa-hero__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line);}
.sh-home .sa-hero__facts li{padding:18px clamp(12px,1.8vw,26px);font-family:var(--mono);
  font-size:.7rem;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);}
.sh-home .sa-hero__facts li:first-child{padding-left:0;}
.sh-home .sa-hero__facts li+li{border-left:1px solid var(--line);}

/* ===== ДЕЯТЕЛЬНОСТЬ + ТРИ ПРЕДМЕТНЫХ КАДРА ===== */
.sh-home .sa-overview{padding-block:clamp(72px,8.5vw,124px);}
.sh-home .sa-overview__copy{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);
  gap:clamp(34px,6vw,96px);align-items:flex-end;}
.sh-home .sa-overview__h{max-width:23em;font-size:clamp(2rem,3.65vw,3.55rem);
  line-height:1.08;letter-spacing:-.035em;}
.sh-home .sa-overview__note{border-left:2px solid var(--green);padding-left:20px;
  font-size:clamp(.96rem,1.15vw,1.08rem);line-height:1.62;color:var(--text);}
.sh-home .sa-overview__media{margin-top:clamp(48px,6vw,84px);}
.sh-home .sa-overview__label{display:flex;justify-content:space-between;gap:18px;
  border-top:1px solid var(--line);padding-top:14px;margin-bottom:22px;
  font-family:var(--mono);font-size:.68rem;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;}
.sh-home .sa-overview__label b{font-weight:500;color:var(--green);}
.sh-home .sa-overview__label span{color:var(--text);}
.sh-home .sa-overview__frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px);}
.sh-home .sa-overview__frame{min-width:0;}
.sh-home .sa-overview__image{overflow:hidden;border-radius:var(--r);aspect-ratio:16/10;background:var(--ground-3);}
.sh-home .sa-overview__image .sh-ph{width:100%;height:100%;border:0;border-radius:0;padding:0;}
.sh-home .sa-overview__image picture{display:block;width:100%;height:100%;}
.sh-home .sa-overview__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);}
.sh-home .sa-overview__frame--a img{object-position:50% 60%;}
.sh-home .sa-overview__frame--b img{object-position:50% 56%;}
.sh-home .sa-overview__frame--c img{object-position:50% 48%;}
.sh-home .sa-overview__frame:hover img{transform:scale(1.025);}
.sh-home .sa-overview__frame figcaption{margin-top:12px;font-size:.84rem;line-height:1.5;color:var(--text);}

/* ===== ПРОДУКЦИЯ И УСЛУГИ ===== */
.sh-home .sa-scope{padding-block:clamp(72px,8.5vw,124px);background:var(--ground-2);}
.sh-home .sa-scope__head{display:grid;grid-template-columns:minmax(0,1fr) 370px;
  gap:clamp(30px,5vw,74px);align-items:flex-end;margin-bottom:clamp(36px,4.8vw,66px);}
.sh-home .sa-scope__h{font-size:clamp(2rem,3.65vw,3.55rem);line-height:1.04;letter-spacing:-.035em;}
.sh-home .sa-scope__note{font-size:.94rem;line-height:1.62;color:var(--text);}
.sh-home .sa-scope__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,420px);
  gap:clamp(34px,5vw,74px);align-items:flex-start;}
.sh-home .sa-scope__products{border-bottom:1px solid var(--line);}
.sh-home .sa-scope__product{display:grid;grid-template-columns:minmax(0,1fr) 105px;
  gap:24px;align-items:flex-start;border-top:1px solid var(--line);padding-block:clamp(22px,2.5vw,32px);
  transition:color .22s var(--ease);}
.sh-home .sa-scope__product-copy b{display:block;font-size:clamp(1.05rem,1.42vw,1.28rem);
  line-height:1.36;font-weight:500;letter-spacing:-.01em;color:var(--ink);transition:color .22s var(--ease);}
.sh-home .sa-scope__product-copy small{display:block;margin-top:8px;font-size:.87rem;line-height:1.55;color:var(--text);}
.sh-home a.sa-scope__product:hover .sa-scope__product-copy b{color:var(--green);}
.sh-home .sa-scope__count{text-align:right;}
.sh-home .sa-scope__count strong{display:block;font-family:var(--mono);font-size:clamp(1.35rem,2vw,1.8rem);
  line-height:1;font-weight:400;color:var(--ink);}
.sh-home .sa-scope__count small{display:block;margin-top:8px;font-family:var(--mono);font-size:.61rem;
  line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--text);}
.sh-home a.sa-scope__product .sa-scope__count small{color:var(--green);}
.sh-home .sa-scope__count i{display:inline-block;margin-left:4px;font-size:.78rem;font-style:normal;
  transition:transform .22s var(--ease);}
.sh-home a.sa-scope__product:hover .sa-scope__count i{transform:translateX(4px);}
.sh-home .sa-scope__services{overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:#fff;}
.sh-home .sa-scope__services-h{padding:clamp(24px,3vw,36px);font-size:clamp(1.45rem,2vw,1.8rem);
  line-height:1.12;letter-spacing:-.025em;}
.sh-home .sa-scope__services ul{border-top:1px solid var(--line);}
.sh-home .sa-scope__services li+li{border-top:1px solid var(--line);}
.sh-home .sa-scope__services li>a,
.sh-home .sa-scope__service-flat{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding:17px clamp(24px,3vw,36px);font-size:.93rem;line-height:1.45;color:var(--ink-2);}
.sh-home .sa-scope__services li>a{transition:color .22s var(--ease),background .22s var(--ease);}
.sh-home .sa-scope__services li>a:hover{color:var(--green);background:var(--ground-2);}
.sh-home .sa-scope__services i{flex:none;font-style:normal;color:var(--green);transition:transform .22s var(--ease);}
.sh-home .sa-scope__services li>a:hover i{transform:translateX(4px);}
.sh-home .sa-scope__all{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);
  padding:20px clamp(24px,3vw,36px);font-family:var(--mono);font-size:.66rem;line-height:1.55;
  letter-spacing:.08em;text-transform:uppercase;color:var(--green);}
.sh-home .sa-scope__all span{flex:none;}

/* ===== ПРИНЦИПЫ ===== */
.sh-home .sa-adv{padding-block:clamp(72px,8.5vw,124px);background:var(--ink);color:#fff;}
.sh-home .sa-adv__grid{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);
  gap:clamp(44px,8vw,126px);align-items:flex-start;}
.sh-home .sa-adv .sa-adv__h{font-size:clamp(2rem,3.65vw,3.55rem);line-height:1.04;
  letter-spacing:-.035em;color:#fff;}
.sh-home .sa-adv__slogan{max-width:16em;margin-top:clamp(34px,4vw,56px);
  font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.38;letter-spacing:-.018em;color:#fff;}
.sh-home .sa-adv__hint{max-width:30em;margin-top:24px;font-family:var(--mono);font-size:.67rem;
  line-height:1.7;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.sh-home .sa-adv__list{border-bottom:1px solid rgba(255,255,255,.16);}
.sh-home .sa-adv__list li{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,1.45fr);
  gap:clamp(20px,4vw,64px);border-top:1px solid rgba(255,255,255,.16);padding-block:clamp(22px,2.5vw,32px);}
.sh-home .sa-adv__list b{font-size:clamp(1.02rem,1.3vw,1.18rem);line-height:1.4;font-weight:500;color:#fff;}
.sh-home .sa-adv__list b::before{content:"";display:inline-block;width:18px;height:2px;
  margin:0 11px .28em 0;background:var(--green-soft);}
.sh-home .sa-adv__list span{font-size:.94rem;line-height:1.62;color:rgba(255,255,255,.65);}

/* ===== ОБЪЕКТЫ, ДОКУМЕНТ И CTA ===== */
.sh-home .sa-proof{padding-block:clamp(72px,8.5vw,124px);}
/* Завершающий цоколь отделяет белый контент от белого футера. Это именно
   граница страницы, а не ещё одна секция: тонкая фирменная линия и спокойный
   тинт без текста, иконок или декоративной механики. */
.sh-home .sa-proof::after{content:"";position:absolute;left:0;right:0;bottom:0;height:28px;
  background:linear-gradient(to bottom,var(--green) 0 3px,var(--ground-2) 3px 100%);}
.sh-home .sa-proof__head{margin-bottom:clamp(36px,4.8vw,66px);}
.sh-home .sa-proof__h{font-size:clamp(2rem,3.65vw,3.55rem);line-height:1.04;letter-spacing:-.035em;}
.sh-home .sa-proof__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,450px);
  gap:clamp(38px,6vw,92px);align-items:flex-start;}
.sh-home .sa-proof__objects ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(24px,3vw,46px);}
.sh-home .sa-proof__objects li{border-top:1px solid var(--line);padding-block:20px;}
.sh-home .sa-proof__objects b{display:block;font-size:clamp(1.02rem,1.3vw,1.18rem);
  line-height:1.34;font-weight:500;color:var(--ink);}
.sh-home .sa-proof__objects span{display:block;margin-top:7px;font-size:.86rem;line-height:1.55;color:var(--text);}
.sh-home .sa-proof__total{margin-top:24px;font-family:var(--mono);font-size:.7rem;
  line-height:1.6;letter-spacing:.05em;color:var(--text);}
.sh-home .sa-proof__total a{color:var(--green);text-decoration:underline;
  text-decoration-color:rgba(14,126,80,.35);text-underline-offset:.22em;}
.sh-home .sa-proof__total a:hover{text-decoration-color:var(--green);}
.sh-home .sa-proof__aside{display:grid;gap:18px;}
.sh-home .sa-proof__document{display:grid;grid-template-columns:104px minmax(0,1fr);gap:22px;
  align-items:flex-start;border:1px solid var(--line);border-radius:var(--r);padding:24px;}
.sh-home .sa-proof__scan{display:block;overflow:hidden;border:1px solid var(--line);border-radius:2px;}
.sh-home .sa-proof__scan img{width:100%;height:auto;}
.sh-home .sa-proof__document-label{font-family:var(--mono);font-size:.63rem;font-weight:500;
  line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);}
.sh-home .sa-proof__document-title{margin-top:12px;font-size:1.02rem;line-height:1.43;font-weight:500;color:var(--ink);}
.sh-home .sa-proof__document-text{margin-top:10px;font-size:.84rem;line-height:1.55;color:var(--text);}
.sh-home .sa-proof__cta{border-radius:var(--r);background:var(--ground-2);padding:clamp(26px,3.3vw,42px);}
.sh-home .sa-proof__cta>p{font-size:clamp(1.08rem,1.55vw,1.34rem);line-height:1.48;
  letter-spacing:-.012em;color:var(--ink);}
.sh-home .sa-proof__cta .sh-btn{margin-top:26px;}
.sh-home .sa-proof__cta>small{display:block;margin-top:24px;font-family:var(--mono);font-size:.66rem;
  line-height:1.6;letter-spacing:.07em;color:var(--text);}

/* Плейсхолдеры остаются рабочими, если один из файлов временно отсутствует. */
.sh-home .sa-ph{border-radius:var(--r);overflow:hidden;}
.sh-home .sa-ph .sh-ph__body{max-height:100%;overflow-y:auto;}
.sh-home .sa-ph .sh-ph__prompt{font-size:.76rem;line-height:1.45;}
.sh-home .sa-ph__how{margin-top:10px;font-size:.65rem;line-height:1.45;color:var(--text);}
.sh-home .sa-ph__how code{font-family:var(--mono);font-size:.9em;word-break:break-all;}

/* ===== АДАПТИВ ===== */
@media (max-width:1100px){
  .sh-home .sa-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:38px;}
  .sh-home .sa-scope__grid{grid-template-columns:minmax(0,1fr) 350px;gap:38px;}
  .sh-home .sa-adv__grid{grid-template-columns:300px minmax(0,1fr);gap:56px;}
  .sh-home .sa-proof__grid{grid-template-columns:minmax(0,1fr) 380px;gap:44px;}
}

@media (max-width:900px){
  .sh-home .sa-hero__grid{grid-template-columns:1fr;gap:44px;padding-block:42px 52px;}
  .sh-home .sa-hero__copy{max-width:660px;}
  .sh-home .sa-hero__figure{max-width:760px;}
  .sh-home .sa-overview__copy,
  .sh-home .sa-scope__head{grid-template-columns:1fr;align-items:flex-start;}
  .sh-home .sa-overview__note{max-width:38em;}
  .sh-home .sa-scope__note{max-width:42em;}
  .sh-home .sa-scope__grid{grid-template-columns:1fr;}
  .sh-home .sa-scope__services{max-width:none;}
  .sh-home .sa-adv__grid{grid-template-columns:1fr;gap:48px;}
  .sh-home .sa-adv__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);
    gap:18px 42px;align-items:flex-start;}
  .sh-home .sa-adv__intro .sh-eyebrow{grid-column:1/-1;}
  .sh-home .sa-adv__slogan{margin-top:0;}
  .sh-home .sa-adv__hint{grid-column:2;margin-top:16px;}
  .sh-home .sa-proof__grid{grid-template-columns:1fr;}
  .sh-home .sa-proof__aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;}
}

@media (max-width:700px){
  .sh-home .sa-overview__frames{grid-template-columns:1fr;gap:28px;}
  .sh-home .sa-overview__image{aspect-ratio:16/9;}
  .sh-home .sa-overview__frame figcaption{margin-top:10px;}
  .sh-home .sa-adv__intro{display:block;}
  .sh-home .sa-adv__slogan{margin-top:30px;}
  .sh-home .sa-adv__hint{margin-top:20px;}
  .sh-home .sa-proof__aside{grid-template-columns:1fr;}
}

@media (max-width:640px){
  .sh-home .sa-hero .sb-crumbs{padding-top:12px;}
  .sh-home .sa-hero__h{font-size:clamp(3rem,17vw,4.3rem);}
  .sh-home .sa-hero__h span:last-child{padding-left:.28em;}
  .sh-home .sa-hero__caption{grid-template-columns:1fr;}
  .sh-home .sa-hero__facts{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sh-home .sa-hero__facts li{padding:15px 12px;}
  .sh-home .sa-hero__facts li:first-child{padding-left:12px;}
  .sh-home .sa-hero__facts li:nth-child(3){border-left:0;border-top:1px solid var(--line);}
  .sh-home .sa-hero__facts li:nth-child(4){border-top:1px solid var(--line);}
  .sh-home .sa-overview__label{display:block;}
  .sh-home .sa-overview__label span{display:block;margin-top:5px;}
  .sh-home .sa-scope__head{margin-bottom:34px;}
  .sh-home .sa-proof__objects ul{grid-template-columns:1fr;}
  .sh-home .sa-adv__list li{grid-template-columns:1fr;gap:9px;}
  .sh-home .sa-proof__cta .sh-btn{width:100%;}
}

@media (max-width:480px){
  .sh-home .sa-scope__product{grid-template-columns:1fr;gap:14px;}
  .sh-home .sa-scope__count{text-align:left;display:flex;align-items:baseline;gap:9px;}
  .sh-home .sa-scope__count small{margin-top:0;}
  .sh-home .sa-proof__document{grid-template-columns:82px minmax(0,1fr);gap:17px;padding:18px;}
}

@media (prefers-reduced-motion:reduce){
  .sh-home.sa-page *{transition:none!important;}
}