.directory{background:var(--surface-page);max-width:var(--container-2xl);padding:var(--space-12) var(--space-6) var(--space-20);gap:var(--space-8);flex-direction:column;margin-inline:auto;display:flex}.directory__hero{max-width:var(--container-xl)}.directory__title{font-size:var(--h1-size);line-height:var(--leading-tight);font-weight:var(--heading-weight);color:var(--text-strong);margin:0 0 var(--space-3)}.directory__subcopy{font-size:var(--text-lg);color:var(--text-muted);max-width:60ch;margin:0}.directory__facets{gap:var(--space-6);flex-wrap:wrap;align-items:end;display:flex}.directory__facets>*{flex:14rem;min-width:12rem}.directory__main{gap:var(--space-8);flex-direction:column;display:flex}.directory__grid{gap:var(--gutter);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));margin:0;padding:0;list-style:none;display:grid}.directory__grid-item{display:flex}.directory__grid-item>*{width:100%}.directory__empty{text-align:center;padding:var(--space-16) var(--space-6);background:var(--surface-card);border-radius:var(--radius-lg)}.directory__empty-title{font-size:var(--text-4xl);font-weight:var(--heading-weight);color:var(--text-strong);margin:0 0 var(--space-3)}.directory__empty-body{font-size:var(--text-lg);color:var(--text-muted);max-width:48ch;margin-inline:auto}.directory__pagination{justify-content:center;align-items:center;gap:var(--space-6);display:flex}.directory__page-link{min-height:44px;padding-inline:var(--space-5);border-radius:var(--radius-md);color:var(--text-link);font-weight:var(--weight-semibold);align-items:center;text-decoration:none;display:inline-flex}.directory__page-link--disabled{color:var(--text-muted);pointer-events:none}.directory__page-status{color:var(--text-muted)}.directory__join{align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-6);text-align:center;flex-direction:column;display:flex}.directory__join-line{font-size:var(--text-lg);color:var(--text-strong);margin:0}.directory__join-cta{text-decoration:none}