.card{cursor:pointer;display:block;display:flex;flex-direction:column;position:relative}.card.active{view-transition-name:case-card}.card.active .card__content{view-transition-name:case-cover}.card.active .card__title{view-transition-name:case-title}.card__title{font-size:22px;--tw-text-opacity:1;color:rgb(26 26 26/var(--tw-text-opacity,1))}.card__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.card__content{position:relative;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));background-position:50%;background-size:cover}.card__content:is(.dark *){--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.card__content{border-bottom-right-radius:70px;height:490px;margin-bottom:1.25rem;overflow:hidden}.card__arrow{bottom:0;position:absolute;right:0;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-top-left-radius:25px;padding:3rem}.card:hover .card__arrow>svg{--tw-translate-x:.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}