.project-card{border:1px solid #27272a;border-radius:.375rem;cursor:pointer;display:flex;flex-direction:column;overflow:hidden}@media(prefers-color-scheme:light){.project-card{border-color:#e5e5e5}}.project-card:hover{border-color:rgba(var(--color-green))}.project-card__image{aspect-ratio:16/9;background-color:#18181b;display:flex;width:100%}@media(prefers-color-scheme:light){.project-card__image{background-color:#f5f5f5}}.project-card__image-content{width:100%}.project-card__image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%}.project-card__content{border-top:1px solid #27272a;display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}@media(prefers-color-scheme:light){.project-card__content{border-color:#e5e5e5}}.project-card--variant-default .project-card__content{background:var(--primary-background)}.project-card--variant-muted .project-card__content{background:var(--secondary-background)}@media(prefers-color-scheme:light){.project-card--variant-muted .project-card__content{background:var(--primary-background)}}.project-card__title{font-size:1.125rem;font-weight:700;line-height:1.75rem;margin-bottom:.75rem;transition:color .3s ease}.project-card:hover .project-card__title{color:rgba(var(--color-green))}@media(prefers-color-scheme:light){.project-card:hover .project-card__title{color:inherit}}.project-card__description{color:#9ca3af;display:-webkit-box;flex-grow:1;font-size:.875rem;-webkit-line-clamp:3;line-height:1.625;margin-bottom:1.5rem;-webkit-box-orient:vertical;overflow:hidden}.project-card__tags{display:flex;flex-wrap:wrap;gap:.5rem}