.projects-grid-items{gap:16px;display:grid}@media (min-width:768px){.projects-grid-items{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.projects-grid-items{grid-template-columns:repeat(3,1fr)}}.projects-grid-item{background-color:color-mix(in srgb,var(--cl-main-900)50%,transparent);border:1px solid color-mix(in srgb,var(--cl-main-800)20%,transparent);border-radius:1rem;flex-direction:column;min-width:320px;padding:8px;transition:background-color .3s,border-color .3s;display:flex}.projects-grid-item:hover{color:var(--cl-main-0);background-color:color-mix(in srgb,var(--cl-accent-1000)50%,transparent);border-color:color-mix(in srgb,var(--cl-accent-700)20%,transparent)}.projects-grid-item-image{aspect-ratio:16/9;object-fit:cover;border:1px solid color-mix(in srgb,var(--cl-main-800)40%,transparent);filter:grayscale();border-radius:8px;width:100%;height:auto;transition:filter .3s}.projects-grid-item:hover .projects-grid-item-image{filter:grayscale(0%)}.projects-grid-item-description{text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}