.directory-page{padding:clamp(2.5rem,5vw,4.5rem) 0 2rem}.directory-page [hidden],.directory-dialog [hidden]{display:none!important}.directory-page *,.directory-dialog *{min-width:0}.directory-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:3rem;padding-bottom:2.75rem}.public-site .directory-intro:before{display:none}.directory-art{position:relative;display:block;height:280px;overflow:hidden;border-radius:20px;border:1px solid var(--border-subtle)}.directory-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}.directory-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0b0c10,transparent 40%)}.directory-intro .page-eyebrow{margin:0 0 1rem}.directory-intro h1{font-family:var(--font-display);font-size:clamp(2.7rem,5.2vw,4.8rem);font-weight:400;line-height:1.02;letter-spacing:.025em;margin:0}.directory-intro h1 span{color:#ff5b2e}.directory-welcome{padding-top:1.5rem;padding-bottom:.25rem}.directory-welcome p{margin:0 0 1.25rem;max-width:38ch;line-height:1.7;color:var(--muted)}.directory-welcome a{display:inline-flex;align-items:center;gap:1rem;min-height:44px}.directory-welcome .button{max-width:100%;white-space:normal;text-align:center}.directory-welcome a.button:hover{color:#0b0c10}.directory-tools{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(0,1fr);gap:1.25rem;padding:1.5rem;border:1px solid var(--border-subtle);border-radius:20px;background:var(--soot)}.directory-tools label{display:block;margin-bottom:.65rem;color:var(--muted);font-size:.6875rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.directory-tools input,.directory-tools select{width:100%;min-height:50px;padding:.75rem 1rem;border:1px solid var(--border-strong);border-radius:12px;background:var(--night);color:var(--text);font-size:.9375rem;color-scheme:dark}.directory-tools input::placeholder{color:var(--muted);opacity:.85}.directory-search-wrap{position:relative}.directory-search-wrap svg{position:absolute;top:15px;left:1rem;color:var(--muted);pointer-events:none}.directory-search-wrap input{padding-left:3rem}.directory-results-heading{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;justify-content:space-between;margin:2.5rem 0 1.25rem;scroll-margin-top:7rem}.directory-results-heading h2{font-size:1.125rem;font-weight:600;margin:0}.directory-results-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.directory-results-meta p{margin:0;font-size:.875rem;color:var(--muted);font-variant-numeric:tabular-nums}.directory-reset{display:inline-flex;align-items:center;gap:.75rem;min-height:44px;color:var(--gold);font-size:.875rem;cursor:pointer}.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.directory-card{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem;border-radius:20px;border:1px solid var(--border-subtle);background:#14151bdb;overflow-wrap:anywhere}.directory-card .directory-profile-link:after{content:"";position:absolute;inset:0;z-index:1;border-radius:20px}.directory-card .directory-discord-link,.directory-card .directory-secondary-actions :is(a,button){position:relative;z-index:2}.directory-card:has(.directory-profile-link:focus-visible){outline:2px solid var(--ember);outline-offset:4px}.directory-card:focus-within{border-color:#f5b45773}.directory-card-header{display:flex;align-items:center;gap:1.25rem}.directory-logo{display:grid;place-items:center;flex:0 0 80px;width:80px;height:80px;padding:.5rem;border:1px solid var(--border-strong);border-radius:18px;background:var(--night)}.directory-logo img{width:100%;height:100%;object-fit:contain;border-radius:10px}.directory-card h3{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;line-height:1.25;letter-spacing:-.025em;margin:0;text-wrap:balance}.directory-card h3 a:hover{color:var(--gold)}.directory-tags{display:flex;flex-wrap:wrap;gap:.35rem .75rem;margin:.6rem 0 0;padding:0;list-style:none}.directory-tags li{font-size:.8125rem;line-height:1.4;color:var(--gold)}.directory-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:var(--muted);font-size:.9375rem;line-height:1.7}.directory-card-footer{margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--border-subtle)}.directory-card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem}.directory-profile-link{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;min-height:44px;padding:.7rem 1.25rem;border:1px solid var(--control-border);border-radius:999px;background:transparent;color:var(--text);font-size:.875rem;font-weight:600;cursor:pointer}.directory-profile-link:hover{background:var(--night);border-color:var(--gold)}.directory-profile-link:active{background:var(--soot)}.directory-discord-link{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;font-size:.875rem;color:var(--text)}.directory-discord-link:hover,.directory-secondary-actions :is(a,button):hover{color:var(--gold);text-decoration:underline;text-underline-offset:.3em}.directory-secondary-actions{display:flex;flex-wrap:wrap;gap:0 1.25rem;padding-top:.65rem;min-height:calc(44px + .65rem)}.directory-secondary-actions :is(a,button){display:inline-flex;align-items:center;gap:.35rem;min-height:44px;font-size:.8125rem;color:var(--muted);cursor:pointer}.directory-empty{text-align:center;padding:3rem 1.5rem;border:1px dashed var(--border-strong);border-radius:20px}.directory-empty h3{font-size:1.5rem;line-height:1.3;margin:0}.directory-empty p{margin:.75rem 0 1.5rem;line-height:1.6;color:var(--muted)}.directory-create{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:3rem;padding:2rem 0;border-block:1px solid var(--border-strong)}.directory-create h2{font-family:var(--font-display);font-size:2.25rem;margin:0 0 .5rem}.directory-create p:not(.page-eyebrow){max-width:60ch;margin:0;line-height:1.6;color:var(--muted)}.directory-create .button{flex-shrink:0;gap:.75rem}.directory-dialog{width:min(460px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:1.5rem;margin:auto;border:1px solid var(--border-strong);border-radius:24px;background:var(--night);color:var(--text);overflow:auto;box-shadow:var(--shadow-strong)}.directory-dialog::backdrop{background:#040508cc;backdrop-filter:blur(8px)}.directory-dialog header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.directory-dialog h2{font-size:1.125rem;font-weight:600;line-height:1.4;margin:0;overflow-wrap:anywhere}.directory-dialog-close{flex:0 0 44px;width:44px;height:44px;font-size:1.75rem;cursor:pointer;border:1px solid var(--border-strong);border-radius:50%}.directory-dialog-close:hover{color:var(--gold)}.directory-dialog p{font-size:.875rem;color:var(--muted);line-height:1.6;margin:1rem 0}.directory-dialog iframe{width:100%;height:min(420px,50dvh);border:0;border-radius:12px;background:var(--soot)}.directory-dialog .directory-profile-link{margin-top:1rem}html:has(.directory-dialog[open]){overflow:hidden}.directory-page :is(a,button,input,select):focus-visible,.directory-dialog :is(a,button,iframe):focus-visible{outline:2px solid var(--ember);outline-offset:4px}@media(prefers-reduced-motion:no-preference){.directory-card{transition:border-color .2s ease,transform .2s ease}.directory-profile-link{transition:background .2s ease,border-color .2s ease}@media(hover:hover){.directory-card:hover{border-color:var(--border-strong);transform:translateY(-3px)}}}@media(max-width:1000px){.directory-intro{grid-template-columns:1fr;gap:1.5rem}.directory-art{height:180px}.directory-welcome p{max-width:60ch;margin-bottom:.5rem}.directory-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-search-field{grid-column:1 / -1}}@media(max-width:700px){.directory-grid{grid-template-columns:1fr}.directory-card{padding:1.25rem}.directory-card-header{gap:1rem}.directory-logo{flex-basis:64px;width:64px;height:64px;border-radius:16px}.directory-intro{padding-bottom:1.75rem}.directory-intro h1{font-size:clamp(2.5rem,8vw,3.5rem)}.directory-tools{padding:1rem;gap:1rem}.directory-tools select{font-size:.875rem;padding-inline:.5rem}.directory-tools input{font-size:1rem}.directory-results-heading{margin-top:1.75rem}.directory-create{align-items:start;flex-direction:column}.directory-create .button{white-space:normal}}@media(prefers-reduced-motion:reduce){.directory-page *,.directory-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:600px){.directory-intro{gap:1rem;padding-bottom:1.5rem}.directory-intro .page-eyebrow{margin-bottom:.75rem}.directory-welcome{padding-top:1rem}.directory-welcome p{font-size:1rem}.directory-art{height:112px}.directory-card-actions{align-items:stretch}.directory-profile-link{gap:.75rem}}