.casestudy-card{gap:var(--space-card-block);transition:transform var(--duration-motion-normal)var(--ease-motion);transform-origin:50%;flex-direction:column;justify-content:center;align-items:flex-start;display:flex}@media (hover:hover) and (pointer:fine){a:hover .casestudy-card{transform:scale(1.02)}}a:focus-visible .casestudy-card{transform:scale(1.02)}.casestudy-card__image-wrap{width:100%;aspect-ratio:var(--aspect-ratio-casestudy-image);border-radius:var(--radius-image);background-color:var(--color-image-placeholder);flex-shrink:0;position:relative;overflow:hidden}.casestudy-card__placeholder{background-color:var(--color-image-placeholder);position:absolute;inset:0}.casestudy-card__img{object-fit:cover;width:100%;height:100%;display:block}.casestudy-card__text{gap:var(--space-card-text);flex-direction:column;flex-shrink:0;width:100%;display:flex}.casestudy-card__title,.casestudy-card__subline{margin:0}.casestudy-card--small{width:var(--size-casestudy-card-width)}.casestudy-card--large{width:var(--size-casestudy-card-large-width)}.casestudy-card--large .casestudy-card__text{max-width:800px}.casestudy-card--split{gap:var(--space-casestudy-card-split-gap);width:100%;padding-top:var(--space-casestudy-card-split-block);padding-bottom:var(--space-casestudy-card-split-block);grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:center;display:grid}.casestudy-card--split.casestudy-card--image-right{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr)}.casestudy-card--split .casestudy-card__image-wrap{aspect-ratio:auto;width:100%;min-width:0}.casestudy-card--split .casestudy-card__img{object-fit:cover;width:100%;height:auto;aspect-ratio:var(--aspect-ratio-casestudy-image)}.casestudy-card--split .casestudy-card__text{gap:var(--space-card-text);justify-content:center;min-width:0}.casestudy-card--split .tag-row{margin-top:var(--space-casestudy-card-split-copy)}.casestudy-card--split.casestudy-card--image-right .casestudy-card__image-wrap{order:2}.casestudy-card--split.casestudy-card--image-right .casestudy-card__text{order:1}@media (hover:hover) and (pointer:fine){a:hover .casestudy-card--split{transform:scale(1.01)}}a:focus-visible .casestudy-card--split{transform:scale(1.01)}@media (max-width:767px){.casestudy-card--large,.casestudy-card--small{width:100%}.casestudy-card--large .casestudy-card__text{max-width:none}.casestudy-card--split,.casestudy-card--split.casestudy-card--image-right{grid-template-columns:1fr}.casestudy-card--split.casestudy-card--image-right .casestudy-card__image-wrap,.casestudy-card--split.casestudy-card--image-right .casestudy-card__text{order:unset}}