.work{cursor:pointer}.work-description{z-index:1;opacity:1;transition:all .3s ease-in-out;background:#221d2300;background:linear-gradient(0deg,rgba(34,29,35,1),rgba(34,29,35,0))}.work-arrow{opacity:0;transform:scale(1) rotate(0deg);transition:opacity .3s ease-in-out,transform .3s cubic-bezier(.4,0,.2,1) 0s,transform .3s cubic-bezier(.4,0,.2,1) .3s}.work:hover .work-description{opacity:1;transition:all .3s ease-in-out}.work:hover .work-arrow{opacity:1;transform:scale(1.5) rotate(45deg);transition:opacity .3s ease-in-out,transform .3s cubic-bezier(.4,0,.2,1) .3s}.work:hover h1{opacity:1;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.work:hover span{margin-bottom:0;transition:margin-bottom .5s cubic-bezier(.4,0,.2,1);opacity:1;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.work .video{opacity:0;transition:opacity .5s;pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.work:hover .video{opacity:1}.work img{transition:opacity .5s;z-index:2;position:relative}.work:hover img{opacity:0}.work *{transition:all .5s cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.work span{opacity:0;margin-bottom:-100%;transition:margin-bottom .4s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1) .2s}.work h1,.work span{opacity:0;transition:all .3s ease-in-out}.work-arrow{opacity:.1;transform:scale(1) rotate(0deg);transition:opacity .3s ease-in-out,transform .3s cubic-bezier(.4,0,.2,1) 0s,transform .3s cubic-bezier(.4,0,.2,1) .3s}}@media (max-width:1024px){.work-container .work-card-1:nth-child(3){grid-column-start:1;grid-column-end:3}}