:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --font-primary: 'Figtree', sans-serif; --font-secondary: 'Figtree', sans-serif; --weight-light: 300; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --text-eyebrow: clamp(calc(1rem * (14 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((18 - 14) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (14 / var(--base-font)))) + (((18 - 14) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (18 / var(--base-font))));; --text-p-body: clamp(calc(1rem * (16 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((18 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (16 / var(--base-font)))) + (((18 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (18 / var(--base-font))));; --text-p-large: clamp(calc(1rem * (18 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((20 - 18) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (18 / var(--base-font)))) + (((20 - 18) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (20 / var(--base-font))));; --text-lede: clamp(calc(1rem * (26 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((39 - 26) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (26 / var(--base-font)))) + (((39 - 26) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (39 / var(--base-font))));; --text-h3-small: clamp(calc(1rem * (14 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((16 - 14) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (14 / var(--base-font)))) + (((16 - 14) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (16 / var(--base-font))));; --text-h3: clamp(calc(1rem * (20 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((29 - 20) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (20 / var(--base-font)))) + (((29 - 20) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (29 / var(--base-font))));; --text-h2: clamp(calc(1rem * (28 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((50 - 28) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (28 / var(--base-font)))) + (((50 - 28) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (50 / var(--base-font))));; --text-h2-small: clamp(calc(1rem * (16 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((18 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (16 / var(--base-font)))) + (((18 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (18 / var(--base-font))));; --text-h1: clamp(calc(1rem * (40 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((70 - 40) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (40 / var(--base-font)))) + (((70 - 40) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (70 / var(--base-font))));; --leading-tight: 1.1; --leading-snug: 1.24; --leading-normal: 1.41; --leading-relaxed: 1.6; --tracking-normal: 0em; --tracking-eyebrow: 0.125em; --color-heading: #262F3D; --color-text: #515964; --color-eyebrow: #515964; --color-h3-small: #494F5A; --color-h2-small: #262F3D; --text-h4: clamp(calc(1rem * (16 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((22 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (16 / var(--base-font)))) + (((22 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (22 / var(--base-font))));; --text-h5: clamp(calc(1rem * (16 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((18 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (16 / var(--base-font)))) + (((18 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (18 / var(--base-font))));; --text-h6: clamp(calc(1rem * (14 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((16 - 14) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (14 / var(--base-font)))) + (((16 - 14) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (16 / var(--base-font))));; --btn-font-size: 16px; --text-h2-large: clamp(calc(1rem * (30 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((62 - 30) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (30 / var(--base-font)))) + (((62 - 30) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (62 / var(--base-font))));;}