:root { --color-brand: #1f432d; --color-brand-dark: #0b2516; --color-ink: #152019; --color-canvas: #f9f7ef; --color-paper: #fdfcf9; --color-surface-alt: #f7f2e8; --color-hairline: #e4dfd4; --color-mid: #655c4f; --color-gold: #c19b5f; --color-gold-dark: #88602d; --color-destructive: #a83630; --on-dark: #f4f2eae0; --on-dark-soft: #f4f2eab2; --on-dark-faint: #f4f2ea80; --on-dark-line: #ffffff2e; --overlay-brand: #071b0fb8; --overlay-dark: #0208038c; --space-2xs: clamp(0.75rem, calc(0.002814814814814814 * (100vw - 22.5rem) + 0.75rem), 0.94rem); --space-xs: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --space-1: clamp(4px, 4px + 0vw, 4px); --space-2: clamp(6px, 5.2571428571px + 0.1904761905vw, 8px); --space-3: clamp(10px, 9.2571428571px + 0.1904761905vw, 12px); --space-4: clamp(13px, 11.8857142857px + 0.2857142857vw, 16px); --space-5: clamp(18px, 15.7714285714px + 0.5714285714vw, 24px); --space-6: clamp(24px, 21.0285714286px + 0.7619047619vw, 32px); --space-7: clamp(32px, 26.0571428571px + 1.5238095238vw, 48px); --space-8: clamp(44px, 36.5714285714px + 1.9047619048vw, 64px); --space-9: clamp(60px, 46.6285714286px + 3.4285714286vw, 96px); --text-2xs: clamp(0.69rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 0.69rem), 0.94rem); --text-xs: clamp(1rem, calc(0.0019259259259259242 * (100vw - 22.5rem) + 1rem), 1.13rem); --fs-hero: clamp(38px, 27.6px + 2.6666666667vw, 66px); --fs-display: clamp(30px, 21.8285714286px + 2.0952380952vw, 52px); --fs-h2: clamp(26px, 20.8px + 1.3333333333vw, 40px); --fs-h3: clamp(20px, 17.7714285714px + 0.5714285714vw, 26px); --fs-lead: clamp(19px, 16.4px + 0.6666666667vw, 26px); --fs-stat: clamp(24px, 20.2857142857px + 0.9523809524vw, 34px); --fs-body: clamp(17px, 16.6285714286px + 0.0952380952vw, 18px); --fs-sm: clamp(13px, 12.6285714286px + 0.0952380952vw, 14px); --fs-xs: clamp(11px, 10.6285714286px + 0.0952380952vw, 12px);}