.case-card{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--space-3);column-gap:calc(var(--space-3) + var(--space-2));margin-bottom:clamp(var(--space-4), 20vh, 10rem)}.case-card.even{flex-direction:row-reverse}.case-card>.visual{flex-grow:1;flex-basis:400px;align-self:flex-start}.case-card>.text{flex-grow:1;flex-basis:300px;display:flex;flex-direction:column}.case-card>.text .action{margin-top:auto}.case-card-feature{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3)}.case-card-feature>.visual{flex-grow:1;flex-basis:260px;max-width:65vw}.case-card-feature>.text{flex-grow:1;flex-basis:360px;padding-inline:var(--space-2)}.case-card-feature>.text .action{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.js [class*="case-card"]>.text{overflow:hidden}.js [class*="case-card"]>.text>*{translate:-110% 0;transition:translate 500ms 200ms cubic-bezier(.4,.1,0,1)}.js [class*="case-card"].even>.text>*{translate:110% 0}.js [class*="case-card"].inview>.text>*,.js [class*="case-card"].outview>.text>*{translate:0 0}.js [class*="case-card"].even [class*="pattern-img"]{clip-path:circle(0% at 100% 50%)}