.case-grid{grid-template-columns:1fr 1fr;gap:4.5rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.case-card{color:inherit;text-decoration:none;display:block}.case-media{aspect-ratio:16/10;position:relative;overflow:hidden}.case-media-inner{background:var(--color-ink);clip-path:inset(0);transition:clip-path .8s cubic-bezier(.19,1,.22,1);position:absolute;inset:0}.case-media video{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.19,1,.22,1);display:block}.case-title{letter-spacing:-.04em;color:var(--color-ink);margin-top:1.5rem;font-size:1.9rem;font-weight:400;line-height:1.1}.case-tags{color:var(--color-gray-text);margin-top:.6rem;font-size:1.1rem}.case-poster{object-fit:cover;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}@media (hover:hover){.case-card:hover .case-poster{opacity:0}.case-media-inner{clip-path:inset(7% 0)}.case-card:hover .case-media-inner{clip-path:inset(0)}.case-card:hover .case-media video{transform:scale(1.03)}.case-card.is-still .case-poster{transition:opacity .45s,transform .8s cubic-bezier(.19,1,.22,1)}.case-card.is-still:hover .case-poster{opacity:1;transform:scale(1.03)}}@media (max-width:767px){.case-card.is-still .case-media{aspect-ratio:4/5}.case-card.is-still .case-poster{object-position:top}.case-grid{grid-template-columns:1fr;row-gap:2.75rem}.case-title{margin-top:1.1rem;font-size:1.5rem}.case-tags{font-size:1rem}}