/* SkyLogic Tech(TM) case studies - add-on to ../css/site.css */
.cs-jump{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.cs-jump a{display:inline-block;font-family:var(--head);font-weight:600;font-size:14.5px;color:#DCE8F2;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:9px 16px;background:rgba(255,255,255,.03);transition:border-color .2s,color .2s}
.cs-jump a:hover,.cs-jump a:focus-visible{border-color:var(--accent);color:#fff}
.sec[id]{scroll-margin-top:84px}
.sec h2{max-width:28ch}
.cs-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0 0}
.cs-facts div{border-left:3px solid var(--accent);padding-left:14px}
.cs-facts dt{font-family:var(--head);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.cs-facts dd{margin:4px 0 0;font-family:var(--head);font-weight:600;font-size:15.5px;color:var(--navy)}
.cs-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,64px);margin-top:clamp(36px,4vw,52px);align-items:start}
.cs-grid h3{color:var(--navy);margin-bottom:14px}
.cs-grid p{color:var(--slate)}
.cs-imp-h{margin-top:clamp(40px,5vw,56px);color:var(--navy)}
.cs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}
.cs-stats div{background:var(--navy);color:#fff;border-radius:var(--radius);padding:22px 20px 24px}
.sec-light .cs-stats div{background:var(--deep)}
.cs-stats b{display:block;font-family:var(--head);font-weight:800;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;color:var(--accent);line-height:1.1}
.cs-stats span{display:block;margin-top:8px;font-size:14.5px;line-height:1.45;color:#C3D6E6}
.cs-basis{margin-top:16px;font-size:13.5px;color:var(--slate);max-width:80ch;font-style:italic}
@media(max-width:960px){.cs-facts,.cs-stats{grid-template-columns:1fr 1fr}.cs-grid{grid-template-columns:1fr}}
@media(max-width:520px){.cs-facts{grid-template-columns:1fr 1fr;gap:14px}.cs-stats{grid-template-columns:1fr}}