.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-list-heading{font:400 clamp(28px, 3.2vw, 36px) / 1.15 var(--font-display);letter-spacing:-.015em;color:var(--fg-primary);margin:0 0 22px}.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 .ph-img--logo{box-sizing:border-box;background:#fff;place-items:center;min-height:280px;padding:40px 44px;display:grid}.case-studies-design .cs-card .ph-img--logo .image-slot,.case-studies-design .cs-card .ph-img--logo .image-slot.image-slot--filled,.case-studies-design .cs-card .ph-img--logo .image-slot.image-slot--banner{width:100%;max-height:none;display:block;overflow:visible;background:0 0!important;border:none!important;height:auto!important;min-height:0!important}.case-studies-design .cs-card .ph-img--logo .image-slot--filled .image-slot__img,.case-studies-design .cs-card .ph-img--logo .image-slot.image-slot--banner .image-slot__img{object-position:center;object-fit:contain!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;position:static!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 h3{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 h3 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}