.project-card .touch-link{opacity:0;pointer-events:none;transition:opacity .25s}.project-card .img{transition:transform .45s ease-out}.project-card .cover{transition:opacity .3s}.project-card .content{transition:opacity .1s}.project-card .content .title{clip-path:inset(0 100% 0 0);transition:all .8s cubic-bezier(.86,.24,.88,.8)}.project-card .content .desc{margin-top:-1px}.project-card .content .desc,.project-card .content .time{opacity:0;transition:all .8s cubic-bezier(.86,.24,.88,.8)}.project-card[data-active=true] .content,.project-card[data-active=true] .cover{opacity:1}.project-card[data-active=true] .content{transition:opacity .25s}.project-card[data-active=true] .content .desc,.project-card[data-active=true] .content .time,.project-card[data-active=true] .content .title{clip-path:inset(0 0 0 0)}.project-card[data-active=true] .content .title{transition:all .8s cubic-bezier(.35,.02,0,.99)}.project-card[data-active=true] .content .desc{opacity:1;transition:all .2s linear}.project-card[data-active=true] .content .time{opacity:1;transition:all .1s cubic-bezier(.57,.07,.21,.95)}.project-card[data-active=true] .touch-link{opacity:1;pointer-events:auto}@media(hover:hover)and (pointer:fine){.project-card:hover .content,.project-card:hover .cover{opacity:1}.project-card:hover .img{transform:scale(.96)}.project-card:hover .content{transition:opacity .25s,transform .45s ease .1s;transform:scale(.98)}.project-card:hover .content .desc,.project-card:hover .content .time,.project-card:hover .content .title{clip-path:inset(0 0 0 0)}.project-card:hover .content .title{transition:all .8s cubic-bezier(.35,.02,0,.99)}.project-card:hover .content .desc{opacity:1;transition:all .2s linear}.project-card:hover .content .time{opacity:1;transition:all .1s cubic-bezier(.57,.07,.21,.95)}}