.project-card[data-v-31d4b4e3]{aspect-ratio:16/9;border-radius:var(--border-radius);margin:0 auto;overflow:hidden;position:relative;width:100%}@media(max-width:576px){.project-card[data-v-31d4b4e3]{aspect-ratio:unset}}.project-card img.project-card-image[data-v-31d4b4e3]{height:100%;left:50%;-o-object-fit:cover;object-fit:cover;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.project-card .project-card-text[data-v-31d4b4e3]{height:100%;padding:1.5rem;position:relative;width:100%;z-index:1}.project-card .project-card-text[data-v-31d4b4e3]:before{background-image:linear-gradient(135deg,#2c1b4fa0 70%,#111416a0);background-position:100%;background-size:400%;content:"";inset:0;opacity:.5;position:absolute;transition:background-position 1s var(--easing),opacity 1s var(--easing);z-index:-1}.project-card .project-card-text[data-v-31d4b4e3]:hover:before{background-position:0;opacity:1}.project-card .project-card-text .colored[data-v-31d4b4e3]{color:var(--secondary-color)}.project-card .project-card-text .project-card-text-date[data-v-31d4b4e3]{color:var(--secondary-color);font-size:1rem;margin:.5rem 0}@media(max-width:768px){.project-card .project-card-text .project-card-text-date[data-v-31d4b4e3]{font-size:.8rem}}.project-card .project-card-text .project-card-text-title[data-v-31d4b4e3]{font-size:2.5rem;font-weight:500;margin:0}@media(max-width:768px){.project-card .project-card-text .project-card-text-title[data-v-31d4b4e3]{font-size:1.2rem}}.project-card .project-card-text .project-card-text-title .project-card-text-title-number[data-v-31d4b4e3]{color:var(--secondary-color);font-weight:700}.project-card .project-card-text .project-card-text-description[data-v-31d4b4e3]{font-size:1rem;font-weight:300;margin:0 0 1rem}@media(max-width:768px){.project-card .project-card-text .project-card-text-description[data-v-31d4b4e3]{font-size:.8rem}}.project-card .project-card-text .project-card-text-link[data-v-31d4b4e3]{border:1px solid var(--text-color);color:var(--text-color);font-size:1rem;font-weight:500;padding:.2rem .5rem;text-decoration:none;transform:translate(0) scale(1)!important;transition:color .2s var(--easing),border .2s var(--easing)}@media(max-width:768px){.project-card .project-card-text .project-card-text-link[data-v-31d4b4e3]{font-size:.8rem}}.project-card .project-card-text .project-card-text-link[data-v-31d4b4e3]:hover{border:1px solid var(--secondary-color);color:var(--secondary-color)}