@layer components{.gallery-filter{--gallery-filter-fade:1.75rem;width:100%;min-width:0;margin-top:1.25rem;position:relative}.gallery-filter__track{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;flex-wrap:nowrap;align-items:center;gap:.5rem;width:100%;padding-bottom:.15rem;display:flex;overflow:auto hidden}.gallery-filter__track::-webkit-scrollbar{display:none}.gallery-filter__fade{width:var(--gallery-filter-fade);z-index:1;pointer-events:none;opacity:0;transition:opacity .22s;display:block;position:absolute;top:0;bottom:.15rem}.gallery-filter__fade--left{background:linear-gradient(to right, var(--color-bg) 0%, color-mix(in srgb, var(--color-bg) 78%, transparent) 52%, transparent 100%);left:0}.gallery-filter__fade--right{background:linear-gradient(to left, var(--color-bg) 0%, color-mix(in srgb, var(--color-bg) 78%, transparent) 52%, transparent 100%);right:0}.gallery-filter[data-fade-left=true] .gallery-filter__fade--left,.gallery-filter[data-fade-right=true] .gallery-filter__fade--right{opacity:1}.gallery-filter__pill{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-text) 8%, transparent);cursor:pointer;color:color-mix(in srgb, var(--color-text) 62%, transparent);font-family:var(--font-sans);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;border:0;flex:none;margin:0;padding:.45rem .95rem;font-size:.8125rem;font-weight:500;line-height:1;transition:color .2s,background-color .2s}.gallery-filter__pill:hover{color:var(--color-text);background:color-mix(in srgb, var(--color-text) 12%, transparent)}.gallery-filter__pill.is-active{color:var(--color-bg);background:var(--color-text)}@media (width>=768px){.gallery-filter{margin-top:1.5rem}.gallery-filter__pill{padding:.5rem 1.1rem;font-size:.875rem}}@media (width>=1000px){.gallery-filter__fade{display:none}}.works-view-toggle.segmented-switch{--segmented-switch-fg:var(--color-text);--segmented-switch-thumb:var(--color-bg);--segmented-switch-track:color-mix(in srgb, var(--color-text) 8%, transparent)}.works-view-toggle__btn{letter-spacing:normal;padding:.45rem .75rem;font-size:.6875rem}.works-view-toggle__btn:disabled{cursor:wait;opacity:.65}.works-page-intro__toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-top:1.25rem;display:flex}.works-page-intro__toolbar .gallery-filter{flex:14rem;min-width:0;margin-top:0}.works-page{color:var(--color-text);background:0 0;padding-top:clamp(5.5rem,13vh,7rem);padding-bottom:8rem;position:relative}.works-page__panels{grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.works-page__panel{grid-area:1/1;min-width:0}.works-page__panels.is-transitioning .works-page__panel{will-change:opacity, transform;display:block}.works-page__panel[hidden]{display:none}.works-page__panels.is-transitioning .works-page__panel[hidden]{visibility:visible;pointer-events:none;display:block}.works-page__panels.is-transitioning .works-page__panel:not([hidden]){pointer-events:auto}@media (prefers-reduced-motion:reduce){.works-page__panel{will-change:auto}}}