#metod{--work-steps-style-ready:1}
#metod #method-5.work-steps-ready>.section-backdrop{display:none}
#metod #method-5.work-steps-ready .work-copy{display:flex;flex-direction:column;position:absolute;inset:calc(var(--method-header) + var(--method-banner) + 20px) 5vw var(--method-bottom);width:min(1100px,90vw);min-height:0;margin:auto}
#metod #method-5.work-steps-ready .work-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none}
#metod #method-5 .work-counter{font:500 13px/1.4 'Manrope',sans-serif;letter-spacing:.12em;white-space:nowrap;color:#c5d2ad}
#metod #method-5 .work-pairs{position:relative;display:block;flex:1;min-height:0;margin:10px 0;isolation:isolate;overflow:hidden;border-radius:22px}
#metod #method-5 .work-pair{position:absolute;inset:0;display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(20px,3vw,40px);align-items:center;min-width:0;opacity:var(--work-opacity,0);transform:translateY(var(--work-y,0px)) scale(var(--work-scale,1));pointer-events:none;transform-origin:center;transition:none}
#metod #method-5 .work-pair.is-current{pointer-events:auto}
#metod #method-5 .work-pair__photo{height:100%;min-height:0;max-height:480px;width:100%;margin:0;overflow:hidden;border-radius:22px;background:#202a1f;border:1px solid rgba(239,233,220,.2)}
#metod #method-5 .work-pair__photo img{display:block;width:100%;height:100%;object-fit:cover}
#metod #method-5 .work-pair__copy{min-width:0;padding:clamp(20px,2.7vw,36px);border-radius:22px;background:rgba(14,20,16,.94);border:1px solid rgba(239,233,220,.22);color:#efe9dc}
#metod #method-5 .work-pair__copy>b{display:block;font-size:clamp(22px,2vw,29px);line-height:1.3;color:#fff6e6}
#metod #method-5 .work-pair__copy>p{margin:16px 0 0;font-size:clamp(16px,1.35vw,18px);line-height:1.6;color:#efe9dc}
#metod #method-5.work-steps-ready .flow-next{flex:none;margin:8px auto 0;line-height:1}
@media(max-width:820px){
 #metod #method-5.work-steps-ready .work-copy{inset:calc(var(--method-header) + var(--method-banner) + 8px) 5vw calc(80px + env(safe-area-inset-bottom,0px))}
 #metod #method-5.work-steps-ready h2{font-size:clamp(22px,5.7vw,30px);margin:5px 0 8px}
 #metod #method-5 .work-pairs{margin:4px 0;min-height:0}
 #metod #method-5 .work-pair{grid-template-columns:1fr;grid-template-rows:minmax(220px,1fr) auto;align-items:stretch;gap:12px}
 #metod #method-5 .work-pair__photo{max-height:none;border-radius:16px}
 /* 18.09: клиент — фото обрезано и не по центру; показываем больше кадра, фокус ближе к центру */
 #metod #method-5 .work-pair__photo img{object-position:50% 35%!important}
 #metod #method-5 .work-pair__copy{padding:16px 18px;border-radius:16px}
 #metod #method-5 .work-pair__copy>b{font-size:19px;line-height:1.3}
 #metod #method-5 .work-pair__copy>p{font-size:14px;line-height:1.5;margin-top:10px}
 #metod #method-5.work-steps-ready .flow-next{font-size:25px;margin-top:5px}
}
@media(max-width:820px) and (max-height:700px){
 #metod #method-5 .work-pair{grid-template-rows:minmax(70px,1fr) auto;gap:8px}
 #metod #method-5 .work-pair__copy{padding:12px 14px}
 #metod #method-5 .work-pair__copy>b{font-size:17px}
 #metod #method-5 .work-pair__copy>p{font-size:13px;line-height:1.45;margin-top:7px}
 #metod #method-5.work-steps-ready .flow-next{display:none}
}
@media(prefers-reduced-motion:reduce){#metod #method-5 .work-pair{transform:translateY(var(--work-pan,0px))}}