: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; --primary--olive: #2F3A25; --dark--olive: #212A1A; --safari--gold: #C79A3A; --light--gold: #E3C67B; --color--sand: #F4EFE6; --color--white: #FFFFFF; --color--text: #2D2D2D; --color--grey: #727272; --text-15: clamp(1.5rem, calc(0 * (100vw - 36rem) + 1.5rem), 1.5rem); --text-20: clamp(2rem, calc(0 * (100vw - 36rem) + 2rem), 2rem); --text-60: clamp(6rem, calc(0 * (100vw - 36rem) + 6rem), 6rem); --container--width: 1240px; --radius--m: 8px; --card--shadow: 0 12px 30px rgba(0,0,0,.08); --logo--height: 60px; --nav--height: 90px; --top--bar--height: 42px; --radius--l: 14px; --radius--s: 4px; --col-gap-16: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --col-gap-32: clamp(3.2rem, calc(0 * (100vw - 36rem) + 3.2rem), 3.2rem); --col-gap-30: clamp(1.6rem, calc(0.012962962962962963 * (100vw - 36rem) + 1.6rem), 3rem); --col-gap-90: clamp(9rem, calc(0 * (100vw - 36rem) + 9rem), 9rem);}.text-primaryolive { color: var(--primary--olive); }.bg-primaryolive { background-color: var(--primary--olive); }.text-darkolive { color: var(--dark--olive); }.text-safarigold { color: var(--safari--gold); }.text-lightgold { color: var(--light--gold); }.bg-lightgold { background-color: var(--light--gold); }.text-colorsand { color: var(--color--sand); }.bg-colorsand { background-color: var(--color--sand); }.text-colorwhite { color: var(--color--white); }.text-colortext { color: var(--color--text); }.text-colorgrey { color: var(--color--grey); }