.case-study-card{display:flex;flex-direction:column;gap:var(--space-medium);text-decoration:none;color:inherit}.case-study-card__media{position:relative;overflow:hidden;border-radius:var(--radius-default);aspect-ratio:16 / 11;background-color:var(--colour-background-inverse);isolation:isolate}.case-study-card__fill{position:absolute;top:var(--cursor-y, 50%);left:var(--cursor-x, 50%);z-index:2;width:0;height:0;background-color:var(--colour-background-tint);border-radius:50%;transform:translate(-50%,-50%);transition:width var(--motion-duration-base) var(--motion-ease-out),height var(--motion-duration-base) var(--motion-ease-out);pointer-events:none}.case-study-card:hover .case-study-card__fill,.case-study-card:focus-visible .case-study-card__fill{width:250%;height:250%}.case-study-card__image{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}.case-study-card__media:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to left,color-mix(in srgb,var(--colour-background-accent) 10%,transparent),color-mix(in srgb,var(--colour-background-inverse) 60%,transparent));opacity:.2}.case-study-card:hover .case-study-card__media:before,.case-study-card:focus-within .case-study-card__media:before{opacity:1}@media(prefers-reduced-motion:no-preference){.case-study-card__media:before{transition:opacity var(--motion-duration-base) var(--motion-ease)}}.case-study-card__media:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-color:var(--primitive-shade-mid)}.case-study-card__badges{position:absolute;top:var(--space-medium);left:var(--space-medium);z-index:3;display:flex;flex-wrap:wrap;gap:var(--space-small);max-width:calc(100% - var(--space-medium) * 2);opacity:0;transform:translateY(calc(-1 * var(--space-x-small)))}.case-study-card:hover .case-study-card__badges,.case-study-card:focus-within .case-study-card__badges{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:no-preference){.case-study-card__badges{transition:opacity var(--motion-duration-base) var(--motion-ease),transform var(--motion-duration-base) var(--motion-ease)}}@media(prefers-reduced-motion:reduce){.case-study-card__badges{transition:opacity var(--motion-duration-base) var(--motion-ease);transform:none}.case-study-card:hover .case-study-card__badges,.case-study-card:focus-within .case-study-card__badges{transform:none}}.case-study-card__logo{position:absolute;bottom:var(--space-large);left:var(--space-large);z-index:3;max-height:5rem;max-width:calc(100% - var(--space-large) * 2)}.case-study-card__logo img{display:block;max-height:100%;width:auto;height:auto;object-fit:contain}.case-study-card__body{display:flex;flex-direction:column;gap:var(--space-small)}.case-study-card__client{color:var(--colour-text-subtle);margin:0}.case-study-card__title{font-family:var(--font-family-headings);font-size:var(--font-size-x-large);font-weight:var(--font-weight-regular);line-height:var(--leading-display);color:var(--colour-text-primary);margin:0}.case-study-card:focus-visible{outline:var(--border-width-default) solid var(--colour-focus);outline-offset:var(--space-x-small);border-radius:var(--radius-default)}.case-study-card:hover .case-study-card__image{transform:scale(1.04)}.case-study-card:hover .case-study-card__title{text-decoration:underline}.case-study-card:active{opacity:.92}@media(prefers-reduced-motion:no-preference){.case-study-card__image{transition:transform var(--motion-duration-base) var(--motion-ease)}.case-study-card{transition:opacity var(--motion-duration-fast) var(--motion-ease)}}