@layer base {
  /* ---- Fluid root (Finsweet-style cascade) ----
     Every rem-based size scales from the browser root with viewport width.
     Root: 16px@479 → 16px@1440 → 18px@1920 (1rem = 16px base). */
  html { font-size: calc(0.625rem + 0.4166666666666667vw); }
  @media screen and (max-width: 1920px) { html { font-size: calc(0.625rem + 0.4166666666666667vw); } }
  @media screen and (max-width: 1440px) { html { font-size: calc(0.8126951092611863rem + 0.20811654526534862vw); } }
  @media screen and (max-width: 479px) { html { font-size: calc(0.7494769874476988rem + 0.8368200836820083vw); } }
}