.project-card[data-v-a54b8d7c]{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-a54b8d7c]{aspect-ratio:unset}}.project-card img.project-card-image[data-v-a54b8d7c]{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-a54b8d7c]{background-image:linear-gradient(135deg,#2c1b4fa0 70%,#111416a0);background-position:100%;background-size:400%;height:100%;padding:1.5rem;transition:background-position 1s var(--easing);width:100%}.project-card .project-card-text[data-v-a54b8d7c]:hover{background-position:0}.project-card .project-card-text .colored[data-v-a54b8d7c]{color:var(--secondary-color)}.project-card .project-card-text .project-card-text-date[data-v-a54b8d7c]{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-a54b8d7c]{font-size:.8rem}}.project-card .project-card-text .project-card-text-title[data-v-a54b8d7c]{font-size:2.5rem;font-weight:500;margin:0}@media (max-width:768px){.project-card .project-card-text .project-card-text-title[data-v-a54b8d7c]{font-size:1.2rem}}.project-card .project-card-text .project-card-text-title .project-card-text-title-number[data-v-a54b8d7c]{color:var(--secondary-color);font-weight:700}.project-card .project-card-text .project-card-text-description[data-v-a54b8d7c]{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-a54b8d7c]{font-size:.8rem}}.project-card .project-card-text .project-card-text-link[data-v-a54b8d7c]{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-a54b8d7c]{font-size:.8rem}}.project-card .project-card-text .project-card-text-link[data-v-a54b8d7c]:hover{border:1px solid var(--secondary-color);color:var(--secondary-color)}