.filters.svelte-12cvu6f{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:0;margin-bottom:clamp(2rem,4vw,3rem)}.filters.svelte-12cvu6f button:where(.svelte-12cvu6f){position:relative;padding:.875rem 1.5rem;background:transparent;border:none;font-family:var(--font-sans);font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--charcoal);cursor:pointer;transition:background var(--transition),color var(--transition);white-space:nowrap}.filters.svelte-12cvu6f button:where(.svelte-12cvu6f):after{content:"";position:absolute;bottom:.35rem;left:50%;transform:translate(-50%);width:min(100%,6rem);height:1px;background:var(--charcoal);opacity:.2;transition:opacity var(--transition)}.filters.svelte-12cvu6f button:where(.svelte-12cvu6f):hover{color:var(--green-deep)}.filters.svelte-12cvu6f button.active:where(.svelte-12cvu6f){background:var(--green-deep);color:var(--white)}.filters.svelte-12cvu6f button.active:where(.svelte-12cvu6f):after{opacity:0}.grid.svelte-12cvu6f{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.grid.naka.svelte-12cvu6f{grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.grid.naka.svelte-12cvu6f{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.grid.naka.svelte-12cvu6f{grid-template-columns:repeat(3,1fr);gap:1.125rem}}.grid-item.svelte-12cvu6f{padding:0;border:none;cursor:pointer;aspect-ratio:4 / 3;overflow:hidden;background:#e8e8e8}.grid.svelte-12cvu6f:not(.naka) .grid-item:where(.svelte-12cvu6f){aspect-ratio:1}.grid-item.svelte-12cvu6f img:where(.svelte-12cvu6f){width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.grid-item.svelte-12cvu6f:hover img:where(.svelte-12cvu6f){transform:scale(1.04)}.empty.svelte-12cvu6f{text-align:center;color:var(--charcoal-muted);font-size:.9375rem;padding-block:3rem}.lightbox.svelte-12cvu6f{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:2rem}.lightbox.svelte-12cvu6f img:where(.svelte-12cvu6f){max-width:100%;max-height:90vh;object-fit:contain}.close.svelte-12cvu6f{position:absolute;top:1rem;right:1.5rem;background:none;border:none;color:var(--white);font-size:2.5rem;cursor:pointer;line-height:1}