/* ─────────────────────────────────────────────────────────────────────────
   System-UI font across the whole site (all text → system-ui).

   Specificity is deliberately raised with :not(#nonexistent) ID hacks so this
   beats both Webflow's own (often !important) font rules AND the custom
   hk-design.css layer on the home — without changing what the selector matches.

   - Leaves the Webflow icon font ([class*="w-icon"]) untouched so icons render.
   - Re-declares the brand font on the home's animated (reveal-text / GSAP)
     headings + their split children, at an even higher specificity, so those
     animations keep their original typography.
   ───────────────────────────────────────────────────────────────────────── */

html body :not(#zz1):not([class*='w-icon']) {
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

/* Keep animated text (home) in the brand font — one extra ID hack so it outranks
   the base rule above. Listed with descendants for reveal-text's split spans. */
html body :not(#zz1):not(#zz2):is(
  .hero-title, .hero-texts,
  .section-heading-1, .section-1-title,
  .section-2-text-1, .section-2-text-2,
  .bold-text-2-copy-copy, .bold-text-35, .text-block-6-copy,
  .container-108, .container-109,
  .hk-9m-text, .hk-stat-num
),
html body :not(#zz1):not(#zz2):is(
  .hero-title, .hero-texts,
  .section-heading-1, .section-1-title,
  .section-2-text-1, .section-2-text-2,
  .bold-text-2-copy-copy, .bold-text-35, .text-block-6-copy,
  .container-108, .container-109,
  .hk-9m-text, .hk-stat-num
) * {
  font-family: 'Helvetica Now Var', 'Helveticanowtext', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}