.filter-panel{flex-direction:column;flex-shrink:0;gap:1.5rem;width:260px;display:none}@media only screen and (min-width:1200px){.filter-panel{max-height:calc(100vh - 80px - 2rem);display:flex;position:sticky;top:calc(80px + 1.5rem);overflow-y:auto}}.filter-panel.is-open{z-index:500;background-color:var(--color-bg-surface);width:100%;max-height:80vh;box-shadow:var(--shadow-xl);border-radius:.75rem .75rem 0 0;padding:1.5rem;animation:.3s filter-slide-up;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.filter-panel__overlay{z-index:calc(500 - 1);top:0;bottom:0;left:0;right:0;background-color:#00000080;position:fixed;top:0;bottom:0;left:0;right:0}.filter-panel__header{justify-content:space-between;align-items:center;display:flex}.filter-panel__title{font-family:var(--font-heading,Cormorant Garamond,Georgia,serif);color:var(--color-text-primary);font-size:1.125rem;font-weight:700}.filter-panel__close{width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;display:flex}@media only screen and (min-width:1200px){.filter-panel__close{display:none}}.filter-panel__section{flex-direction:column;gap:.5rem;display:flex}.filter-panel__section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-size:.875rem;font-weight:600}.filter-panel__select{border:2px solid var(--color-border-default);width:100%;color:var(--color-text-primary);background-color:var(--color-bg-surface);border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:border-color .3s ease-in-out}.filter-panel__select:focus{outline:2px solid var(--color-interactive-default);outline-offset:-2px;border-color:var(--color-interactive-default)}.filter-panel__chips{flex-wrap:wrap;gap:.25rem;display:flex}.filter-panel__chip{border:1px solid var(--color-border-default);text-transform:capitalize;color:var(--color-text-secondary);cursor:pointer;border-radius:9999px;padding:.25rem 1rem;font-size:.75rem;transition:background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out,transform .3s ease-in-out}:is(.filter-panel__chip:hover,.filter-panel__chip:active,.filter-panel__chip:focus-visible){color:var(--color-interactive-default);border-color:var(--color-interactive-default)}.filter-panel__chip:active{transform:scale(.93)}.filter-panel__chip.is-active{color:var(--color-text-inverse);background-color:var(--color-interactive-default);border-color:var(--color-interactive-default);animation:.3s cubic-bezier(.16,1,.3,1) chip-pop}.filter-panel__footer{border-top:1px solid var(--color-border-default);padding-top:1rem}@keyframes filter-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}