.cs-hero{padding-top:clamp(24px,3.5vw,44px);padding-bottom:clamp(34px,4vw,60px)}.ch-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(28px,5vw,80px);margin-top:clamp(18px,3vw,36px);display:grid}.ch-id{flex-wrap:wrap;align-items:center;gap:14px 18px;margin-bottom:26px;display:flex}.ch-id .plate{max-width:220px;height:68px}.ch-where{margin:0 0 16px}.ch-text h1{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(34px,4vw,58px)}.ch-text .client{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:0 0 10px;font-size:12px}.ch-visual{position:relative}.hero{margin:0}.hero img{object-fit:cover;border-radius:2px;width:100%;height:auto;max-height:540px}.ch-comp{pointer-events:none;z-index:2;width:250px;height:220px;position:absolute;bottom:-60px;left:-110px}.ch-comp canvas,.ch-noimg canvas,.diag canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.ch-noimg{pointer-events:none;height:clamp(300px,30vw,400px);position:relative}.atoms{margin-bottom:clamp(40px,6vw,72px)}.atoms-in{background:#0f1419e6;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px clamp(24px,4vw,56px);padding:22px clamp(20px,3vw,34px);display:grid}.atoms-head{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);gap:6px;margin:0;font-size:12px;font-weight:500;display:grid}.atoms-head b{letter-spacing:.02em;color:var(--teal-b);font-size:26px;font-weight:500}.atoms-head b span{color:var(--muted)}.atoms dl{grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:18px 28px;margin:0;display:grid}.atoms dl>div{border-left:1px dashed var(--line);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:14px;padding-left:18px;display:grid}.atoms dl .atom{grid-row:1/span 2;align-self:center;width:46px;height:auto}.atoms dd{font-family:var(--mono);letter-spacing:-.01em;color:var(--text);white-space:nowrap;margin:0;font-size:clamp(24px,2.3vw,34px);font-weight:500;line-height:1.1}.atoms dt{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);grid-column:2;margin-top:4px;font-size:11px}.cs-body{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:clamp(36px,5vw,80px);display:grid}.cs-main{min-width:0;max-width:720px}.cs-sec+.cs-sec{margin-top:clamp(44px,5vw,64px)}.cs-sec-head{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:16px;margin-bottom:22px;display:grid}.cs-sec-head .atom{grid-row:1/span 2;width:52px;height:auto}.cs-sec-head .label{margin-bottom:4px;display:block}.cs-sec-head h2{scroll-margin-top:calc(var(--nav-h) + 24px);font-size:clamp(22px,2vw,28px);line-height:1.2}.side{top:calc(var(--nav-h) + 26px);position:sticky}.diag{background:#0f1419f0;padding:18px 18px 16px}.diag-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.diag-top b{font-family:var(--mono);letter-spacing:.12em;color:var(--teal-b);font-size:12px;font-weight:500}.diag-stage{height:210px;margin:8px -8px 6px;position:relative}.diag ol{border-top:1px solid var(--line);counter-reset:s;gap:2px;margin:0;padding:12px 0 0;list-style:none;display:grid}.diag li a{color:var(--soft);border-radius:6px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 -8px;padding:7px 8px;font-size:14.5px;transition:background .2s,color .2s;display:grid}.diag li a:hover{background:var(--navy3);color:var(--text);text-decoration:none}.diag li a[aria-current=step]{color:var(--text);background:#1e2832b3}.diag li i{border:1px dashed #3ad0c099;width:9px;height:9px;margin-left:4px;transition:background .3s,border-color .3s;transform:rotate(45deg)}.diag li.placed i{background:var(--sw);border:0}.diag li em{font-style:normal;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.diag li.placed em{color:var(--teal-b)}.side .back{margin-top:14px}.hl{margin-top:clamp(48px,6vw,72px)}.hl ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.hl li{border:1px solid var(--line);color:var(--text);background:#161e25e6;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:14px 18px;font-size:17px;display:grid}.hl li .atom{width:34px;height:auto}.quote{background:linear-gradient(135deg,var(--navy3),var(--navy2));margin:clamp(48px,6vw,72px) 0 0;padding:clamp(26px,3.5vw,44px)}.quote blockquote{color:var(--text);margin:0;font-size:clamp(19px,1.6vw,23px);line-height:1.55;position:relative}.quote blockquote:before{content:"“";font-family:var(--display);color:var(--teal-b);opacity:.35;font-size:80px;line-height:1;position:absolute;top:-40px;left:-4px}.quote figcaption{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:20px;font-size:12px;display:flex}.quote figcaption b{color:var(--text);font-weight:500}.dl{color:inherit;background:linear-gradient(135deg,#1e2832f5,#161e25f5);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:clamp(34px,4vw,48px);padding:18px 24px 18px 18px;display:grid}.dl .atom{width:74px;height:auto}.dl b{font-family:var(--display);letter-spacing:-.01em;color:var(--text);font-size:18px;font-weight:600;display:block}.dl span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:11.5px;display:block}.dl .go{font-family:var(--mono);color:var(--blue-ll);transition:transform .3s var(--snap);font-size:20px}.dl:hover .go{transform:translateY(4px)}.related{margin-top:clamp(70px,9vw,120px)}@media (max-width:1100px){.cs-body{grid-template-columns:1fr}.side{display:none}.cs-main{max-width:none}.atoms dl{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:899px){.ch-grid{grid-template-columns:1fr;gap:28px}.ch-comp{width:160px;height:150px;bottom:-44px;left:auto;right:-4px}.ch-noimg{height:220px;margin:0 calc(var(--gut) * -1)}.ch-id .plate{height:56px}.atoms-in{grid-template-columns:1fr;padding:18px}.atoms dl{grid-template-columns:1fr}.atoms dl>div{border-left:0;padding-left:0}.cs-sec-head .atom{width:42px}.hl li{padding:12px 14px;font-size:16px}.dl{grid-template-columns:auto minmax(0,1fr);padding:16px}.dl .go{display:none}.dl .atom{width:56px}}