.portfolio-filters[data-v-0ce4ce99]{gap:var(--space-xs);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.portfolio-filter[data-v-0ce4ce99]{font-size:var(--font-size-small);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:.45em 1.1em}.portfolio-filter[data-v-0ce4ce99]:hover{border-color:var(--color-primary)}.portfolio-filter--active[data-v-0ce4ce99]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.portfolio-grid[data-v-0ce4ce99]{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.portfolio-grid__link[data-v-0ce4ce99]{color:inherit;height:100%;text-decoration:none;display:block}.grid-enter-active[data-v-0ce4ce99]{transition:all var(--duration-medium) var(--ease-out)}.grid-leave-active[data-v-0ce4ce99]{transition:all var(--duration-base) var(--ease-out);position:absolute}.grid-enter-from[data-v-0ce4ce99],.grid-leave-to[data-v-0ce4ce99]{opacity:0;transform:scale(.95)}@media (width<=768px){.portfolio-grid[data-v-0ce4ce99]{grid-template-columns:1fr 1fr}}@media (width<=480px){.portfolio-grid[data-v-0ce4ce99]{grid-template-columns:1fr}}@media (width>=481px) and (width<=1024px) and (orientation:portrait){.portfolio-grid[data-v-0ce4ce99]{grid-template-columns:1fr 1fr}}