.case-studies-design{background:var(--vw-cream);width:100%;min-height:100%;color:var(--fg-primary);font:400 16px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;flex:1;display:flex}.case-studies-design :where(.h-1,.h-2,.h-3,.h-display){height:auto;max-height:none}.case-studies-design .ph{text-align:center;padding:64px 0 24px}.case-studies-design .ph.cream{background:var(--vw-cream)}.case-studies-design .ph .crumbs{font:500 12px/1 var(--font-sans);color:var(--fg-muted);justify-content:center;margin-bottom:18px;display:flex}.case-studies-design .ph .crumbs a{color:var(--fg-secondary);text-decoration:none}.case-studies-design .ph .crumbs a:hover{color:var(--vw-green-700)}.case-studies-design .ph h1{font:italic 400 60px/1.05 var(--font-display);letter-spacing:-.02em;margin:14px 0 18px}.case-studies-design .ph h1 em{font-style:normal}@media (max-width:768px){.case-studies-design .ph h1{font-size:42px}}.case-studies-design .cs-list{flex-direction:column;gap:24px;display:flex}.case-studies-design .cs-card{border:1px solid var(--border-default);color:inherit;background:#fff;border-radius:18px;grid-template-columns:1fr 1fr;gap:0;text-decoration:none;transition:border-color .14s,box-shadow .14s;display:grid;overflow:hidden}.case-studies-design .cs-card:hover{border-color:var(--vw-green-300);box-shadow:var(--shadow-sm)}.case-studies-design .cs-card.rev{direction:rtl}.case-studies-design .cs-card.rev>*{direction:ltr}@media (max-width:880px){.case-studies-design .cs-card,.case-studies-design .cs-card.rev{direction:ltr;grid-template-columns:1fr}}.case-studies-design .cs-card .ph-img .image-slot{width:100%;height:100%;min-height:320px;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:320px;border-radius:0!important}@media (max-width:880px){.case-studies-design .cs-card .ph-img .image-slot,.case-studies-design .cs-card .ph-img .image-slot--filled .image-slot__img{min-height:240px}}.case-studies-design .cs-card .body{flex-direction:column;justify-content:center;gap:14px;padding:40px;display:flex}@media (max-width:600px){.case-studies-design .cs-card .body{padding:28px}}.case-studies-design .cs-card .cat{font:700 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--vw-green-700)}.case-studies-design .cs-card h2{font:italic 400 30px/1.12 var(--font-display);letter-spacing:-.015em;margin:0}.case-studies-design .cs-card h2 em{font-style:normal}.case-studies-design .cs-card p{font:400 15px/1.65 var(--font-sans);color:var(--fg-secondary);margin:0}.case-studies-design .cs-card .res{flex-wrap:wrap;gap:28px;margin-top:8px;display:flex}.case-studies-design .cs-card .res .r .n{font:400 26px/1 var(--font-display);letter-spacing:-.015em;color:var(--fg-primary);font-variant-numeric:tabular-nums}.case-studies-design .cs-card .res .r .l{font:600 10px/1.3 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin-top:4px}