/* ===== Case study pages (uses about.css for hero, nav and CTA) ===== */
.crumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:14px;color:var(--ink-3)}
.crumbs a{color:var(--teal);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.cs-intro{padding-top:80px}
.cs-grid{display:flex;flex-wrap:wrap;gap:40px 64px;align-items:center}
.cs-figure{flex:999 1 560px;min-width:0;margin:0}
.cs-figure img{width:100%;height:auto;border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 18px 50px rgba(35,56,101,.16)}
.cs-figure figcaption{margin-top:12px;font-size:14px;color:var(--ink-3)}
.cs-facts{flex:1 1 300px;min-width:0;margin:0;display:flex;flex-direction:column;gap:20px}
.cs-facts div{padding-top:14px;border-top:2px solid var(--mint)}
.cs-facts dt{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.cs-facts dd{margin:4px 0 0;color:var(--ink);font-weight:500}
.cs-prose{display:flex;flex-direction:column;gap:18px;max-width:820px}
.cs-prose h2{font-size:clamp(28px,3.4vw,42px);line-height:1.2}
.cs-prose p,.cs-prose li{color:var(--ink-2);font-size:18px}
.cs-solutions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;margin-top:48px}
.cs-solutions article{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:10px}
.cs-solutions h3{font-size:20px}
.cs-solutions p{color:var(--ink-2);font-size:16px}
.cs-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:48px 64px}
.cs-steps{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:12px}
.cs-steps b{color:var(--ink)}
.cs-value{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.cs-value li{position:relative;padding-left:28px}
.cs-value li::before{content:"";position:absolute;left:0;top:.55em;width:14px;height:8px;border-left:2.5px solid var(--teal);border-bottom:2.5px solid var(--teal);transform:rotate(-45deg)}
.cs-faq h3{margin-top:18px;font-size:21px;color:var(--navy)}
.cs-faq a{color:var(--teal)}
.cs-tm{padding-top:24px;padding-bottom:24px;font-size:13px;color:var(--ink-3)}
@media (max-width:640px){.cs-intro{padding-top:56px}.cs-prose p,.cs-prose li{font-size:17px}}
.cs-related{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:17px}
.cs-related a{font-weight:600}