.project[data-v-07cfbac0]{background-size:cover;border-radius:0;cursor:pointer;display:flex;flex-direction:column;height:500px;overflow:hidden;padding:1em;position:relative;transform:rotateX(0) rotateY(0);transition:all .2s linear;will-change:transform}.overlay[data-v-07cfbac0]{background-image:radial-gradient(circle at 50% 50%,#0000004d 20%,#0006 50%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.project h1[data-v-07cfbac0]{cursor:pointer;font-size:1.5em;margin-top:auto;pointer-events:none;position:relative;transform:translateY(-20px);transition:all .3s;z-index:2}.project h1 span[data-v-07cfbac0]{color:#fff}.project span.cat[data-v-07cfbac0]{color:#fff;font-weight:700;letter-spacing:2px;overflow:hidden;pointer-events:none;position:relative;z-index:2}@media screen and (min-width:1000px){.wrap[data-v-07cfbac0]{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:20px;padding:1em}.project h1[data-v-07cfbac0]{transform:translateY(0)}.project:hover h1[data-v-07cfbac0]{transform:translateY(-20px)}.project span.cat[data-v-07cfbac0]{color:transparent}.project span.cat[data-v-07cfbac0]:after,.project span.cat[data-v-07cfbac0]:before{content:attr(data-hover);display:inline-block;left:0;max-width:0;overflow:hidden;position:absolute;top:0;transition:max-width .3s ease-out;white-space:nowrap}.project span.cat[data-v-07cfbac0]:before{color:#ff0;transition-delay:.1s}.project span.cat[data-v-07cfbac0]:after{color:#fff}.project:hover span.cat[data-v-07cfbac0]:after,.project:hover span.cat[data-v-07cfbac0]:before{max-width:100%}.project:hover span.cat[data-v-07cfbac0]:after{transition-delay:.3s}}.m-h-400[data-v-07cfbac0]{min-height:400px!important}@media (max-width:767px){.bg-white.p-4.m-h-400.px-24[data-v-07cfbac0]{padding:20px 10px!important}.description[data-v-07cfbac0]{width:100%!important}.title[data-v-07cfbac0]{font-size:25px}}.title[data-v-07cfbac0]{font-size:2.5em;margin-bottom:40px}.description[data-v-07cfbac0]{font-size:20px;width:60%}