.case-study-card{--padding:3rem;--width:32.5rem;--aspect-ratio:325/470;--client-size:1.2rem;--client-padding:.5rem .8rem;--client-border-radius:var(--border-radius-smallest);--title-size:2.4rem;--pattern-width:58rem;--pattern-height:39rem;--pattern-top:17rem;--icon-size:3rem;--icon-holder-size:6rem;aspect-ratio:var(--aspect-ratio);background:var(--background) var(--case-study-gradient);border-radius:var(--border-radius-outer);display:flex;flex-direction:column-reverse;flex-shrink:0;inline-size:var(--width);overflow:hidden;padding:0;position:relative;transition:transform 1.2s ease}@media (min-width:720px){.case-study-card{--padding:5rem 6rem;--width:52.8rem;--aspect-ratio:528/640;--client-size:1.3rem;--title-size:3.2rem;--pattern-width:83.7rem;--pattern-height:55.9rem;--icon-size:4rem;--icon-holder-size:8rem}}.case-study-card:hover{transform:translateY(-1rem);transition-duration:.25s}.has-js .case-study-card{cursor:pointer}.case-study-card h2{margin:0}.case-study-card--wide{--width:auto;aspect-ratio:unset}.case-study-content{border-bottom:1px solid rgba(0,0,0,.3);flex-grow:1;padding:var(--padding)}.case-study-client{background:rgba(0,0,0,.3);border-radius:var(--client-border-radius);display:table;font-size:var(--client-size);letter-spacing:.1rem;margin:0 0 1rem;padding:var(--client-padding);text-transform:uppercase}.case-study-title{font-size:var(--title-size);line-height:1.2}.case-study-text{margin-block-start:1rem}.case-study-image{border-top:1px solid hsla(0,0%,100%,.1)}.case-study-image>img{block-size:auto;inline-size:100%;max-inline-size:unset}.case-study-link{align-items:center;block-size:var(--icon-holder-size);border-radius:50%;color:#000;display:flex;inline-size:var(--icon-holder-size);inset-block-start:0;inset-inline-end:0;justify-content:center;opacity:.2;position:absolute;z-index:1}.case-study-link-icon{block-size:var(--icon-size);inline-size:var(--icon-size)}.case-study-tags{display:flex;flex-wrap:wrap;gap:1rem}.case-study-tags__tag{border:1px solid #fff;border-radius:.5rem;color:#fff;display:inline-flex;font-size:1.2rem;font-weight:500;line-height:1;padding:.8rem;text-transform:uppercase}