/* ─── Page-scoped overrides ─────────────────────────────────────────── */

/* main is the relative container for glow positioning */
.page-creators .creators-main {
  position: relative;
  /* overflow-x: clip so .page-glow--top can bleed above main into the header area. */
  overflow-x: clip;
}

/* Container: max 1216 (matches Figma Frame 95 width).
   page-shell provides the single 16px mobile gutter → container is 0 horizontal
   to avoid the double-gutter. Desktop restores horizontal padding via @1024. */
.page-creators .creators-container {
  max-width: 1248px; /* 1216 list + 16 gutter each side */
  margin: 0 auto;
  padding: 24px 0 80px;
  position: relative;
  z-index: 1;
}

/* H1 "Creators" — Figma y=136, font 36/48 weight 600, letter-spacing -0.72 */
.page-creators .creators-h1 {
  font-family: 'Nationale', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -0.56px;
  color: rgb(var(--color-lead));
  margin: 0 0 24px 0;
}

/* Show-more wrapper — centered below list, 24px above */
.page-creators .show-more-wrap {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  width: 100%;
}

/* btn-show-more is full-width by default (mobile); on desktop, intrinsic 149px width per Figma */
@media (min-width: 1024px) {
  .page-creators .creators-container {
    /* restore the 16px horizontal gutter desktop relied on (was carried by the
       old mobile shorthand; mobile now uses page-shell's single gutter) */
    padding: 40px 16px 120px;
  }
  .page-creators .creators-h1 {
    font-size: 36px;
    line-height: 48px;
    letter-spacing: -0.72px;
    /* Figma h1 at x=120; container content starts at x=112 → 8px indent.
       Figma h1 ends at y=184, list at y=208 → 24px gap. */
    margin: 0 0 24px 8px;
  }
  .page-creators .show-more-wrap .btn-show-more {
    width: auto;
    min-width: 149px;
  }
}