@charset "UTF-8";.project-grid{--project-grid-headline-offset: 28.6875rem;--project-grid-measure: 50.125rem;--project-grid-row: clamp(20rem, 31.94vw, 28.75rem);display:grid;gap:var(--space-5xl);justify-items:center;padding-block:var(--space-5xl);padding-inline:max(clamp(var(--space-lg),5vw,var(--layout-gutter)),(100% - var(--layout-max-width)) / 2)}.project-grid__intro{display:grid;gap:var(--space-md);justify-self:stretch}.project-grid__label{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);text-transform:uppercase}.project-grid__headline{max-width:var(--project-grid-measure);margin:0;font-size:clamp(1.75rem,1rem + 2.1vw,var(--font-size-3xl));line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-tight)}.project-grid__filters{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-self:stretch}.project-grid__filters[hidden]{display:none}.project-grid__status{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);white-space:nowrap}.project-grid__items{display:grid;gap:var(--space-md);grid-auto-rows:var(--project-grid-row);justify-self:stretch;margin:0;padding:0;list-style:none}.project-grid__filters+.project-grid__items{margin-block-start:calc(var(--space-3xl) - var(--space-5xl))}.project-grid__item{min-width:0}.project-grid__item[hidden]{display:none}.project-grid__card{position:relative;height:100%;margin:0;overflow:hidden;isolation:isolate;color:var(--color-text-inverse)}.project-grid__card:after{position:absolute;z-index:1;inset:0;background:linear-gradient(to bottom,var(--color-scrim-transparent) 61.09%,var(--color-scrim) 91.2%);content:"";pointer-events:none}.project-grid__image{width:100%;height:100%;object-fit:cover;transition:scale var(--motion-slow) var(--motion-ease-out)}.project-grid__card[data-parallax] .project-grid__image{transform:translate3d(0,calc(var(--parallax, 0) * -10%),0) scale(1.3);will-change:transform}.project-grid__caption{position:absolute;z-index:2;inset:auto var(--space-lg) var(--space-xl) var(--space-lg);display:grid;gap:var(--space-xs)}.project-grid__name{margin:0;font-size:var(--font-size-xl);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-tight)}.project-grid__link{color:inherit;text-decoration:none}.project-grid__link:after{position:absolute;z-index:3;inset:-100vh calc(var(--space-lg) * -1) calc(var(--space-xl) * -1);content:""}.project-grid__place{margin:0;color:var(--color-text-inverse-muted);font-size:var(--font-size-base);line-height:var(--line-height-tight)}.project-grid__cta,.project-grid__filter{display:inline-flex;align-items:center;justify-content:center;min-height:3.5rem;padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-sm);background:var(--color-surface-inverse);color:var(--color-text-inverse);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);text-decoration:none;transition:background-color var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out),color var(--motion-fast) var(--motion-ease-out)}.project-grid__cta:hover,.project-grid__cta:focus-visible{background:none;color:var(--color-text);box-shadow:inset 0 0 0 var(--border-width-hairline) currentcolor}.project-grid__filter{appearance:none;border:0;font-family:inherit;cursor:pointer}.project-grid__filter[aria-pressed=false]{background:none;color:var(--color-text);box-shadow:inset 0 0 0 var(--border-width-hairline) currentcolor}.project-grid__filter[aria-pressed=false]:hover,.project-grid__filter[aria-pressed=false]:focus-visible{background:var(--color-surface-inverse);color:var(--color-text-inverse);box-shadow:none}.project-grid__card:hover .project-grid__image,.project-grid__card:focus-within .project-grid__image{scale:1.04}.project-grid :is(a,button):focus-visible{outline:var(--focus-ring-width) solid var(--color-text);outline-offset:var(--focus-ring-width)}@media(min-width:36rem){.project-grid__items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.project-grid__items{grid-template-columns:repeat(4,minmax(0,1fr))}.project-grid__item:nth-child(6n+1),.project-grid__item:nth-child(6n+5){grid-column:span 2}.project-grid__items[data-filtering] .project-grid__item{grid-column:auto}.project-grid__items[data-filtering] .project-grid__item[data-wide]{grid-column:span 2}.project-grid__intro{grid-template-columns:var(--project-grid-headline-offset) minmax(0,1fr);align-items:start;gap:0}.project-grid__label{padding-block-start:var(--space-md)}}.project-grid[data-reveal] .project-grid__label,.project-grid[data-reveal] .project-grid__filter,.project-grid[data-reveal] .project-grid__cta,.project-grid[data-reveal] .project-grid__item{opacity:0}.project-grid[data-reveal=in] .project-grid__label{animation:project-grid-rise var(--motion-base) var(--motion-ease-out) both}.project-grid[data-reveal=in] .project-grid__filter{animation:project-grid-rise var(--motion-fast) var(--motion-ease-out) both}.project-grid[data-reveal=in] .project-grid__filter:nth-child(1){animation-delay:90ms}.project-grid[data-reveal=in] .project-grid__filter:nth-child(2){animation-delay:135ms}.project-grid[data-reveal=in] .project-grid__filter:nth-child(3){animation-delay:.18s}.project-grid[data-reveal=in] .project-grid__filter:nth-child(4){animation-delay:225ms}.project-grid[data-reveal=in] .project-grid__filter:nth-child(5){animation-delay:.27s}.project-grid[data-reveal=in] .project-grid__filter:nth-child(6){animation-delay:315ms}.project-grid[data-reveal=in] .project-grid__filter:nth-child(7){animation-delay:.36s}.project-grid[data-reveal=in] .project-grid__filter:nth-child(8){animation-delay:405ms}.project-grid[data-reveal=in] .project-grid__cta{animation:project-grid-rise var(--motion-base) var(--motion-ease-out) .5s both}.project-grid__item[data-reveal=in]{animation:project-grid-rise var(--motion-base) var(--motion-ease-out) var(--project-grid-enter-delay, 0ms) both}.project-grid__item[data-settle]{animation:project-grid-settle var(--motion-fast) var(--motion-ease-out) both}@keyframes project-grid-rise{0%{translate:0 var(--space-lg);opacity:0}to{translate:0 0;opacity:1}}@keyframes project-grid-settle{0%{scale:.97;opacity:0}to{scale:1;opacity:1}}