.directory-shell{--directory-filter-width:17.5rem;--directory-filter-gap:2.5rem;--directory-motion-duration:.25s;--directory-motion-easing:cubic-bezier(.2, 0, 0, 1);position:relative}.directory-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:1.5rem;display:flex}.directory-toolbar__summary{align-items:center;gap:.75rem;min-width:0;display:flex}.directory-filter-trigger{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);min-height:2.25rem;color:var(--foreground);font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;align-items:center;gap:.5rem;padding-inline:.75rem;font-size:.75rem;font-weight:500;display:inline-flex}.directory-filter-trigger:hover,.directory-filter-trigger[aria-expanded=true]{border-color:var(--foreground)}.directory-result-count{color:var(--muted-foreground);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:600}.directory-layout{display:block}.directory-filter-slot{z-index:50;background:var(--background);border-inline-end:1px solid var(--border);width:min(24rem,100vw - 2rem);transition:transform var(--directory-motion-duration) var(--directory-motion-easing), visibility 0s linear var(--directory-motion-duration);pointer-events:none;visibility:hidden;position:fixed;inset-block:0;inset-inline-start:0;overflow:hidden auto;transform:translate(-100%)}.directory-shell[data-filter-open=true] .directory-filter-slot{pointer-events:auto;visibility:visible;transition-delay:0s;transform:translate(0)}.directory-filter-panel{width:100%;min-height:100%;padding:1.5rem}.directory-filter-panel__header{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:2rem;display:flex}.directory-filter-panel__title{margin:0;font-size:1.25rem;font-weight:600}.directory-filter-panel__close{min-height:2.5rem;color:var(--foreground);font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;font-size:.75rem}.directory-backdrop{z-index:40;background:color-mix(in oklch, var(--foreground) 40%, transparent);opacity:0;transition:opacity var(--directory-motion-duration) var(--directory-motion-easing), visibility 0s linear var(--directory-motion-duration);pointer-events:none;visibility:hidden;border:0;padding:0;position:fixed;inset:0}.directory-shell[data-filter-open=true] .directory-backdrop{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}.directory-results{min-width:0;container:directory-results/inline-size}.directory-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}@container directory-results (min-width:52rem){.directory-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}@media (min-width:1024px){.directory-layout{transition:column-gap var(--directory-motion-duration) var(--directory-motion-easing);align-items:flex-start;column-gap:0;display:flex}.directory-filter-slot{z-index:auto;width:0;height:auto;max-height:none;transition:flex-basis var(--directory-motion-duration) var(--directory-motion-easing), width var(--directory-motion-duration) var(--directory-motion-easing), visibility 0s linear var(--directory-motion-duration);pointer-events:none;visibility:hidden;background:0 0;border:0;flex:0 0 0;position:relative;inset:auto;overflow:hidden;transform:none}.directory-filter-panel{width:var(--directory-filter-width);min-height:0;padding:0}.directory-filter-panel__header{display:none}.directory-shell[data-filter-open=true] .directory-layout{column-gap:var(--directory-filter-gap)}.directory-shell[data-filter-open=true] .directory-filter-slot{flex-basis:var(--directory-filter-width);width:var(--directory-filter-width);pointer-events:auto;visibility:visible;transition-delay:0s}.directory-backdrop{display:none}.directory-results{flex:auto;width:100%}}@media (min-width:1280px){.directory-shell{--directory-filter-width:20.625rem;--directory-filter-gap:3rem}}@media (prefers-reduced-motion:reduce){.directory-layout,.directory-filter-slot,.directory-backdrop{transition-duration:.01ms}}