.cases-section{scroll-margin-top:76px}
.cases-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.case-card{display:flex;flex-direction:column;min-width:0;padding:2.25rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.case-category{margin:0 0 1.1rem;color:var(--muted);font-size:.875rem;font-weight:700}
.case-card h3{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15}
.case-description{margin:1.25rem 0 1.75rem;color:var(--muted);font-size:1rem}
.case-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:1.75rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.case-metrics strong{display:block;font:800 clamp(2.8rem,4.5vw,4.3rem)/1.15 "Manrope",sans-serif;letter-spacing:-.055em;color:#c32b2b}
.case-metrics span{display:block;margin-top:.65rem;font-size:1rem;max-width:230px}
.case-metrics-single{grid-template-columns:1fr}
.case-highlight{margin:1.5rem 0;font-size:1rem}
.case-services{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:1.25rem 0 0;margin:auto 0 0}
.case-services li{border:1px solid var(--line);border-radius:999px;padding:.4rem .75rem;font-size:.875rem}
.case-featured{background:var(--black);color:#fff;border-color:var(--black)}
.case-featured .case-category,.case-featured .case-description{color:#c8c8c8}
.case-featured .case-metrics,.case-featured .case-services li{border-color:rgba(255,255,255,.24)}
.case-featured .case-metrics strong{color:var(--amber)}
.case-focus{font:700 1.2rem/1.4 "Manrope",sans-serif;margin:1.75rem 0 0;letter-spacing:-.02em}
@media(max-width:700px){.cases-grid{grid-template-columns:1fr}.case-card{padding:1.5rem}.case-metrics{gap:1rem}}
@media(max-width:360px){.case-metrics{grid-template-columns:1fr}}
.case-logos{display:flex;align-items:center;justify-content:center;gap:1rem;height:200px;overflow:hidden;background:#fafafa;border-radius:.8rem;margin-bottom:1.75rem}
.case-logos img{display:block;min-width:0;width:100%;height:100%;object-fit:contain}
.case-logos-wide img{object-fit:cover}
.case-logos-pair img{width:calc(50% - .5rem)}
@media(max-width:700px){.case-logos{height:180px}.case-logos-pair{gap:.5rem}.case-logos-pair img{width:calc(50% - .25rem)}}