.works-filter-nav__group{align-items:center;min-width:0;display:flex;position:relative}.works-filter-nav__group[data-filter-dropdown=year]{margin-left:auto}.works-filter-nav__group.is-open{z-index:2}.works-filter-nav__group.is-open .works-filter-nav__trigger{color:var(--color-primary);border-color:var(--color-primary);background-color:var(--color-primary-soft-bg)}.works-filter-nav__trigger{min-width:0;min-height:var(--chrome-dock-control-visual-min-height);display:flex}@media (max-width:992px){.works-filter-nav__trigger{min-height:max(var(--chrome-dock-control-touch-min-height), var(--chrome-dock-control-visual-min-height))}}.works-filter-nav__arrow{width:var(--drop-arrow-size);height:var(--drop-arrow-size);transition:transform var(--dropdown-arrow-duration) var(--dropdown-arrow-ease);flex-shrink:0;line-height:1;display:inline-block;transform:rotate(180deg)}.works-filter-nav__arrow:before{content:"↑";font-feature-settings:"cv01";line-height:1;display:block}.works-filter-nav__group.is-open .works-filter-nav__arrow{transform:rotate(0)}.works-filter-nav__menu{top:calc(100% + var(--dropdown-menu-offset));z-index:10001;gap:var(--dropdown-menu-gap);width:-webkit-max-content;width:max-content;min-width:100%;max-height:min(62vh,26rem);padding:var(--dropdown-menu-padding);border:1px solid var(--color-ink-border-50);border-radius:var(--dropdown-panel-radius-works-filter);background:var(--color-bg);box-shadow:var(--dropdown-menu-shadow);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dropdown-menu-transition-duration) var(--ease-out), visibility 0s linear var(--dropdown-menu-transition-duration), transform var(--dropdown-menu-transition-duration) var(--ease-out);flex-direction:column;display:flex;position:absolute;left:0;overflow-y:auto;transform:translateY(-4px)}.works-filter-nav__group[data-filter-dropdown=year] .works-filter-nav__menu{left:auto;right:0}.works-filter-nav__group.is-open .works-filter-nav__menu{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--dropdown-menu-transition-duration) var(--ease-out), visibility 0s, transform var(--dropdown-menu-transition-duration) var(--ease-out);transform:none}.works-filter-nav__option{text-align:left;cursor:pointer;width:100%;font:inherit;font-size:var(--text-sm);padding:var(--dropdown-pill-row-pad-y) var(--dropdown-pill-row-pad-x);border-radius:var(--dropdown-option-radius-works-filter);color:var(--color-ink);white-space:normal;overflow-wrap:anywhere;transition:background-color var(--dropdown-menu-hover-duration) var(--ease-out), color var(--dropdown-menu-hover-duration) var(--ease-out);background-color:transparent;min-height:2.25rem;margin:0;line-height:1.25;display:block;border:0!important}.works-filter-nav__option--active{background-color:var(--color-primary);color:var(--color-bg)}@media (hover:hover){.works-filter-nav__option:hover{background-color:var(--color-primary);color:var(--color-bg)}}.works-filter-nav__option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:992px){.works-filter-nav__arrow{transform:rotate(0)}.works-filter-nav__group.is-open .works-filter-nav__arrow{transform:rotate(180deg)}.works-filter-nav__menu{top:auto;bottom:calc(100% + 6px)}}@media (prefers-reduced-motion:reduce){.works-filter-nav__trigger,.works-filter-nav__arrow,.works-filter-nav__menu{transition-duration:.01ms!important}}.works-portfolio-grid__empty{font-size:var(--text-sm);color:var(--color-ink-60);max-width:52ch;margin:.6rem 0 0}