@media (hover:hover) and (pointer:fine){.work-card__bg{opacity:0;transition:opacity .3s ease-out}.work-card:hover .work-card__bg{opacity:1}.work-card__hex{transform:scale(0) rotate(20deg);transition:transform .75s cubic-bezier(.19,1,.22,1)}.work-card:hover .work-card__hex{transform:scale(1) rotate(0)}.work-card__title{transition:color .3s ease-out}.work-card:hover .work-card__title{color:#faf2e8}.work-card__pills{transition:color .3s ease-out}.work-card:hover .work-card__pills{color:#cce561}.work-card-content__inner{transition:transform 1s cubic-bezier(.19,1,.22,1)}.work-card:hover .work-card-content__inner{transform:translate(1.5rem);transition-duration:.75s}.work-card-content:before{background-color:#242424;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateY(-100%) translateY(1rem);transition:transform .75s cubic-bezier(.19,1,.22,1);z-index:-1}.work-card:hover .work-card-content:before{transform:translateY(0)}}