.case-card{--card-border-color:var(--color-basic-white-10);--card-radius:var(--border-radius-28);display:block}@media (any-hover:hover){.case-card:hover{--card-border-color:var(--color-basic-white-40)}.case-card:hover .case-card__img img{transform:scale(1.1)}}.case-card__media{margin-bottom:.75rem;display:block;position:relative}.case-card__img{border:.0625rem solid var(--card-border-color);border-radius:var(--card-radius);transition:border-color var(--transition-duration);padding-bottom:77.97%;display:block;position:relative;overflow:hidden}.case-card__img picture{display:contents}.case-card__img img{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform var(--transition-duration-slow);position:absolute;inset:0}.case-card__tags{gap:.5rem}@media (width>=62rem){.case-card__tags{z-index:2;opacity:0;transition:transform var(--transition-duration), opacity var(--transition-duration);position:absolute;bottom:1rem;left:1rem;transform:translateY(200%)}}@media (any-hover:hover) and (width>=62rem){.case-card:hover .case-card__tags{opacity:1;transform:none}}.case-card__metas{color:var(--color-basic-white-60);gap:.25rem .5rem}.case-card__metas>:not(:last-child):after{content:"";vertical-align:middle;background-color:currentColor;border-radius:50%;width:.1875rem;height:.1875rem;margin-inline-start:.5rem;display:inline-block}.case-card__title{color:var(--color-basic-white-100)}@media (width<=61rem){.case-card{--card-radius:var(--border-radius-20)}.case-card__media,.case-card__img:not(:last-child){margin-bottom:1rem}}