/* Производство (макет 264:1451 — десктоп 1470, 370:1518 — телефон 393). */

.bg>picture{display:block;width:100%;height:100%}
.bg>picture>img{width:100%;height:100%;object-fit:cover}
.pz-back{margin-left:-5px}

/* первый экран: заголовок, о производстве, возможности цеха — всё на одном тёмном фото */
.pz-hero{position:relative;overflow:hidden;background:#1d1d22;color:var(--light)}
.pz-hero__bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.7)}
.pz-hero .wrap{padding-top:clamp(120px,10.1vw,149px);padding-bottom:var(--sec)}
.pz-hero__top{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--gap);align-items:start;margin-top:clamp(110px,11.6vw,170px)}
.pz-hero__title{grid-column:1/5;max-width:854px;color:var(--light)}
.pz-hero__aside{grid-column:5/-1;display:grid;gap:50px;justify-items:start;max-width:377px;padding-top:25px;position:relative}
.pz-hero__aside::before{content:"";position:absolute;left:0;top:0;width:min(100%,334px);height:1px;background:var(--muted)}
.pz-hero__aside .lead{max-width:296px}
.pz-intro{margin-top:clamp(160px,19.9vw,293px)}
.pz-intro__rule{margin-top:12px;background:rgba(116,121,139,.5)}
.pz-intro__text{margin:50px 0 0 calc((100% - 5 * var(--gap)) / 2 + 3 * var(--gap));max-width:632px;color:var(--light)}
.pz-feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--rows,3),auto);grid-auto-flow:column;column-gap:var(--gap);row-gap:30px;margin-top:clamp(110px,13.6vw,200px)}
.pz-feat li{padding-top:8px;border-top:1px solid var(--muted);color:var(--on-dark);font:400 clamp(20px,1.7vw,25px)/1 var(--f-head);letter-spacing:-.04em;text-wrap:balance}
.pz-feat li>span{display:block;max-width:400px}

/* производственные возможности: слева примечание (прилипает к низу экрана, пока видны карточки), справа карточки */
.pz-ab__label{margin-top:16px}
.pz-ab__title{margin-top:50px;max-width:820px}
.pz-ab__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--gap);margin-top:clamp(90px,10.2vw,150px)}
.pz-ab__aside{grid-column:1/3;align-self:end;position:sticky;bottom:40px;display:grid;gap:50px;justify-items:start;max-width:332px}
.pz-ab__aside .lead{color:#5F5F5F}
.pz-ab__list{grid-column:3/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap);row-gap:50px}
.pz-ab__list li{max-width:341px;padding-top:10px;border-top:1px solid #CECECE}
.pz-n{display:block;color:#CECECE;font:400 20px/1 var(--f-text);letter-spacing:-.04em}
.pz-card__t{margin-top:20px;color:#5F5F5F;font:400 var(--h3)/1 var(--f-text);letter-spacing:-.04em;max-width:300px}
.pz-ab__list .lead{margin-top:20px;color:#8C8C8C;max-width:323px}

/* цитата о производстве и цифры */
.pz-quote{position:relative;overflow:hidden;border-radius:2.5px;background:#1d1d22;color:var(--on-dark);padding:var(--sec) 0}
.pz-quote .bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.8)}
.pz-quote__texts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--gap)}
.pz-quote__text{grid-column:2/5;max-width:466px}
.pz-quote__note{grid-column:5/-1;max-width:299px}
.pz-quote__rule{margin-top:50px;background:rgba(206,206,206,.4)}
.pz-quote__stats{display:grid;gap:85px;margin:50px 0 0 calc((100% - 5 * var(--gap)) / 6 * 4 + 4 * var(--gap));max-width:331px}
.pz-quote__stats li>p:last-child{margin-top:50px;max-width:221px}
.pz-quote__num{font:300 clamp(73.5px,8.7vw,128px)/.83 var(--f-head);letter-spacing:-.06em}

/* оборудование: «Узнать подробнее» раскрывает фото и описание станка (<details>, работает без скриптов) */
.pz-eq__head{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--gap)}
.pz-eq__head .h1{grid-column:3/-1;max-width:916px}
.pz-eq__list{margin-top:clamp(40px,7.5vw,110px)}
.pz-eq__row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--gap);align-items:end;padding:clamp(50px,5.8vw,85px) 0 20px;border-bottom:1px solid var(--muted)}
summary.pz-eq__row{cursor:pointer;list-style:none}
summary.pz-eq__row::-webkit-details-marker{display:none}
.pz-eq__name{grid-column:1/3;font:400 clamp(30px,2.72vw,40px)/1 var(--f-head);letter-spacing:-.04em;color:var(--ink)}
.pz-eq__sub{grid-column:3/5;max-width:360px;color:var(--text);font:400 clamp(19px,1.7vw,25px)/1 var(--f-head);letter-spacing:-.04em}
.pz-eq__btn{grid-column:6;justify-self:end;margin-bottom:-6px}
summary.pz-eq__row:hover .pz-eq__btn::before{flex-basis:22px}
.pz-eq__close,.pz-eq__det[open] .pz-eq__open{display:none}
.pz-eq__det[open] .pz-eq__close{display:inline}
.pz-eq__body{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--gap);row-gap:30px;padding:30px 0 0}
.pz-eq__img{grid-column:1/4;aspect-ratio:704/371;background:#fff;border-radius:2px;overflow:hidden}
.pz-eq__img img{width:100%;height:100%;object-fit:contain;padding:20px}
.pz-eq__text{grid-column:1/5;max-width:893px;columns:2;column-gap:clamp(30px,3.3vw,49px);color:var(--text);font:500 var(--p)/1.11 var(--f-text);letter-spacing:-.04em}
.pz-eq__text p,.pz-eq__text ul{margin:0 0 0;break-inside:avoid-column}
.pz-eq__text p+p{margin-top:.6em}
.pz-eq__text ul{list-style:disc;padding-left:1.2em}
.pz-eq__text li::marker{color:var(--muted)}

/* этапы производства: лесенка, линия тянется слева к каждому шагу */
.pz-stg{position:relative;color:var(--light)}
.pz-stg .bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.8)}
.pz-stg__rule{margin-top:13px;background:rgba(116,121,139,.5)}
.pz-stg__head{display:grid;gap:30px;margin:50px 0 0 calc((100% - 5 * var(--gap)) / 3 + 2 * var(--gap))}
.pz-stg__head .h1{color:var(--light)}
.pz-stg__head .lead{max-width:301px;color:var(--on-dark)}
.pz-stg__list{display:grid;gap:70px;margin-top:90px}
.pz-stg__list li{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--gap)}
.pz-stg__body{grid-column:var(--c)/span 2;grid-row:1;display:grid;gap:10px;align-content:start;max-width:330px}
.pz-stg__body .h3{color:var(--light)}
.pz-stg__body .lead{color:var(--muted)}
.pz-stg__line{grid-column:1/var(--c);grid-row:1;height:1px;margin:13px 16px 0 0;background:var(--muted)}

