/* «На заказ» */
.zk-nav{background:var(--ink-2);border-bottom:1px solid var(--border-dark);position:relative;z-index:30}
.zk-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:8px;overflow-x:auto;padding-block:12px;scrollbar-width:thin}
.zk-nav a{display:block;flex:none;padding:10px 14px;border:1px solid var(--border-dark);font:700 .875rem/1.2 var(--font-display);color:var(--text-on-dark);text-decoration:none;white-space:nowrap}
.zk-nav a:hover,.zk-nav a:focus-visible{background:var(--cream);color:var(--ink);border-color:var(--cream)}
@media(min-width:1024px){.zk-nav{position:sticky;top:77px}}
.zk{padding-block:clamp(56px,8vw,96px);scroll-margin-top:140px}
.zk--dark{background:var(--ink)}
.zk--light{background:var(--cream);color:var(--text-on-light)}
.zk__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"main ex" "btn ex";gap:var(--space-4) var(--space-8);align-items:start}
.zk__in--solo{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "btn"}
.zk__in--solo .zk__main{max-width:46rem}
.zk__main{grid-area:main}
.zk__ex{grid-area:ex}
.zk__btn{grid-area:btn}
.zk__n{display:block;font:800 clamp(3rem,5vw,4.25rem)/.9 var(--font-display);color:transparent;-webkit-text-stroke:1.5px currentColor;opacity:.55}
.zk h2{margin:var(--space-2) 0 var(--space-2);font:900 clamp(1.9rem,4vw,3rem)/1.05 var(--font-display);text-transform:uppercase;letter-spacing:-.01em}
.zk__lead{margin:0;font:400 1.125rem/1.6 var(--font-body);max-width:40rem}
.zk--light .zk__lead{color:var(--text-on-light)}
.zk--dark .zk__lead{color:var(--text-on-dark)}
.zk__inc{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;gap:10px;font:500 1rem/1.45 var(--font-body)}
.zk__inc li{position:relative;padding-left:20px}
.zk__inc li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;background:var(--red)}
.zk--light .zk__inc{color:var(--text-on-light)}
.zk--dark .zk__inc{color:var(--text-on-dark)}
.zk__ex h3{margin:0 0 var(--space-2);font:800 .8125rem/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted-on-dark)}
.zk--light .zk__ex h3{color:var(--text-muted-on-light)}
.zk__ab-h{margin-top:var(--space-4)!important}
.zk__mini{display:grid;border-top:1px solid var(--border-dark)}
.zk--light .zk__mini{border-top-color:rgba(20,20,20,.28)}
.zk__mini .mini{padding:12px 0;border-bottom:1px solid var(--border-dark)}
.zk--light .zk__mini .mini{border-bottom-color:rgba(20,20,20,.28)}
.zk .mini__t,.zk .mini__n{white-space:normal}
.zk .btn{margin-top:var(--space-1)}
.steps4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){
  .steps4{grid-template-columns:repeat(2,1fr)}
  .zk__in{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "ex" "btn"}
}
@media(max-width:600px){.steps4{grid-template-columns:1fr}}
.zk--work{border-top:1px solid rgba(20,20,20,.2)}
.zk--work h2{margin-top:var(--space-3)}
.zk--work .btn-row{margin-top:var(--space-4)}

/* иконки, карточки без примеров, каналы */
.zk-nav a{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:.875rem}
.zk-nav .ic{flex:none}
.zk__ic{display:block;margin-bottom:var(--space-2);line-height:0;color:var(--red)}
.zk--dark .zk__ic{color:var(--cream)}
.zk__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.zk__card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border-dark)}
.zk--light .zk__card{border-color:rgba(20,20,20,.28);background:var(--cream-hi)}
.zk__card h2{margin:0;font-size:clamp(1.4rem,2.6vw,2rem)}
.zk__card .zk__inc{margin-top:var(--space-1)}
.zk__card .btn{align-self:flex-start;margin-top:auto}
.zk__card{scroll-margin-top:140px}
@media(max-width:800px){.zk__cards{grid-template-columns:minmax(0,1fr)}}
.zk--dark .steps3__n{-webkit-text-stroke-color:var(--cream)}
.zk--dark .steps3 p{color:var(--text-muted-on-dark)}
.zk__chan{list-style:none;margin:var(--space-6) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.zk__chan a{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 16px;border:1px solid var(--border-dark);color:var(--cream);text-decoration:none;font:600 1rem/1.2 var(--font-body)}
.zk__chan a:hover,.zk__chan a:focus-visible{border-color:var(--cream)}
.zk__sub{margin:var(--space-3) 0 var(--space-1);font:800 1.0625rem/1.25 var(--font-display)}
.zk__subnote{margin:0 0 var(--space-3);font:400 1rem/1.5 var(--font-body);opacity:.85}
/* картинка сверху карточки: пропорции 1245:1070, на всю ширину внутри отступов, целиком */
.zk__pic{display:block;width:100%;height:auto;aspect-ratio:1245/1070;object-fit:contain;background:var(--ink)}
.zk__plate-f{margin:0}
.zk__plate{display:grid;place-items:center;width:100%;aspect-ratio:1245/1070;background:var(--ink);border:1px solid var(--border-dark)}
.zk__plate img{display:block;width:70%;height:auto}
.zk__plate-f figcaption{margin-top:var(--space-1);font:400 .875rem/1.4 var(--font-body);color:var(--text-muted-on-light)}
.zk--dark .zk__plate-f figcaption{color:var(--text-muted-on-dark)}

/* чипы услуг: одна строка от 1280px, ниже горизонтальная прокрутка с затуханием справа */
.zk-nav a{padding:0 10px;gap:6px;font-size:.8125rem}
.zk-nav ul{gap:6px}
@media(min-width:1280px){.zk-nav ul{flex-wrap:nowrap;overflow:visible}}
@media(max-width:1279px){
  .zk-nav ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
  .zk-nav ul::-webkit-scrollbar{display:none}
}

/* отзывы: карточки-цитаты; на десктопе сетка без пустот (3 + 2 одной высоты в ряду), на телефоне горизонтальная прокрутка */
.zk--rev{background:var(--ink-2);color:var(--text-on-dark)}
.zk--rev h2{margin:16px 0 var(--space-4)}
.rv{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-3)}
.rv__i{grid-column:span 2;margin:0;min-width:0}
.rv__i:nth-child(n+4):last-child,.rv__i:nth-child(n+4):nth-last-child(2){grid-column:span 3}
.rv__c{position:relative;height:100%;margin:0;padding:var(--space-4) var(--space-3) var(--space-3);background:var(--cream);color:var(--text-on-light)}
.rv__c::before{content:"«";display:block;margin-bottom:-.15em;font:900 4.5rem/.8 var(--font-display);color:var(--red)}
.rv__c blockquote{margin:0}
.rv__c blockquote p{margin:0;font:500 1.0625rem/1.55 var(--font-body)}
.rv__c figcaption{margin-top:var(--space-2);font:600 .8125rem/1.3 var(--font-body);letter-spacing:.04em;color:var(--text-muted-on-light)}
@media(max-width:1023px){
  .rv{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rv__i,.rv__i:nth-child(n+4):last-child,.rv__i:nth-child(n+4):nth-last-child(2){grid-column:auto}
  .rv__i:last-child:nth-child(odd){grid-column:1/-1}
}
@media(max-width:640px){
  .rv{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch;
    margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);padding-bottom:4px;
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  .rv::-webkit-scrollbar{display:none}
  .rv__i,.rv__i:last-child:nth-child(odd){flex:0 0 min(82%,320px);scroll-snap-align:start}
}