.portfolio-grid:where(.astro-B2MSIRWK){display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 768px){.portfolio-grid:where(.astro-B2MSIRWK){grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width: 1280px){.portfolio-grid:where(.astro-B2MSIRWK){grid-template-columns:repeat(3,1fr)}}.portfolio-card:where(.astro-B2MSIRWK){overflow:hidden}.portfolio-card-image:where(.astro-B2MSIRWK){aspect-ratio:16 / 10;overflow:hidden;border-radius:.75rem;margin-bottom:1rem}.portfolio-card-image:where(.astro-B2MSIRWK) img:where(.astro-B2MSIRWK){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.portfolio-card:where(.astro-B2MSIRWK):hover .portfolio-card-image:where(.astro-B2MSIRWK) img:where(.astro-B2MSIRWK){transform:scale(1.05)}.portfolio-filters:where(.astro-B2MSIRWK){display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2.5rem}.portfolio-filter:where(.astro-B2MSIRWK){font-size:.8125rem;font-weight:600;padding:.5rem 1rem;border-radius:9999px;border:1px solid rgba(124,58,237,.2);background:transparent;color:inherit;cursor:pointer;transition:all .2s ease}html.dark .portfolio-filter:where(.astro-B2MSIRWK){border-color:#c2d07633}.portfolio-filter:where(.astro-B2MSIRWK).active,.portfolio-filter:where(.astro-B2MSIRWK):hover{background:#7c3aed;border-color:#7c3aed;color:#fff}html.dark .portfolio-filter:where(.astro-B2MSIRWK).active,html.dark .portfolio-filter:where(.astro-B2MSIRWK):hover{background:#c2d076;border-color:#c2d076;color:#1c0a49}.portfolio-card:where(.astro-B2MSIRWK).is-hidden{display:none}