/* «О предприятии» (макет 264:2751 — десктоп 1470, 344:431 — телефон 393). */

/* ссылка «Назад» под шапкой */
.page-back{margin-left:-3px}

/* первый экран: заголовок с середины, цифры и примечание */
.op{padding:138px 0 var(--sec)}
.op__head{display:grid;gap:50px;justify-items:start;margin:71px 0 0 calc((100% + var(--gap)) / 3)}
.op__head .h1{max-width:870px}
.op__head .lead{max-width:430px}
.op__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--gap);row-gap:70px;margin-top:90px}
.op-stat{grid-column:1/3;display:flex;flex-direction:column;justify-content:space-between;gap:40px;width:min(100%,272px);min-height:217px;padding-right:24px;border-right:1px solid var(--muted)}
.op-stat:nth-of-type(even){grid-column:3/5;width:min(100%,280px)}
.op-stat__text{max-width:240px;font:400 25px/1 var(--f-head);letter-spacing:-.04em}
.op__note{grid-column:5/-1;grid-row:1/span 2;display:grid;gap:30px;justify-items:start;align-content:start;max-width:336px}

/* что нас отличает */
.feat__label{margin-bottom:12px}
.feat__title{max-width:840px;margin:50px 0 0 calc((100% + var(--gap)) / 3)}
.feat__list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--gap);row-gap:60px;margin-top:110px}
.feat__list li{grid-column:span 2;display:grid;gap:60px;align-content:start}
.feat__art{width:clamp(180px,17.5vw,257px);height:auto;color:#0029E1}
.feat__list li>div{display:grid;gap:10px}
.feat__list .h3{max-width:260px}
.feat__list .lead{max-width:320px}

/* услуги предприятия: абзацы в две колонки */
.op__rule{margin-top:80px;background:var(--on-dark-2)}
.op__texts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--gap);row-gap:50px;margin-top:50px;align-items:start}
.op__texts .lead{grid-column:1/4;max-width:490px;color:var(--on-dark-2)}
.op__texts .lead:nth-child(even){grid-column:4/-1;max-width:450px}

/* производство: карточка с фото */
.op-prod .h1{max-width:900px}
.op-prod__box{display:grid;margin-top:70px}
.op-prod__card{grid-area:1/1;position:relative;min-height:clamp(560px,54.5vw,802px);padding:46px var(--pad) 61px;border-radius:2.5px;overflow:hidden;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--gap)}
.op-prod__card .bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.62)}
.op-prod__list{grid-column:5/-1;display:grid;align-content:start;max-width:338px}
.op-prod__list li{display:grid;gap:10px;padding-top:20px;border-top:1px solid var(--muted)}
.op-prod__list li:first-child{padding-top:0;border-top:0}
.op-prod__list li+li{margin-top:50px}
.op-prod__list .h3{color:var(--light);max-width:340px}
.op-prod__list .lead{color:var(--on-dark-2);max-width:280px}
.op-prod__text{grid-area:1/1;align-self:end;position:relative;z-index:2;max-width:390px;margin:0 0 61px 17.5%;color:var(--on-dark);font:500 var(--p)/1.11 var(--f-text);letter-spacing:-.04em}

/* ---------- телефон ---------- */
@media (max-width:900px){
  .op{padding:135px 0 50px}
  .op__head{gap:20px;margin:85px 0 0}
  .op__grid{grid-template-columns:minmax(0,1fr);row-gap:35px;margin-top:70px}
  .op-stat,.op-stat:nth-of-type(even){grid-column:1;width:272px;max-width:100%;min-height:142px;gap:30px}
  .op-stat:nth-of-type(even){width:auto;padding:0 0 0 77px;border-right:0;border-left:1px solid var(--muted)}
  .op-stat .num{font-size:73.5px}
  .op-stat__text{font:500 17px/1.12 var(--f-text);max-width:253px}
  .op__note{grid-column:1;grid-row:auto;margin-top:35px;max-width:300px}

  .feat__title{margin:30px 0 0}
  .feat__list{grid-template-columns:minmax(0,1fr);row-gap:30px;margin-top:50px}
  .feat__list li{grid-column:1;gap:35px}
  .feat__list li+li{padding-top:30px;border-top:1px solid var(--muted)}
  .feat__art{width:208px;justify-self:end}
  .op__rule{margin-top:50px}
  .op__texts{grid-template-columns:minmax(0,1fr);row-gap:20px;margin-top:20px}
  .op__texts .lead,.op__texts .lead:nth-child(even){grid-column:1;max-width:330px}

  .op-prod .sec-head__body{gap:30px}
  .op-prod__box{display:block;margin-top:50px}
  .op-prod__card{display:block;min-height:0;padding:25px 15px}
  .op-prod__list{max-width:none}
  .op-prod__list li,.op-prod__list li:first-child{padding-top:20px;border-top:1px solid var(--muted)}
  .op-prod__list li+li{margin-top:63px}
  .op-prod__text{margin:50px 0 0;max-width:330px;color:var(--ink);font-size:15px;line-height:1.07}
}