.portfolio-header{padding-block:var(--space-2xl) var(--space-xl)}.portfolio-header__title{margin-top:var(--space-s);font-size:var(--step-5);letter-spacing:-.02em;line-height:.95}.portfolio-header__intro{max-width:36em;margin-top:var(--space-m);color:var(--color-ink-muted);font-size:var(--step-1);line-height:1.5}.portfolio-filter{margin-top:var(--space-xl);border-top:1px solid var(--color-line)}.portfolio-filter ul{gap:0 var(--space-l);flex-wrap:wrap;padding:0;list-style:none;display:flex}.portfolio-filter a{min-height:48px;color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.02em;border-top:2px solid #0000;align-items:center;margin-top:-1px;text-decoration:none;display:inline-flex}.portfolio-filter a:hover{color:var(--color-ink)}.portfolio-filter a[aria-current=page]{border-top-color:var(--color-ink);color:var(--color-ink)}.portfolio-list{padding-bottom:var(--section-gap)}.portfolio-empty{padding-block:var(--space-2xl);color:var(--color-ink-muted)}