/* ---- Hemline global typography reset (unify across pages) ---- */
:root{
  --hm-font: system-ui,-apple-system,"Segoe UI",Roboto,Inter,Arial,sans-serif;
  --hm-text:#111827;
  --hm-muted:#6b7280;
}

/* Base */
html, body {
  font-family: var(--hm-font);
  color: var(--hm-text);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Make everything inherit (kills stray serif fallbacks) */
*, *::before, *::after { font-family: inherit; }

/* Headings (friendly, not shouty) */
h1, h2, h3 { font-weight: 800; letter-spacing: -0.01em; }
h1 { font-size: clamp(28px, 3.2vw, 36px); line-height: 1.2; }
h2 { font-size: clamp(20px, 2.2vw, 24px); line-height: 1.25; }
h3 { font-size: 18px; line-height: 1.3; }

/* Body text + small */
p, li { font-size: 16px; }
.small, small { color: var(--hm-muted); font-size: 13px; }

/* Header & footer explicitly inherit */
.hm-header, .hm-header * { font-family: inherit; }
.hm-footer, .hm-footer * { font-family: inherit; }

/* Form controls/buttons match text */
input, select, textarea, button { font: inherit; }

/* Emphasis style used on About */
strong { font-weight: 800; }
em { font-style: italic; color: var(--hm-muted); }
/* Unify footer typography with the site */
:root{ --hm-font: system-ui,-apple-system,"Segoe UI",Roboto,Inter,Arial,sans-serif; }

.hm-footer,
.hm-footer * {
  font-family: var(--hm-font) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}