:root {--content-width: 85.375rem;--max-width-main: var(--content-width);--max-width-small: 100vw;--max-width-full: 100%;--space-xs: clamp(0.5625rem, calc(0.5152rem + 0.2018vw), 0.6875rem);--space-s: clamp(0.8125rem, calc(0.7415rem + 0.3027vw), 1rem);--space-m: clamp(1.25rem, calc(1.1554rem + 0.4036vw), 1.5rem);--space-l: clamp(1.875rem, calc(1.7331rem + 0.6054vw), 2.25rem);--space-xl: clamp(2.8125rem, calc(2.5996rem + 0.9082vw), 3.375rem);--space-xxl: clamp(4.25rem, calc(3.9425rem + 1.3118vw), 5.0625rem);--section-space-xs: clamp(2.75rem, calc(2.5371rem + 0.9082vw), 3.3125rem);--section-space-s: clamp(4.1875rem, calc(3.88rem + 1.3118vw), 5rem);--section-space-m: clamp(6.25rem, calc(5.777rem + 2.0182vw), 7.5rem);--section-space-l: clamp(9.375rem, calc(8.6655rem + 3.0272vw), 11.25rem);--section-space-xl: clamp(14.0625rem, calc(12.9982rem + 4.5409vw), 16.875rem);--section-space-xxl: clamp(21.125rem, calc(19.5404rem + 6.7608vw), 25.3125rem);--text-xs: clamp(0.625rem, calc(0.5777rem + 0.2018vw), 0.75rem);--text-s: clamp(0.8125rem, calc(0.7888rem + 0.1009vw), 0.875rem);--text-m: clamp(1rem, calc(0.9527rem + 0.2018vw), 1.125rem);--text-l: clamp(1.25rem, calc(1.179rem + 0.3027vw), 1.4375rem);--text-xl: clamp(1.5625rem, calc(1.4915rem + 0.3027vw), 1.75rem);--text-xxl: clamp(1.9375rem, calc(1.8429rem + 0.4036vw), 2.1875rem);--h1: clamp(2.75rem, calc(2.4898rem + 1.11vw), 3.4375rem);--h2: clamp(2.1875rem, calc(1.9746rem + 0.9082vw), 2.75rem);--h3: clamp(1.75rem, calc(1.5844rem + 0.7064vw), 2.1875rem);--h4: clamp(1.375rem, calc(1.2331rem + 0.6054vw), 1.75rem);--h5: clamp(1.125rem, calc(1.0304rem + 0.4036vw), 1.375rem);--h6: clamp(0.875rem, calc(0.7804rem + 0.4036vw), 1.125rem);--grid-gap: var(--space-m);--content-gap: var(--space-s);--container-gap: var(--space-l);--gutter: clamp(1rem, calc(0.2432rem + 3.2291vw), 3rem);--grid-1: repeat(1, minmax(0, 1fr));--grid-2: repeat(2, minmax(0, 1fr));--grid-3: repeat(3, minmax(0, 1fr));--grid-4: repeat(4, minmax(0, 1fr));--grid-5: repeat(5, minmax(0, 1fr));--grid-6: repeat(6, minmax(0, 1fr));--grid-7: repeat(7, minmax(0, 1fr));--grid-8: repeat(8, minmax(0, 1fr));--grid-9: repeat(9, minmax(0, 1fr));--grid-10: repeat(10, minmax(0, 1fr));--grid-11: repeat(11, minmax(0, 1fr));--grid-12: repeat(12, minmax(0, 1fr));--grid-1-2: minmax(0, 1fr) minmax(0, 2fr);--grid-1-3: minmax(0, 1fr) minmax(0, 3fr);--grid-2-3: minmax(0, 2fr) minmax(0, 3fr);--grid-3-2: minmax(0, 3fr) minmax(0, 2fr);--grid-2-1: minmax(0, 2fr) minmax(0, 1fr);--grid-3-1: minmax(0, 3fr) minmax(0, 1fr);--radius-xs: 2px;--radius-s: 4px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 20px;--radius-circle: 999px;--border-width: 1px;--border-style: solid;--box-shadow-xs: 0 1px 2px -1px color-mix(in oklch, var(--neutral) 8%, transparent), 0 1px 3px color-mix(in oklch, var(--neutral) 6%, transparent);--box-shadow-s: 0 2px 4px -2px color-mix(in oklch, var(--neutral) 10%, transparent), 0 4px 6px color-mix(in oklch, var(--neutral) 8%, transparent);--box-shadow-m: 0 4px 6px -4px color-mix(in oklch, var(--neutral) 12%, transparent), 0 10px 15px color-mix(in oklch, var(--neutral) 10%, transparent);--box-shadow-l: 0 8px 10px -6px color-mix(in oklch, var(--neutral) 14%, transparent), 0 20px 25px color-mix(in oklch, var(--neutral) 12%, transparent);--box-shadow-xl: 0 20px 25px -12px color-mix(in oklch, var(--neutral) 18%, transparent), 0 25px 50px color-mix(in oklch, var(--neutral) 14%, transparent);--text-shadow-xs: 0 1px 1px color-mix(in oklch, var(--neutral) 15%, transparent);--text-shadow-s: 0 1px 2px color-mix(in oklch, var(--neutral) 20%, transparent);--text-shadow-m: 0 2px 4px color-mix(in oklch, var(--neutral) 30%, transparent);--text-shadow-l: 0 4px 8px color-mix(in oklch, var(--neutral) 40%, transparent);--text-shadow-xl: 0 6px 12px color-mix(in oklch, var(--neutral) 50%, transparent);--drop-shadow-xs: drop-shadow(0 1px 1px color-mix(in oklch, var(--neutral) 15%, transparent));--drop-shadow-s: drop-shadow(0 1px 2px color-mix(in oklch, var(--neutral) 15%, transparent));--drop-shadow-m: drop-shadow(0 4px 6px color-mix(in oklch, var(--neutral) 20%, transparent));--drop-shadow-l: drop-shadow(0 10px 15px color-mix(in oklch, var(--neutral) 25%, transparent));--drop-shadow-xl: drop-shadow(0 20px 25px color-mix(in oklch, var(--neutral) 30%, transparent));--line-height-heading: 1.2;--line-height-body: 1.6;--letter-spacing-heading: -0.02em;--letter-spacing-body: 0em;--text-color: var(--primary);--heading-color: var(--base);--text-weight: 400;--heading-weight: 400;--heading-font-family: DM Sans, sans-serif;--body-font-family: DM Sans, sans-serif;--header-height: clamp(3.5rem, calc(2.9324rem + 2.4218vw), 5rem);--primary: oklch(41.4% 0.095 133);--primary-ultra-dark: oklch(32.3% 0.07 132.8);--primary-dark: oklch(25% 0.095 133);--primary-semi-dark: oklch(35% 0.095 133);--primary-hover: oklch(35.2% 0.095 133);--primary-semi-light: oklch(65% 0.095 133);--primary-light: oklch(85% 0.095 133);--primary-ultra-light: oklch(97.3% 0.02 128.7);--secondary: oklch(98.2% 0.008 91.5);--secondary-ultra-dark: oklch(10% 0.008 91.5);--secondary-dark: oklch(25% 0.008 91.5);--secondary-semi-dark: oklch(35% 0.008 91.5);--secondary-hover: oklch(83.5% 0.008 91.5);--secondary-semi-light: oklch(65% 0.008 91.5);--secondary-light: oklch(85% 0.008 91.5);--secondary-ultra-light: oklch(95% 0.008 91.5);--tertiary: oklch(95.4% 0.013 82.4);--tertiary-ultra-dark: oklch(10% 0.013 82.4);--tertiary-dark: oklch(25% 0.013 82.4);--tertiary-semi-dark: oklch(35% 0.013 82.4);--tertiary-hover: oklch(81.1% 0.013 82.4);--tertiary-semi-light: oklch(65% 0.013 82.4);--tertiary-light: oklch(85% 0.013 82.4);--tertiary-ultra-light: oklch(95% 0.013 82.4);--accent: oklch(84% 0.122 84.8);--accent-ultra-dark: oklch(10% 0.122 84.8);--accent-dark: oklch(25% 0.122 84.8);--accent-semi-dark: oklch(35% 0.122 84.8);--accent-hover: oklch(71.4% 0.122 84.8);--accent-semi-light: oklch(65% 0.122 84.8);--accent-light: oklch(85% 0.122 84.8);--accent-ultra-light: oklch(97.5% 0.02 84.6);--base: oklch(29.8% 0.032 136.1);--base-ultra-dark: oklch(10% 0.032 136.1);--base-dark: oklch(25% 0.032 136.1);--base-semi-dark: oklch(35% 0.032 136.1);--base-hover: oklch(25.3% 0.032 136.1);--base-semi-light: oklch(65% 0.032 136.1);--base-light: oklch(85% 0.032 136.1);--base-ultra-light: oklch(95% 0.032 136.1);--neutral: oklch(88% 0.019 86.2);--neutral-ultra-dark: oklch(10% 0.019 86.2);--neutral-dark: oklch(25% 0.019 86.2);--neutral-semi-dark: oklch(35% 0.019 86.2);--neutral-hover: oklch(74.8% 0.019 86.2);--neutral-semi-light: oklch(65% 0.019 86.2);--neutral-light: oklch(85% 0.019 86.2);--neutral-ultra-light: oklch(95% 0.019 86.2);--white: oklch(100% 0 0);--white-trans-90: oklch(100% 0 0 / 0.9);--white-trans-80: oklch(100% 0 0 / 0.8);--white-trans-70: oklch(100% 0 0 / 0.7);--white-trans-60: oklch(100% 0 0 / 0.6);--white-trans-50: oklch(100% 0 0 / 0.5);--white-trans-40: oklch(100% 0 0 / 0.4);--white-trans-30: oklch(100% 0 0 / 0.3);--white-trans-20: oklch(100% 0 0 / 0.2);--white-trans-10: oklch(100% 0 0 / 0.1);--black: oklch(0% 0 0);--black-trans-90: oklch(0% 0 0 / 0.9);--black-trans-80: oklch(0% 0 0 / 0.8);--black-trans-70: oklch(0% 0 0 / 0.7);--black-trans-60: oklch(0% 0 0 / 0.6);--black-trans-50: oklch(0% 0 0 / 0.5);--black-trans-40: oklch(0% 0 0 / 0.4);--black-trans-30: oklch(0% 0 0 / 0.3);--black-trans-20: oklch(0% 0 0 / 0.2);--black-trans-10: oklch(0% 0 0 / 0.1);}