/* ============================================================
   SyncDS — Case study pages. Loads AFTER home.css + service.css.
   Scoped under .cs-page (which also carries .svc-page).
   ============================================================ */
.cs-hero-media{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--card-border-strong);background:#0a1019;aspect-ratio:4/3;box-shadow:0 1px 0 rgba(255,255,255,0.05) inset,0 28px 60px -34px rgba(0,0,0,0.85)}
.cs-hero-media .img{filter:saturate(0.96) brightness(0.82)}
.cs-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,15,0) 45%,rgba(5,8,15,0.55) 100%);pointer-events:none}
.cs-hero-ghost{position:absolute;top:10px;right:20px;z-index:2;pointer-events:none;font-family:'DM Mono',monospace;font-size:clamp(64px,9vw,120px);line-height:1;color:rgba(255,255,255,0.07);letter-spacing:-0.04em}

/* client fact strip */
.cs-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:34px;border-radius:var(--radius-md);overflow:hidden;background:rgba(255,255,255,0.09)}
@media (max-width:860px){.cs-facts{grid-template-columns:1fr 1fr}}
.cs-fact{background:#080d16;padding:18px 20px;display:grid;gap:7px}
.cs-fact dt{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-dim)}
.cs-fact dd{margin:0;font-size:14.5px;line-height:1.4;color:#fff}

/* mid-page CTA strip — lighter than the full cta-band */
.cs-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;padding:26px clamp(22px,3vw,36px)}
.cs-strip h3{margin:0;font-size:clamp(19px,2.2vw,26px);font-weight:300;letter-spacing:-0.02em;line-height:1.25;color:#fff;max-width:30ch}
.cs-strip h3 b{font-weight:600;color:var(--brand-green-bright)}

/* verbatim outcome pull */
.cs-pull{margin:0;padding:0 0 0 22px;border-left:2px solid rgba(163,216,59,0.55);font-size:clamp(17px,2vw,21px);line-height:1.5;font-weight:300;color:#fff;letter-spacing:-0.012em;text-wrap:pretty}
.cs-pull b{font-weight:600;color:var(--brand-green-bright)}

/* other case studies */
.cs-more{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:900px){.cs-more{grid-template-columns:1fr 1fr}}
.cs-more-item{position:relative;display:grid;gap:8px;padding:22px;border-radius:var(--radius-md);text-decoration:none;background:rgba(255,255,255,0.035);border:1px solid rgba(255,255,255,0.12);transition:transform 240ms cubic-bezier(0.2,0.8,0.2,1),border-color 200ms ease,background 200ms ease}
.cs-more-item:hover{transform:translateY(-3px);border-color:rgba(163,216,59,0.45);background:rgba(163,216,59,0.06)}
.cs-more-item .cm-name{font-size:16px;color:#fff;letter-spacing:-0.01em}
.cs-more-item .cm-sub{font-family:'DM Mono',monospace;font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-dim)}