/* «Наша миссия» (макет 264:1688 — десктоп 1470, 344:1582 — телефон 393). */

/* ссылка «Назад» под шапкой (как на всех внутренних страницах раздела «О компании») */
.page-back{margin-left:-3px}

/* первый экран: тёмное фото на весь раздел */
.mis{position:relative;overflow:hidden;background:#151515;color:var(--light);padding:138px 0 var(--sec)}
.mis__bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.8)}
.mis__title{margin:71px 0 0 calc((100% + var(--gap)) / 6);max-width:1060px;color:var(--light)}
.mis__body{display:grid;justify-items:start;margin-top:150px}
.mis__label{color:var(--muted)}
.mis__rule{width:100%;margin-top:10px;background:var(--on-dark-2)}
.mis__h{max-width:640px;margin-top:50px;color:var(--light)}
.mis__lead{max-width:500px;margin-top:90px;color:var(--on-dark)}
.on-dark .mis__lead{color:var(--on-dark)}

/* ценности: две колонки с середины страницы */
.mis__vals{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--gap);row-gap:50px;width:100%;margin-top:70px}
.mis__vals li{grid-column:3/5;display:grid;gap:20px;align-content:start;max-width:340px;padding-top:10px;border-top:1px solid var(--on-dark)}
.mis__vals li:nth-child(even){grid-column:5/7}
.mis__vals li>div{display:grid;gap:20px}
.mis__n{color:var(--on-dark);font:400 20px/1 var(--f-text);letter-spacing:-.04em}
.mis__vals .h3{color:var(--on-dark)}
.mis__vals .lead{color:var(--on-dark-2);max-width:323px}

/* ---------- телефон ---------- */
@media (max-width:900px){
  .mis{padding:135px 0 50px}
  .mis__title{margin:72px 0 0}
  .mis__body{margin-top:100px}
  .mis__rule{order:-1;margin:0 0 10px}
  .mis__h{margin-top:30px;max-width:354px}
  .mis__lead{margin-top:70px;max-width:300px}
  .mis__vals{grid-template-columns:minmax(0,1fr);row-gap:30px;margin-top:50px}
  .mis__vals li,.mis__vals li:nth-child(even){grid-column:1;grid-template-columns:79px minmax(0,1fr);gap:0;max-width:none;padding-top:15px}
  .mis__n{grid-column:1/-1;margin-bottom:10px}
  .mis__vals li>div{grid-column:2;gap:10px;max-width:270px}
  .mis__vals .h3{font:500 21px/1.05 var(--f-text);letter-spacing:-.04em;color:var(--light)}
}