.portfolio-grid{width:100vw;margin-inline:calc(50% - 50vw);display:block}.portfolio-grid__intro{margin-bottom:var(--space-2xl)}.portfolio-grid__eyebrow{margin:0 0 12px}.portfolio-grid__heading{margin:0}.portfolio-grid__filter-bar{margin-bottom:var(--space-2xl);padding-block:var(--space-sm)}.portfolio-grid__filters{flex-wrap:wrap;gap:10px;display:flex}.portfolio-grid__empty{margin:0 0 var(--space-2xl);padding:var(--space-xl);text-align:center;border:1px dashed var(--color-ink-20);border-radius:var(--radius-sm);color:var(--color-pencil)}.portfolio-grid__empty[hidden]{display:none}.portfolio-grid__filter{appearance:none;border:1px solid var(--color-ink);border-radius:var(--radius-xs);color:var(--color-ink);font-size:var(--text-xs);cursor:pointer;transition:background var(--motion-duration) var(--motion-ease), color var(--motion-duration) var(--motion-ease);background:0 0;padding:8px 16px}.portfolio-grid__filter[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.portfolio-grid__filter:hover:not([aria-pressed=true]){background:color-mix(in srgb, var(--color-ink) 6%, transparent)}.portfolio-grid__filter:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.portfolio-grid__list{grid-template-columns:repeat(var(--portfolio-cols,2), minmax(0, 1fr));gap:var(--space-2xl) var(--space-xl);margin:0;padding:0;list-style:none;display:grid}.portfolio-grid__item{transition:opacity var(--motion-duration-enter) var(--motion-ease), transform var(--motion-duration-enter) var(--motion-ease)}.portfolio-grid__item[hidden]{display:none}.portfolio-grid__item.is-filter-exiting{opacity:0;pointer-events:none;transform:scale(.96)translateY(8px)}.portfolio-grid--airy .portfolio-grid__list{gap:var(--space-3xl) var(--space-2xl)}.portfolio-grid--cols-2{--portfolio-cols:2}.portfolio-grid--cols-3{--portfolio-cols:3}.portfolio-grid--cols-4{--portfolio-cols:4}.portfolio-grid__cta{margin-top:var(--space-3xl);text-align:center}@media (width<=980px){.portfolio-grid--cols-3,.portfolio-grid--cols-4{--portfolio-cols:2}}@media (width<=620px){.portfolio-grid--cols-2,.portfolio-grid--cols-3,.portfolio-grid--cols-4{--portfolio-cols:1}.portfolio-grid__list{gap:var(--space-xl)}.portfolio-grid__filter-bar{margin-bottom:var(--space-xl)}.portfolio-grid__filters{margin-bottom:0}}@media (prefers-reduced-motion:reduce){.portfolio-grid__filter{transition:none}}.portfolio-grid--showcase{--portfolio-hover-duration:.55s;--portfolio-hover-ease:var(--motion-ease-out-expo)}@keyframes portfolio-slide-in{0%{transform:translateY(1.25rem)}to{transform:none}}.portfolio-grid--showcase .portfolio-card--showcase{animation:portfolio-slide-in .42s var(--motion-ease-out-expo) both}@media (prefers-reduced-motion:reduce){.portfolio-grid--showcase .portfolio-card--showcase{animation:none}}.portfolio-card.portfolio-card--showcase{--card-tint:var(--color-paper)}.portfolio-card--showcase .portfolio-card__chip-row{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.portfolio-card--showcase .portfolio-card__link{gap:var(--space-sm)}.portfolio-card.portfolio-card--showcase .portfolio-card__media{background:var(--color-ink-8);border-color:color-mix(in srgb, var(--card-tint) 22%, var(--border-subtle))}.portfolio-card--showcase .portfolio-card__photos img{transition:opacity var(--portfolio-hover-duration) var(--portfolio-hover-ease), transform calc(var(--portfolio-hover-duration) + .1s) var(--portfolio-hover-ease);object-position:center center}.portfolio-card__photos{z-index:0;position:absolute;inset:0}.portfolio-card__photos .berlew-image,.portfolio-card__photos img{object-fit:cover;object-position:center;width:100%;max-width:none;height:100%;display:block}.portfolio-card__photos .portfolio-card__image--base,.portfolio-card__photos .portfolio-card__image--hover{position:absolute;inset:0}.portfolio-card__photos .portfolio-card__image--hover{opacity:0}.portfolio-card__media-cta{left:var(--space-md);right:var(--space-md);bottom:var(--space-md);z-index:3;opacity:0;pointer-events:none;width:auto;transition:opacity var(--portfolio-hover-duration) var(--portfolio-hover-ease), transform var(--portfolio-hover-duration) var(--portfolio-hover-ease);position:absolute;transform:translateY(1rem)}@media (hover:hover){.portfolio-card--showcase.portfolio-card--has-hover .portfolio-card__link:hover .portfolio-card__media-cta{opacity:1;pointer-events:auto;transform:none}}.portfolio-card--showcase.portfolio-card--has-hover .portfolio-card__link:focus-within .portfolio-card__media-cta{opacity:1;pointer-events:auto;transform:none}@media (hover:hover){.portfolio-card--showcase.portfolio-card--has-hover .portfolio-card__link:hover .portfolio-card__image--hover{opacity:1}.portfolio-card--showcase.portfolio-card--has-hover .portfolio-card__link:hover .portfolio-card__image--base{opacity:0}.portfolio-card--showcase .portfolio-card__link:hover .portfolio-card__photos img{transform:scale3d(var(--scale-hover-image), var(--scale-hover-image), 1)}}.portfolio-card--showcase.portfolio-card--has-hover .portfolio-card__link:focus-within .portfolio-card__image--hover{opacity:1}.portfolio-card--showcase.portfolio-card--has-hover .portfolio-card__link:focus-within .portfolio-card__image--base{opacity:0}.portfolio-card--showcase .portfolio-card__link:focus-within .portfolio-card__photos img{transform:scale3d(var(--scale-hover-image), var(--scale-hover-image), 1)}@media (prefers-reduced-motion:reduce){.portfolio-card__media-cta,.portfolio-card--showcase .portfolio-card__photos img{transition:none}.portfolio-card--showcase .portfolio-card__link:focus-within .portfolio-card__image--hover{opacity:1}.portfolio-card--showcase.portfolio-card--has-hover .portfolio-card__link:focus-within .portfolio-card__image--base{opacity:0}.portfolio-card--showcase .portfolio-card__link:focus-within .portfolio-card__media-cta{opacity:1;transform:none}.portfolio-card--showcase .portfolio-card__link:focus-within .portfolio-card__photos img{transform:none}}