.hs{padding:100px 0;background:#fbf8f3}
.hs-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,90px);align-items:center}
.hs h2{margin:16px 0 16px}
.hs-k{list-style:none;padding:0;margin:24px 0 26px;display:flex;gap:22px;font-size:13.5px;font-weight:600}
.hs-k i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:-1px}
.hs-k .a{background:#0a59a3}
.hs-k .b{background:#c28a52}
.hs-fig{margin:0;display:flex;flex-direction:column;align-items:center}
.hs-fig svg{height:min(76vh,620px);width:auto;max-width:100%;touch-action:pan-y;cursor:crosshair}
.hs-fb{fill:#d9b48c;stroke:#a97a4f;stroke-width:3}
.hs-in2{fill:none;stroke:#c99d70;stroke-width:1}
.hs-st{fill:#7b4a2a;stroke:#5c351d;stroke-width:2}
.hs-d,.hs-fd{fill:#e9d3b5;transition:fill .25s,r .25s}
.hs-fd{fill:#b98454}
.hs-d.on{fill:#5fa8ee;r:3.6}
.hs-fd.on{fill:#0a59a3;r:3.4}
.hs-cur{fill:#0a59a314;stroke:#0a59a355;stroke-width:1.5;pointer-events:none}
@media(max-width:900px){.hs-in{grid-template-columns:1fr}.hs-fig svg{height:460px}}
.mx{padding:100px 0;background:#f4f1ec}
.mx-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,90px);align-items:center}
.mx h2{margin:16px 0 26px}
.mx-tog{display:inline-flex;border:1px solid #111;margin-bottom:24px}
.mx-tog button{background:transparent;border:0;padding:12px 20px;font-size:13.5px;font-weight:600;min-height:46px;cursor:pointer}
.mx-tog button[aria-selected=true]{background:#111;color:#fff}
.mx-p h3{font:600 18px Inter,sans-serif;letter-spacing:-.02em;text-transform:none;margin:0 0 6px}
.mx-p p{max-width:420px;margin-bottom:22px}
.mx-fig{margin:0;display:flex;flex-direction:column;align-items:center}
.mx-fig svg{height:min(74vh,600px);width:auto;max-width:100%}
.mx-out{fill:#8a5a3b;stroke:#5e3c26;stroke-width:3}
.mx-plug{fill:#9b6948}
.mx-seam{fill:none;stroke:#4a2e1c;stroke-width:9;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.mx-xs{fill:none;stroke:#f1e3cc;stroke-width:2.4;stroke-dasharray:.006 .012;stroke-dashoffset:1;opacity:0}
.mx.in .mx-seam{animation:mxs 2s ease forwards}
.mx.in .mx-xs{animation:mxx 2.2s .4s ease forwards}
@keyframes mxs{to{stroke-dashoffset:0}}
@keyframes mxx{from{opacity:0}to{opacity:1}}
.mx-l{font:600 9px Inter,sans-serif;letter-spacing:.16em;fill:#f1e3cc}
.mx-bot{opacity:0;transition:opacity .4s}
.mx-bl{opacity:0;fill:#5e3c26;transition:opacity .4s}
.mx-p2{fill:#2b2f33}
.mc-p{fill:#2b2f33;transform-box:fill-box;transform-origin:center;transform:scale(0)}
.mx.drv .mx-top{opacity:0}
.mx-top{transition:opacity .4s}
.mx.drv .mx-bot,.mx.drv .mx-bl{opacity:1}
.mx.drv .mc-p{animation:mxp .4s var(--d) cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes mxp{to{transform:scale(1)}}
@media(max-width:900px){.mx-in{grid-template-columns:1fr}.mx-fig svg{height:420px}}
@media(prefers-reduced-motion:reduce){.mx-seam,.mx-xs{stroke-dashoffset:0;opacity:1;animation:none}.mc-p{transform:none;animation:none}}.ub2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ub2-c{background:#fff;border:1px solid var(--line);display:grid;grid-template-rows:auto 1fr}
.ub2-c>div{padding:26px 30px 32px;border-top:3px solid var(--acc)}.ub2-t{display:block;font:600 11px Inter;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);margin-bottom:10px}
.ub2-c h3{font:400 34px/1 'Bebas Neue';margin:0 0 10px}.ub2-c p{margin:0;color:var(--ink2);max-width:46ch}
.ub2-f{margin:0;background:linear-gradient(180deg,#f7f2ec,#efe6da);padding:26px 30px 10px;display:grid;place-items:center}.ub2-f svg{width:62%;height:auto;display:block}
.ub2-f .bs-cut{display:none}.ub2-u .bs-b,.ub2-b .bs-u{opacity:.16;filter:grayscale(1)}
@media(max-width:800px){.ub2{grid-template-columns:1fr}}.cds.pad .cd{background:#fff;border:1px solid var(--line)}.cds.pad .cd-b{padding:20px 22px 24px}