/* Solutions page */
/* Solutions index: one section per solution, visual and copy alternating sides */
.sh-solutions{padding-bottom:48px}
.sr-jump ul{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sr-jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line-dark);border-radius:6px;font:500 13px/1.2 var(--mono);letter-spacing:.02em;color:var(--muted-dark);text-decoration:none;transition:border-color .15s var(--ease),color .15s var(--ease)}
.sr-jump a:hover{border-color:var(--maya);color:var(--paper)}

.sr{padding-block:72px;border-top:1px solid var(--line-dark);scroll-margin-top:64px}
.sr:nth-of-type(odd){background:var(--ink-raised)}
.sr-grid{display:grid;gap:28px;align-items:center}
.sr-art{display:grid;gap:12px;text-decoration:none;color:inherit}
.sr-panel{display:grid;place-items:center;aspect-ratio:4/3;border:1px solid var(--line-dark);border-radius:10px;background:var(--ink);overflow:hidden;transition:border-color .2s var(--ease)}
.sr:nth-of-type(even) .sr-panel{background:var(--ink-raised)}
.sr-art:hover .sr-panel{border-color:var(--ultra)}
.sr-panel .wb-vis{grid-row:auto;width:180px;aspect-ratio:4/3;zoom:1.65;border:0;background:transparent}
.sr-in{font:500 12px/1.4 var(--mono);letter-spacing:.04em;color:var(--maya)}

.sr-n{display:block;font:500 12px/1 var(--mono);letter-spacing:.08em;color:var(--muted-dark);margin-bottom:14px}
.sr-title{margin:0;font-size:clamp(1.9rem,1.3rem + 2.4vw,3.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.05}
.sr-copy p{margin:16px 0 0;color:var(--muted-dark);font-size:17px;line-height:1.6;max-width:48ch}
.sr-actions{display:grid;gap:16px;margin-top:28px;justify-items:start}
.sr-actions .btn{height:52px;padding-inline:24px;width:100%}
.sr-actions .link-arrow{min-height:44px;color:var(--maya)}
.sr-actions .link-arrow i{font-style:normal;transition:transform .15s var(--ease)}
.sr-actions .link-arrow:hover i{transform:translateX(4px)}

@media (min-width:600px){.sr-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.sr-actions .btn{width:auto}}
@media (min-width:900px){
  .sr{padding-block:128px}
  .sr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px}
  .sr.vr .sr-art{order:2}
  .sr-panel .wb-vis{zoom:2.6}
}
@media (min-width:1200px){.sr-panel .wb-vis{zoom:2.9}}
.sr-panel.wait .wb-vis > *{opacity:0}
.sr-panel.in .wb-vis > *{animation:artin .55s cubic-bezier(.2,0,0,1) both}
.sr-panel.in .wb-vis > :nth-child(2){animation-delay:.08s}.sr-panel.in .wb-vis > :nth-child(3){animation-delay:.16s}.sr-panel.in .wb-vis > :nth-child(4){animation-delay:.24s}.sr-panel.in .wb-vis > :nth-child(5){animation-delay:.32s}.sr-panel.in .wb-vis > :nth-child(n+6){animation-delay:.4s}
.sr-panel .v-flow{flex-direction:column!important;padding:8%!important}
.sr-panel .v-flow .fn{width:72%!important;font-size:9px!important}
.sr-panel .v-flow .fl{width:1px!important;height:8%!important}
.sr-panel .v-int{width:250px;zoom:1.2}
@media (min-width:900px){.sr-panel .v-int{zoom:1.85}}
@media (min-width:1200px){.sr-panel .v-int{zoom:2.05}}
.sr-panel .v-int .in{font-size:8px;padding:5px 6px}