.case-studies-design .cs-list{flex-direction:column;gap:20px;display:flex}.case-studies-design .cs-card{background:var(--surface-card);border:1px solid var(--hair);border-radius:var(--r-2xl);box-shadow:var(--e-rest);color:inherit;transition:transform .26s var(--spring), box-shadow .26s var(--ease), border-color .26s var(--ease);grid-template-columns:1fr 1.1fr;gap:0;text-decoration:none;display:grid;overflow:hidden}.case-studies-design .cs-card:hover{box-shadow:var(--e-lift);border-color:color-mix(in oklab, var(--vw-green-500) 40%, var(--hair-strong));transform:translateY(-2px)}.case-studies-design .cs-card.rev{direction:ltr;grid-template-columns:1.1fr 1fr}.case-studies-design .cs-card.rev .ph-img{order:2}@media (max-width:860px){.case-studies-design .cs-card,.case-studies-design .cs-card.rev{grid-template-columns:1fr}.case-studies-design .cs-card.rev .ph-img{order:0}}.case-studies-design .cs-card .ph-img .image-slot{width:100%;height:100%;min-height:280px;display:block;border:none!important;border-radius:0!important}.case-studies-design .cs-card .ph-img .image-slot .image-slot__ring{display:none}.case-studies-design .cs-card .ph-img .image-slot--filled .image-slot__img{object-fit:cover;width:100%;height:100%;min-height:280px;border-radius:0!important}.case-studies-design .cs-card .body{flex-direction:column;padding:36px 38px;display:flex}.case-studies-design .cs-card .cat{font:var(--fw-semibold) var(--fs-2xs) / 1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--vw-green-700)}.case-studies-design .cs-card h2{font:400 clamp(24px, 2.8vw, 32px) / 1.12 var(--font-display);letter-spacing:-.01em;color:var(--fg-primary);margin:14px 0 12px}.case-studies-design .cs-card h2 em{color:var(--vw-green-700);font-style:italic}.case-studies-design .cs-card p{font:400 var(--fs-md) / 1.65 var(--font-sans);color:var(--fg-secondary);margin:0}.case-studies-design .cs-card .res{border-top:1px solid var(--hair);flex-wrap:wrap;gap:28px;margin-top:24px;padding-top:22px;display:flex}.case-studies-design .cs-card .res .r .n{font:400 var(--fs-3xl) / 1 var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--vw-navy-700);font-style:italic}.case-studies-design .cs-card .res .r .l{font:var(--fw-medium) 10px / 1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin-top:5px}