/* Политика в области качества (макет 264:2879 — десктоп 1470, 350:1799 — телефон 393). */

.bg>picture,.media>picture{display:block;width:100%;height:100%}
.bg>picture>img,.media>picture>img{width:100%;height:100%;object-fit:cover}

/* первый экран: заголовок, политика, принципы лесенкой */
.kq-top .wrap{padding-top:clamp(120px,10.1vw,149px)}
.kq-back{margin-left:-5px}
.kq-title{margin-top:clamp(50px,4.1vw,60px);max-width:1064px}
.kq-label{margin-top:70px}
.kq-rule{margin-top:10px}
.kq-intro{margin:50px 0 0 calc((100% - 5 * var(--gap)) / 3 + 2 * var(--gap));max-width:600px;color:var(--ink)}
.kq-vals{display:grid;gap:30px;margin-top:100px}
.kq-vals li{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--gap)}
.kq-vals__body{grid-column:var(--c)/-1;display:grid;gap:10px;justify-items:start;padding-top:10px;border-top:1px solid #CECECE}
.kq-vals__t{color:var(--text);font:400 var(--h3)/1 var(--f-text);letter-spacing:-.04em}
.kq-vals .lead{max-width:370px;color:#5F5F5F}

/* фото и текст о проектах */
.kq-proj{padding-bottom:var(--sec)}
.kq-proj__img{margin-top:100px;height:clamp(380px,38.5vw,566px)}
.kq-proj__body{display:grid;gap:50px;justify-items:start;margin:50px 0 0 calc((100% - 5 * var(--gap)) / 3 + 2 * var(--gap));max-width:632px}
.kq-proj__body .h3{color:var(--ink)}

/* этапы проверки качества: заголовок слева прилипает, пока листаются этапы */
.kq-q{position:relative;color:var(--light)}
.kq-q .bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.8)}
.kq-q__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--gap);align-items:start}
.kq-q__head{grid-column:1/4;position:sticky;top:40px;display:grid;gap:50px;max-width:610px}
.kq-q__head .h1{color:var(--light)}
.kq-q__list{grid-column:4/-1;padding-top:clamp(200px,26.4vw,388px)}
.kq-q__list li{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap);padding:11px 0 30px;border-top:1px solid rgba(255,255,255,.15)}
.kq-q__list li:first-child{padding-top:0;border-top:0}
.kq-q__list li:last-child{padding-bottom:0}
.kq-q__n{color:#CECECE;font:400 16px/1.4 var(--f-text);letter-spacing:-.04em}
.kq-q__body{grid-column:2/-1;display:grid;gap:10px;max-width:422px}
.kq-q__t{color:var(--light);font:400 clamp(21px,1.7vw,25px)/1 var(--f-head);letter-spacing:-.04em;max-width:382px}
.kq-q__body .lead{color:var(--muted);max-width:320px}

/* ---------- телефон ---------- */
@media (max-width:900px){
  .kq-top .wrap{padding-top:144px}
  .kq-back{font-size:14px}
  .kq-title{margin-top:67px}
  .kq-label{margin-top:100px;padding-top:10px;border-top:1px solid var(--line)}
  .kq-rule{display:none}
  .kq-intro{margin:30px 0 0;max-width:354px}
  .kq-vals{gap:20px;margin-top:50px}
  .kq-vals li{grid-template-columns:minmax(0,1fr)}
  .kq-vals li:nth-child(even){padding-right:16%}
  .kq-vals__body{grid-column:1;padding-top:15px}
  .kq-vals__t{color:#5F5F5F;font:500 21px/1.05 var(--f-text)}
  .kq-vals .lead{max-width:290px;color:#8C8C8C}

  .kq-proj{padding:50px var(--pad)}
  .kq-proj .wrap{padding:0}
  .kq-proj__img{margin-top:0;height:auto;aspect-ratio:362/496}
  .kq-proj__body{gap:30px;margin:30px 0 0;max-width:354px}

  .kq-q__grid{grid-template-columns:minmax(0,1fr)}
  .kq-q__head{grid-column:1;position:static;gap:30px}
  .kq-q__list{grid-column:1;padding-top:70px;display:grid;gap:25px}
  .kq-q__list li,.kq-q__list li:first-child{grid-template-columns:76px minmax(0,1fr);column-gap:0;padding:15px 0 0;border-top:1px solid #CECECE}
  .kq-q__n{font-size:15px}
  .kq-q__body{grid-column:2}
  .kq-q__t{font:500 21px/1.05 var(--f-text);letter-spacing:-.04em}
  .kq-q__body .lead{color:#8C8C8C;max-width:250px}
}