.eyebrow{margin-bottom:20px;}

/* ---------- page head ---------- */
.dir-hero{padding:64px 0 8px;text-align:center;}
.dir-hero h1{font-size:clamp(30px,4.2vw,42px);letter-spacing:-0.015em;}
.dir-hero p{margin-top:14px;color:var(--text-dim);font-size:15.5px;max-width:46ch;margin-left:auto;margin-right:auto;}

/* ---------- directory grid ---------- */
.dir-section{padding:48px 0 96px;}
.dir-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));
  gap:18px;
}

#dirLoadMore{display:flex;justify-content:center;padding:36px 0 0;}
.dir-loading{font-family:var(--font-mono);font-size:13px;color:var(--text-faint);}
.dir-load-more-btn{
  background:var(--surface);border:1px solid var(--line);color:var(--text);
  font-family:var(--font-body);font-weight:600;font-size:14px;
  padding:11px 24px;border-radius:999px;cursor:pointer;
  transition:border-color .15s ease;
}
.dir-load-more-btn:hover{border-color:var(--accent);}

.dir-card{
  display:block;text-decoration:none;color:inherit;
  background:var(--surface);border:1px solid var(--line);
  border-radius:16px;padding:22px;
  transition:border-color .15s ease, transform .15s ease;
}
.dir-card:hover{border-color:var(--accent);transform:translateY(-3px);}

.dir-card-head{display:flex;align-items:center;gap:14px;}
.dir-avatar{
  width:56px;height:56px;flex:none;
  border:1px solid var(--line);
  clip-path:path('M9,0 L32,0 L56,25 L56,47 A9,9 0 0 1 47,56 L9,56 A9,9 0 0 1 0,47 L0,9 A9,9 0 0 1 9,0 Z');
  background:#141414 center/cover no-repeat;
}
.dir-name-row{display:flex;align-items:center;gap:6px;}
.dir-name{font-family:var(--font-display);font-weight:700;font-size:16px;}
.dir-handle{font-family:var(--font-mono);font-size:12px;color:var(--text-faint);margin-top:3px;}

.dir-bio{margin-top:16px;font-size:13.5px;color:var(--text-dim);line-height:1.55;}

.dir-meta{
  margin-top:16px;display:flex;align-items:center;gap:6px;
  font-family:var(--font-mono);font-size:11.5px;color:var(--text-faint);
}
.dir-meta svg{width:12px;height:12px;color:var(--text-faint);}

.dir-cta{
  margin-top:18px;display:flex;align-items:center;gap:6px;
  font-size:13px;font-weight:600;color:var(--accent);
}
.dir-cta svg{width:13px;height:13px;}