.project-grid{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.portfolio-item{min-width:0}.portfolio-item[hidden]{display:none}.portfolio .portfolio-card{margin-bottom:0}.portfolio .portfolio-card .card-image{aspect-ratio:16/9;flex-shrink:0;height:auto}.portfolio .portfolio-card .card-image img{object-fit:cover;object-position:center;display:block}.portfolio .portfolio-card .card-content .tech-stack{margin-top:auto;margin-bottom:0}@media (width>=768px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}.portfolio .portfolio-card .card-content h3{min-height:2.6em}}@media (width>=1200px){.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.portfolio-filters button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.portfolio-filters button:focus-visible{outline:2px solid var(--accent-color);outline-offset:6px;border-radius:2px}.card-image img{object-fit:cover;background:var(--surface-color)}.project-image{height:100%;position:relative}.portfolio .portfolio-card .card-image .overlay{opacity:1;visibility:visible;background:0 0;justify-content:flex-end;align-items:flex-end;padding:12px}