:root {--brxe-font-family-heading: 'Clash Display', sans-serif;--brxe-font-family-body: 'General Sans', sans-serif;--brxe-font-size-base: 1.6rem;--brxe-font-size-h1: clamp(3.6rem, 3rem + 3vi, 6.8rem);--brxe-font-size-h2: clamp(3rem, 2.8rem + 2vi, 5.6rem);--brxe-font-size-h3: clamp(2.8rem, 2.8rem + 2vi, 4.4rem);--brxe-font-size-h4: clamp(2.4rem, 2.4rem + 1.5vi, 3.6rem);--brxe-font-size-h5: clamp(2.2rem, 2.4rem + 1.5vi, 2.8rem);--brxe-font-size-h6: clamp(2rem, 2.4rem + 1.5vi, 2.6rem);--brxe-container-width: 155rem;--brxe-primary: hsl(266, 97%, 70%);;--brxe-primary-alt: hsl(266, 97%, 60%);--brxe-secondary: hsl(220, 54%, 25%);--brxe-secondary-alt: hsl(219, 55%, 13%);--brxe-grey-100: hsl(220, 0%, 90%);--brxe-grey-200: hsl(213, 0%, 80%);--brxe-grey-300: hsl(210, 0%, 65%);--brxe-grey-400: hsl(207, 0%, 45%);--brxe-grey-500: hsl(211, 0%, 25%);--brxe-dark: hsl(230, 0%, 15%);--brxe-light: hsl(0, 0%, 100%);--brxe-hero-bg: hsl(145, 50%, 20%);--brxe-light-glass: hsla(0, 0%, 98%, 80%);--brxe-off-white: hsl(0, 0%, 98%);--brxe-spacing-min: clamp(16px, 2vw, 24px);--brxe-spacing-xs: clamp(20px, 3vw, 32px);--brxe-spacing-sm: clamp(24px, 4vw, 48px);--brxe-spacing-md: clamp(32px, 5vw, 64px);--brxe-spacing-lg: clamp(40px, 6vw, 80px);--brxe-spacing-xl: clamp(48px, 7vw, 96px);--brxe-spacing-xxl: clamp(64px, 8vw, 128px);--brxe-spacing-max: clamp(80px, 10vw, 160px);--space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem);--space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem);--space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem);--space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem);--space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem);--space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem);--space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem);}