/* ---------- телефон ---------- */
@media (max-width:900px){
  .pz-hero .wrap{padding-top:144px;padding-bottom:50px}
  .pz-back{font-size:14px}
  .pz-hero__top{grid-template-columns:minmax(0,1fr);row-gap:50px;margin-top:67px}
  .pz-hero__title,.pz-hero__aside{grid-column:1}
  .pz-hero__aside{gap:30px;padding-top:16px}
  .pz-hero__aside .lead{font-size:17px;max-width:304px}
  .pz-intro{margin-top:110px}
  .pz-intro__rule{margin-top:10px}
  .pz-intro__text{margin:30px 0 0;max-width:358px}
  .pz-feat{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row;row-gap:20px;margin-top:50px}
  .pz-feat li{padding-top:15px;border-top-color:#CECECE;font:500 21px/1.05 var(--f-text);letter-spacing:-.04em}

  .pz-ab__label{margin-top:10px}
  .pz-ab__title{margin-top:30px}
  .pz-ab__grid{grid-template-columns:minmax(0,1fr);row-gap:70px;margin-top:30px}
  .pz-ab__aside,.pz-ab__list{grid-column:1}
  .pz-ab__aside{position:static;gap:30px;max-width:310px}
  .pz-ab__list{grid-template-columns:minmax(0,1fr);row-gap:25px}
  .pz-ab__list li{display:grid;grid-template-columns:78px minmax(0,1fr);max-width:none;padding-top:15px}
  .pz-n{grid-row:1/3;font-size:15px}
  .pz-card__t{margin:0;font:500 21px/1.05 var(--f-text);letter-spacing:-.04em;max-width:286px}
  .pz-ab__list .lead{grid-column:2;margin-top:10px;max-width:286px}

  .pz-quote{padding:30px 0}
  .pz-quote__texts{grid-template-columns:minmax(0,1fr);row-gap:20px}
  .pz-quote__text,.pz-quote__note{grid-column:1;max-width:300px;font-size:15px;line-height:1.07}
  .pz-quote__rule{display:none}
  .pz-quote__stats{gap:40px;margin:140px 0 0;max-width:260px}
  .pz-quote__stats li>p:last-child{margin-top:20px;font-size:17px;max-width:258px}

  .pz-eq__head{grid-template-columns:minmax(0,1fr);row-gap:30px}
  .pz-eq__head .h1{grid-column:1}
  .pz-eq__list{margin-top:40px}
  .pz-eq__row{grid-template-columns:minmax(0,1fr);row-gap:10px;padding:40px 0 10px}
  .pz-eq__name,.pz-eq__sub,.pz-eq__btn{grid-column:1}
  .pz-eq__name{font-size:32px;line-height:.94}
  .pz-eq__sub{max-width:300px;font:500 15px/1.07 var(--f-text);letter-spacing:-.04em}
  .pz-eq__btn{justify-self:start;margin:5px 0 0 -5px}
  .pz-eq__body{grid-template-columns:minmax(0,1fr);row-gap:10px;padding-top:30px}
  .pz-eq__img,.pz-eq__text{grid-column:1}
  .pz-eq__img{aspect-ratio:360/190}
  .pz-eq__img img{padding:10px}
  .pz-eq__text{columns:1;max-width:348px;font:400 14px/1.1 var(--f-text);letter-spacing:-.02em;margin-top:10px}
  .pz-eq__text ul{margin:.3em 0}

  .pz-stg__rule{display:none}
  .pz-stg__head{gap:15px;margin:30px 0 0}
  .pz-stg__head .lead{max-width:280px}
  .pz-stg__list{gap:25px;margin-top:70px}
  .pz-stg__list li{grid-template-columns:minmax(0,1fr);padding-top:19px;border-top:1px solid rgba(156,157,170,.5)}
  .pz-stg__list li:nth-child(even){padding-left:78px}
  .pz-stg__body{grid-column:1;max-width:285px}
  .pz-stg__line{display:none}
}