.ki-wrap{padding-top:80px}
.ki{background:var(--ink);color:#fff;border-radius:32px;padding:clamp(28px,5vw,72px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;overflow:hidden;position:relative}
.ki .kicker{color:var(--lachs)}
.ki .h2{color:#fff}
.ki .lead{color:#cfcac2}
.ki-copy{display:flex;flex-direction:column;gap:22px}
.ki-copy .btn{align-self:flex-start}
.ki .routes{width:100%;max-width:600px;height:auto;display:block;justify-self:end}
.ki .route-long{stroke-dasharray:2200;stroke-dashoffset:2200}
.ki .route-short{stroke-dasharray:900;stroke-dashoffset:900}
.ki.in .route-long{animation:drawlong 5s linear .2s infinite}
.ki.in .route-short{animation:drawshort 5s ease-out .2s infinite}
@keyframes drawlong{0%{stroke-dashoffset:2200}100%{stroke-dashoffset:0}}
@keyframes drawshort{0%{stroke-dashoffset:900}40%,100%{stroke-dashoffset:0}}
.ki-stat{display:flex;gap:36px;flex-wrap:wrap}
.ki-stat div{display:flex;flex-direction:column}
.ki-stat b{font-family:var(--display);font-weight:500;font-size:56px;line-height:.9;color:var(--lachs)}
.ki-stat span{color:#cfcac2;font-size:15px}
@media (max-width:980px){.ki{grid-template-columns:1fr;gap:40px}.ki .routes{justify-self:start}}
@media (max-width:600px){.ki{border-radius:24px}.ki .lead{font-size:17px}}
@media (prefers-reduced-motion: reduce){.ki .route-long,.ki .route-short{stroke-dashoffset:0}}