/* Главная: «Три замера» — тёмная схема, линии рисуются при прокрутке, куртка проявляется с рябью */
.home-view .editorial.size-promo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:'copy fig' 'cta fig';column-gap:6%;row-gap:28px;align-items:start;padding-top:72px;padding-bottom:72px;margin:0}
.size-promo .sp-copy{grid-area:copy;align-self:end}
.size-promo .sp-copy h2{margin:14px 0 0}
.size-promo .sp-text{margin:20px 0 0;max-width:440px;color:#bbbfc8;font-size:15px;line-height:1.6}
.size-promo .sp-cta{grid-area:cta}
.size-promo .sp-cta .editorial-footnote{margin-top:16px}
.size-promo .sp-fig{grid-area:fig;margin:0;display:grid;gap:18px}
.sp-svg{width:100%;height:auto;display:block;overflow:visible}
.sp-body{fill:#0d1018;stroke:#7b9eff;stroke-opacity:.55;stroke-width:1.6;stroke-linejoin:round}
.sp-fill{fill:url(#sp-scan);pointer-events:none}
.sp-seam{fill:none;stroke:#7b9eff;stroke-opacity:.28;stroke-width:1.2;stroke-dasharray:4 5}
.sp-ghost{fill:none;stroke-width:2;opacity:0}
.sp-ghost-a{stroke:#ff4f9a}.sp-ghost-b{stroke:#4ff0ff}
.sp-m path{fill:none;stroke:#7b9eff;stroke-width:2.6;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--d,1))}
.sp-m circle{fill:#7b9eff;opacity:var(--d,1);transform-box:fill-box;transform-origin:center;transform:scale(calc(.4 + var(--d,1) * .6))}
.sp-m text{fill:#07080b;font:700 13px var(--t-mono,monospace);text-anchor:middle;opacity:var(--d,1)}
.sp-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sp-legend li{border:1px solid #7b9eff33;padding:12px 12px 13px;font-size:12.5px;line-height:1.45;color:#aeb4c2;opacity:calc(.25 + var(--d,1) * .75);transition:border-color .3s}
.sp-legend b{display:block;font:700 11px var(--t-mono,monospace);color:#7b9eff;margin-bottom:6px;letter-spacing:.1em}
/* Scroll-driven: JS writes --p (0…1); each measure i draws in its own window */
.size-promo.is-live .sp-m,.size-promo.is-live .sp-legend li{--d:clamp(0,calc((var(--p,0) - .18 - var(--i) * .14) * 5),1)}
/* Jacket: glitch reveal once */
.size-promo.is-live .sp-jacket{opacity:0}
.size-promo.is-in .sp-jacket{animation:sp-glitch .9s steps(1,end) forwards}
.size-promo.is-in .sp-ghost-a{animation:sp-ghost-a .9s steps(1,end)}
.size-promo.is-in .sp-ghost-b{animation:sp-ghost-b .9s steps(1,end)}
@keyframes sp-glitch{
  0%{opacity:1;clip-path:inset(0 0 92% 0);transform:translateX(-8px)}
  12%{clip-path:inset(30% 0 52% 0);transform:translateX(6px)}
  24%{clip-path:inset(0 0 60% 0);transform:translateX(-3px)}
  36%{clip-path:inset(55% 0 20% 0);transform:translateX(5px)}
  48%{clip-path:inset(0 0 30% 0);transform:translateX(-2px)}
  60%{clip-path:inset(10% 0 0 0);transform:translateX(3px)}
  72%{clip-path:inset(0 0 8% 0);transform:none;opacity:.7}
  84%{clip-path:none;opacity:1;transform:translateX(-1px)}
  100%{clip-path:none;opacity:1;transform:none}}
@keyframes sp-ghost-a{0%{opacity:.9;transform:translateX(-10px)}24%{opacity:.6;transform:translateX(6px)}48%{opacity:.8;transform:translateX(-4px)}72%{opacity:.3;transform:translateX(2px)}100%{opacity:0;transform:none}}
@keyframes sp-ghost-b{0%{opacity:.9;transform:translateX(10px)}24%{opacity:.6;transform:translateX(-6px)}48%{opacity:.8;transform:translateX(4px)}72%{opacity:.3;transform:translateX(-2px)}100%{opacity:0;transform:none}}
@media(max-width:760px){
  .home-view .editorial.size-promo{grid-template-columns:1fr;grid-template-areas:'copy' 'fig' 'cta';row-gap:26px;padding-top:48px;padding-bottom:48px}
  .size-promo .sp-text{font-size:14px}
  .sp-legend{grid-template-columns:1fr;gap:6px}
  .sp-legend li{display:flex;gap:12px;align-items:baseline;padding:10px 12px}
  .sp-legend b{margin:0}
  .size-promo .sp-cta .button{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .size-promo.is-live .sp-jacket{opacity:1}
  .size-promo.is-in .sp-jacket,.size-promo.is-in .sp-ghost{animation:none}
  .size-promo.is-live .sp-m,.size-promo.is-live .sp-legend li{--d:1}
}
.home-view .size-promo .sp-copy.editorial-copy{padding:0;max-width:none}