@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Karla:wght@400;500;600;700&display=swap');
:root{
--font-display:'Montserrat',ui-sans-serif,system-ui,sans-serif;
--font-body:'Karla',ui-sans-serif,system-ui,sans-serif;
--text-display-xl:700 clamp(2.5rem,4vw,3.5rem)/1.08 var(--font-display);
--text-display-lg:700 2.25rem/1.12 var(--font-display);
--text-h1:700 1.875rem/1.2 var(--font-display);
--text-h2:600 1.5rem/1.28 var(--font-display);
--text-h3:600 1.25rem/1.35 var(--font-display);
--text-eyebrow:600 0.8125rem/1.2 var(--font-display);
--text-body-lg:400 1.125rem/1.6 var(--font-body);
--text-body:400 1rem/1.6 var(--font-body);
--text-body-sm:400 0.875rem/1.55 var(--font-body);
--text-caption:500 0.75rem/1.4 var(--font-body);
--tracking-eyebrow:0.08em;
}