.projects-index{inline-size:100%;padding-block:var(--section-space-m);gap:var(--section-space-s);flex-direction:column;display:flex}.projects-index__hero{text-align:center;inline-size:100%}.projects-index__title{font-size:var(--h1);color:var(--color-foreground);margin:0;font-weight:800;line-height:1.05}.projects-index__list{inline-size:100%;max-inline-size:var(--content-width-wide);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.projects-filters{justify-content:center;gap:var(--space-s);flex-wrap:wrap;margin-block-end:var(--space-xl);display:flex}.projects-filter-chip{background:var(--color-background);border:1px solid color-mix(in oklch,var(--color-foreground)15%,transparent);border-radius:var(--radius-pill-shape);font-size:var(--text-m);color:var(--color-foreground);cursor:pointer;padding:.6em 1.4em;transition:background .2s,color .2s,border-color .2s}.projects-filter-chip:hover{border-color:var(--fg-green-dark)}.projects-filter-chip--active{background:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground);font-weight:800}.projects-grid{gap:var(--space-xl)var(--space-l);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}@media (max-width:1000px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr}}.projects-card{display:block}.projects-card__link{gap:var(--space-l);color:inherit;flex-direction:column;text-decoration:none;display:flex}.projects-card__media{aspect-ratio:3/2;border-radius:var(--radius-xl);background:color-mix(in oklch,var(--color-foreground)5%,transparent);inline-size:100%;position:relative;overflow:hidden}.projects-card__img{object-fit:cover;transition:transform .3s}.projects-card__link:hover .projects-card__img{transform:scale(1.04)}.projects-card__placeholder{background:linear-gradient(135deg,color-mix(in oklch,var(--color-foreground)5%,transparent)0%,color-mix(in oklch,var(--color-foreground)10%,transparent)100%);block-size:100%;inline-size:100%}.projects-card__text{text-align:center;align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.projects-card__tag{background:var(--fg-blue);color:var(--color-background);font-size:var(--text-m);border-radius:var(--radius-pill-shape);white-space:nowrap;text-overflow:ellipsis;max-inline-size:100%;padding:.2em .8em;line-height:1.55;overflow:hidden}.projects-card__title{font-size:var(--text-xl);color:var(--fg-dark-brown);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-weight:400;line-height:1.15;display:-webkit-box;overflow:hidden}.projects-card__cta{font-size:var(--text-l);color:var(--fg-green);text-underline-offset:.2em;white-space:nowrap;font-weight:800;text-decoration:underline}.projects-empty{padding:var(--section-space-s)var(--gutter);text-align:center;font-size:var(--text-l);color:color-mix(in oklch,var(--color-foreground)60%,transparent)}