.directory-page{min-height:80vh;background:var(--paper-bright)}.directory-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-block:62px 34px}.directory-intro h1{margin:0;font-family:var(--serif);font-size:clamp(64px,10vw,142px);font-weight:var(--display-weight);letter-spacing:-.06em;line-height:.78}.directory-intro>p{width:min(100%,470px);margin:0;font-size:20px;line-height:1.4}.directory-empty,.directory-intro>p{color:var(--ink-soft);font-family:var(--serif)}.directory-empty{width:min(100%,680px);padding-block:20px 120px;font-size:22px;line-height:1.5}.directory-jump{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:30px}.directory-jump a{display:grid;min-width:34px;height:34px;padding-inline:6px;place-items:center;border:1px solid var(--rule);font-family:var(--mono);font-size:calc(10px + var(--mono-size-boost))}.directory-jump a:focus-visible,.directory-jump a:hover{border-color:var(--ink);background:var(--ink);color:var(--paper-bright)}.topic-directory{padding-bottom:96px}.topic-directory>section{padding-top:30px;border-top:1px solid var(--rule)}.topic-directory>section+section{margin-top:30px}.topic-directory h2{margin:0 0 16px;color:var(--ink-soft)}.topic-directory ul{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.topic-directory a{display:inline-flex;min-height:42px;padding:10px 16px;align-items:center;border:1px solid var(--rule);font-family:var(--mono);font-size:calc(10px + var(--mono-size-boost));letter-spacing:.05em;text-transform:uppercase;transition:background .18s,border-color .18s,color .18s}.topic-directory a:focus-visible,.topic-directory a:hover{border-color:var(--ink);background:var(--ink);color:var(--paper-bright)}.creator-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0 0 96px;border-top:1px solid var(--rule);border-left:1px solid var(--rule);list-style:none}.creator-directory>li{display:flex;min-width:0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.creator-directory a{display:flex;min-width:0;min-height:170px;flex:1;padding:22px 20px;flex-direction:column;gap:14px;transition:background .18s,color .18s}.creator-directory a:focus-visible,.creator-directory a:hover{background:var(--ink);color:var(--paper-bright)}.creator-directory img,.creator-directory-initial{width:68px;height:68px;flex:none;border-radius:50%;object-fit:cover}.creator-directory img{filter:grayscale(1)}.creator-directory-initial{display:grid;background:var(--paper-deep);color:var(--ink);place-items:center;font-family:var(--serif);font-size:26px}.creator-directory-name{font-family:var(--serif);font-size:clamp(20px,1.8vw,28px);font-weight:var(--display-weight);letter-spacing:-.03em;line-height:1;overflow-wrap:anywhere}.creator-directory-note{margin-top:auto;color:var(--ink-soft);font-size:12px;line-height:1.4}.creator-directory a:focus-visible .creator-directory-note,.creator-directory a:hover .creator-directory-note{color:inherit;opacity:.72}@media (max-width:1050px){.creator-directory{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.directory-intro{display:block;padding-block:42px 26px}.directory-intro h1{margin-bottom:26px}.creator-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-directory a{min-height:150px;padding:16px 14px}.creator-directory-note{display:none}}@media (max-width:460px){.creator-directory{grid-template-columns:minmax(0,1fr)}.creator-directory a{min-height:0;flex-direction:row;align-items:center}.creator-directory-name{margin:0}}