.portfolio-container{inline-size:var(--size-full);max-inline-size:var(--content-max-width);margin-inline:var(--size-auto);padding-inline:var(--page-gutter)}.portfolio-page{padding-block:var(--section-space)}.portfolio-intro{margin-block-end:var(--space-12)}.portfolio-eyebrow{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-label);text-transform:var(--text-uppercase);color:var(--color-text-muted);margin-block-end:var(--space-5)}.portfolio-intro h1{max-inline-size:var(--portfolio-title-measure)}.portfolio-lead{max-inline-size:var(--text-measure);margin-block:var(--space-6)}.portfolio-note{max-inline-size:var(--text-measure);font-size:var(--font-size-sm);color:var(--color-text-muted)}.portfolio-toolbar{display:var(--display-flex);align-items:var(--align-start);justify-content:var(--justify-between);flex-direction:var(--flex-column);gap:var(--space-6);padding-block:var(--space-6);border-block-start:var(--border-default)}.portfolio-toolbar h2{font-size:var(--font-size-xl)}.portfolio-filters{display:var(--display-flex);flex-wrap:var(--flex-wrap);gap:var(--space-2)}.portfolio-filters button{min-inline-size:var(--control-min-size);min-block-size:var(--control-min-size);padding:var(--space-3) var(--space-5);color:var(--color-text);background:var(--color-transparent);border:var(--border-control);font-size:var(--font-size-sm)}.portfolio-filters button[aria-pressed=true],.portfolio-filters button:hover{color:var(--color-on-primary);background:var(--color-primary)}.portfolio-count{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-block-end:var(--space-6)}.portfolio-grid{display:var(--display-grid);grid-template-columns:var(--grid-single);gap:var(--space-12) var(--space-8)}.portfolio-item{min-inline-size:var(--space-0);opacity:var(--opacity-full);transform:var(--transform-none);transition:var(--transition-filter)}.portfolio-grid.is-filtering .portfolio-item{opacity:var(--opacity-zero);transform:var(--portfolio-filter-transform)}.portfolio-link{display:var(--display-inline-flex);align-items:var(--align-center);gap:var(--space-3);min-block-size:var(--control-min-size);min-inline-size:var(--control-min-size);color:var(--color-text);font-size:var(--font-size-sm)}@media (width>=768px){.portfolio-grid{grid-template-columns:var(--grid-halves)}}@media (width>=1280px){.portfolio-grid{grid-template-columns:var(--grid-thirds)}.portfolio-toolbar{flex-direction:var(--flex-row);align-items:var(--align-center)}}