.projects-grid-filters{flex-wrap:wrap;gap:8px;display:flex}.projects-grid-filter{font:inherit;color:var(--cl-main-300);cursor:pointer;background:color-mix(in srgb, var(--surface) 72%, transparent);border:1px solid var(--stroke-subtle);border-radius:var(--radius-sm);transition:color .2s var(--ease-out),background-color .2s var(--ease-out),border-color .2s var(--ease-out);padding:8px 14px;font-size:.875rem;font-weight:500}.projects-grid-filter:hover{color:var(--cl-main-50);border-color:color-mix(in srgb, var(--cl-accent-400) 32%, var(--stroke-subtle))}.projects-grid-filter_active{color:var(--cl-main-50);background:var(--surface);border-color:color-mix(in srgb, var(--cl-accent-400) 48%, var(--stroke-subtle))}.projects-grid-items{gap:20px;display:grid}@media (min-width:768px){.projects-grid-items{grid-template-columns:repeat(2,1fr);gap:24px}}@media (min-width:1024px){.projects-grid-items{grid-template-columns:repeat(3,1fr)}}.projects-grid-item-description{text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.projects-grid-item{background:color-mix(in srgb, var(--surface) 72%, transparent);border:1px solid var(--stroke-subtle);border-radius:var(--radius-md);transition:color .2s var(--ease-out),background-color .3s var(--ease-out),border-color .3s var(--ease-out);flex-direction:column;padding:12px;display:flex;position:relative;overflow:hidden}.projects-grid-item:before{z-index:1;content:"";background:var(--cl-accent-400);transform-origin:0;height:1px;transition:transform .4s var(--ease-out);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.projects-grid-item:hover{color:var(--cl-main-50);background:var(--surface);border-color:var(--cl-accent-400)}.projects-grid-item:hover:before{transform:scaleX(1)}.projects-grid-item:hover .projects-grid-item-description{color:var(--cl-main-300)}.projects-grid-item-media{border-radius:var(--radius-sm);position:relative;overflow:hidden}.projects-grid-item-image{aspect-ratio:16/9;object-fit:cover;filter:saturate(.9);width:100%;height:auto;transition:filter .4s var(--ease-out);display:block}.projects-grid-item:hover .projects-grid-item-image{filter:saturate(1.5)}.projects-grid-item-label{z-index:1;font:inherit;font-family:var(--font-mono),monospace;color:var(--cl-main-50);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:color-mix(in srgb, var(--cl-main-1000) 82%, transparent);border:1px solid color-mix(in srgb, var(--cl-main-50) 8%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .2s var(--ease-out),background-color .2s var(--ease-out),border-color .2s var(--ease-out);border-radius:8px;padding:5px 10px;font-size:.6875rem;font-weight:400;line-height:1.2;position:absolute;top:10px;left:10px}.projects-grid-item-label:hover{color:var(--cl-accent-400);background:color-mix(in srgb, var(--cl-main-1000) 92%, transparent);border-color:color-mix(in srgb, var(--cl-accent-400) 36%, transparent)}