/* Page head — plain text page header (kicker + big title + lede) with an
   optional category-pill row. Used by Contact + Blog. Mobile-first (base). */
.page-head{padding:56px 0 40px}
.page-head .kicker{display:block;color:var(--accent-deep);margin-bottom:14px}
.page-head h1{font-family:var(--f-display);font-weight:800;font-size:clamp(44px,8vw,92px);letter-spacing:-0.04em;line-height:0.98;color:var(--ink)}
.page-head h1 .a{color:var(--accent)}
.page-head .lede{margin-top:22px;max-width:620px;color:var(--muted);font-size:17px;line-height:1.6}
.page-head .cats{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}
.page-head .cat-pill{display:inline-block;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 18px;font-size:13.5px;font-weight:500;color:var(--ink);text-decoration:none;transition:border-color .15s,color .15s}
.page-head .cat-pill:hover{border-color:var(--accent);color:var(--accent-deep)}

/* Statement lede variant — v2-statement typography (see assets/css/v2-statement.css
   .statement) reused for a bolder, bigger explanation line under the h1. Opt in
   per page-head instance via ledeStyle:"statement". */
.page-head .lede.lede-statement{font-family:var(--f-display);font-weight:600;font-size:28px;line-height:1.32;letter-spacing:-0.02em;max-width:1080px;color:var(--ink)}
.page-head .lede.lede-statement .dim{color:#97A0AB}