.portfolio-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:var(--max-width-container);margin:0 auto;padding:0 30px 48px}.portfolio-filter[hidden]{display:none}.portfolio-filter-count{font-size:var(--font-size-tiny);letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--color-text-muted);transition:color var(--transition-base)}.portfolio-filter-btn[aria-pressed=true] .portfolio-filter-count{color:rgb(from var(--color-white) r g b / .7)}.portfolio-item[hidden]{display:none}.vt-portfolio::view-transition-old(root),.vt-portfolio::view-transition-new(root){animation:none}::view-transition-group(*.pf){animation-duration:.5s;animation-timing-function:var(--ease-out)}.portfolio-cta{display:flex;flex-direction:column;justify-content:flex-end;gap:24px;padding:clamp(24px,4vw,56px);background:var(--color-gradient);color:var(--color-heading);text-decoration:none}.portfolio-cta-title{max-width:12ch;font-family:var(--font-heading);font-size:clamp(24px,2.6vw,40px);font-weight:700;line-height:1.15}.portfolio-cta:focus-visible{outline:3px solid var(--color-heading);outline-offset:-8px}@media(max-width:768px){.portfolio-filter{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:0 20px 32px}.portfolio-filter::-webkit-scrollbar{display:none}.portfolio-filter .chip{flex:none}}@media(prefers-reduced-motion:reduce){.portfolio-filter-count{transition:none}}@media(forced-colors:active){.portfolio-filter-btn[aria-pressed=true] .portfolio-filter-count{color:HighlightText}.portfolio-cta{border:1px solid CanvasText}}