.project-card{aspect-ratio:1/1;background-color:var(--color-bg);display:block;height:100%;position:relative;width:100%}.project-card:focus-within .project-card__image,.project-card:hover .project-card__image{filter:grayscale(1)}.project-card:focus-within .project-card__overlay,.project-card:hover .project-card__overlay{opacity:.95;visibility:visible}.project-card__image{aspect-ratio:1/1;display:block;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;text-align:center;transition:filter .1s var(--ease-out);width:100%}.project-card__overlay,.project-card__title{align-items:center;bottom:0;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0;width:100%}.project-card__overlay,.project-card__title{background:var(--color-bg);color:var(--color-text);display:flex}.project-card__overlay{opacity:0;transition:opacity .1s var(--ease-out),visibility .1s var(--ease-out)}.project-card__link{display:block;height:100%;text-decoration:none;width:100%}.project-card__text{color:var(--color-text);display:-webkit-box;font-family:var(--font-sans);font-size:var(--font-size--1);font-weight:600;line-height:1.3;max-height:100%;overflow:hidden;padding:0 var(--pad-sm);text-overflow:ellipsis;text-wrap:balance;-webkit-line-clamp:5;-webkit-box-orient:vertical;width:100%}