/* Page styles for index.html.
   Extracted from the inline <style> blocks on 2026-09-11, byte for byte and in
   the same order, and linked from the same position in the head. The cascade is
   unchanged; what changed is that the CSS is now a file the browser can cache
   and a person can read. */

.namesgrid{ padding-top:var(--sp-3); padding-bottom:var(--sp-2); }
      .namesgrid .eyebrow{ margin-bottom:clamp(22px,3vw,36px); }
      /* names as a bold statement, tight flow (like the comma version, no comma):
         stacked on mobile, ~3-per-row packed left on desktop */
      .namesgrid__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:clamp(6px,1vw,12px); }
      @media(min-width:720px){ .namesgrid__list{ flex-direction:row; flex-wrap:wrap; column-gap:.7em; row-gap:clamp(8px,1vw,14px); } }
      .namesgrid__list li{ font-size:clamp(1.55rem,3vw,2.4rem); font-weight:600; letter-spacing:-.02em; line-height:1.12; color:var(--ink); }