:root {--primary: oklch(0.4929 0.162 28.62);--secondary: oklch(0.1858 0.0346 223.02);--action: oklch(0.7008 0.1205 214.8);--accent: color-mix(in oklch shorter hue, var(--primary) 60%, var(--secondary));--base: oklch(0.8452 0 0);--primary-ultra-light: color-mix(in oklch, var(--primary) 25%, white);--primary-light: color-mix(in oklch, var(--primary) 75%, white);--primary-dark: color-mix(in oklch, var(--primary) 75%, black);--primary-ultra-dark: color-mix(in oklch, var(--primary) 50%, black);--secondary-ultra-light: color-mix(in oklch, var(--secondary) 50%, white);--secondary-light: color-mix(in oklch, var(--secondary) 75%, white);--secondary-dark: color-mix(in oklch, var(--secondary) 75%, black);--secondary-ultra-dark: color-mix(in oklch, var(--secondary) 50%, black);--action-ultra-light: color-mix(in oklch, var(--action) 50%, white);--action-light: color-mix(in oklch, var(--action) 75%, white);--action-dark: color-mix(in oklch, var(--action) 75%, black);--action-ultra-dark: color-mix(in oklch, var(--action) 50%, black);--accent-ultra-light: color-mix(in oklch, var(--accent) 50%, white);--accent-light: color-mix(in oklch, var(--accent) 75%, white);--accent-dark: color-mix(in oklch, var(--accent) 75%, black);--accent-ultra-dark: color-mix(in oklch, var(--accent) 50%, black);--base-ultra-light: color-mix(in oklch, var(--base) 50%, white);--base-light: color-mix(in oklch, var(--base) 75%, white);--base-dark: color-mix(in oklch, var(--base) 75%, black);--base-ultra-dark: color-mix(in oklch, var(--base) 50%, black);--h1: clamp(3.6rem, 1.147vw + 3.233rem, 4.8rem);--h2: clamp(3rem, 0.574vw + 2.816rem, 3.6rem);--h3: clamp(2.4rem, 0.574vw + 2.216rem, 3rem);--h4: clamp(1.8rem, 0.574vw + 1.616rem, 2.4rem);--h5: var(--font-size-lg);--h6: var(--font-size-md);--font-size-xs: clamp(1rem, 0.191vw + 0.939rem, 1.2rem);--font-size-sm: clamp(1.2rem, 0.191vw + 1.139rem, 1.4rem);--font-size-md: clamp(1.4rem, 0.191vw + 1.339rem, 1.6rem);--font-size-lg: clamp(1.6rem, 0.191vw + 1.539rem, 1.8rem);--font-size-xl: clamp(1.8rem, 0.574vw + 1.616rem, 2.4rem);--line-height-body: 2;--line-height-heading: 1.15;--site-max-width: 1200px;--site-gutter: var(--space-md);--section-padding: calc(var(--space-xl) * 2);--grid-1: minmax(0, 1fr);--grid-2: repeat(2, var(--grid-1));--grid-3: repeat(3, var(--grid-1));--grid-4: repeat(4, var(--grid-1));--grid-5: repeat(5, var(--grid-1));--grid-6: repeat(6, var(--grid-1));--radius: var(--radius-md);--surface-color: light-dark(--var(--primary-ultra-light), --var(--primary-ultra-dark));--font-color-heading: var(--secondary-dark);--font-size-body: var(--font-size-md);--dark: oklch(0.25 0 0);--light: oklch(1 0 0);--base-radius: .8rem;--font-color-body: var(--secondary-light);--base-space-unit: .8rem;--space-xs: calc(var(--base-space-unit) / 2);--space-sm: var(--base-space-unit);--space-md: calc(var(--base-space-unit) * 3);--space-lg: calc(var(--base-space-unit) * 4);--space-xl: calc(var(--base-space-unit) * 5);--gap-container: var(--space-lg);--gap-grid: var(--space-md);--gap-content: var(--space-md);--padding-xs: var(--space-sm);--padding-sm: var(--space-md);--padding-md: var(--space-lg);--padding-lg: var(--space-xl);--logo-height: 5rem;--grid-12: repeat(12, var(--grid-1));--grid-1-2: minmax(0, 1fr) minmax(0, 2fr);--grid-1-3: minmax(0, 1fr) minmax(0, 3fr);--grid-2-1: minmax(0, 2fr) minmax(0, 1fr);--grid-2-3: minmax(0, 2fr) minmax(0, 3fr);--grid-3-1: minmax(0, 3fr) minmax(0, 1fr);--grid-3-2: minmax(0, 3fr) minmax(0, 2fr);--padding-xl: calc(var(--space-xl) * 2);--radius-xs: calc(var(--base-radius) / 2);--radius-sm: calc(var(--base-radius) / 1.5);--radius-md: var(--base-radius);--radius-lg: calc(var(--base-radius) * 1.5);--radius-xl: calc(var(--radius-lg) * 2);--radius-full: 50vw;--header-height: 8rem;--button-padding-xs: calc(var(--button-padding-s) / 2);--button-padding-s: calc(var(--button-padding-m) / 2);--button-padding-m: 1em;--button-padding-l: calc(var(--button-padding-m) * 1.5);--button-padding-xl: calc(var(--button-padding-l) * 2);--transition-ease: all .3s ease-in-out;--em-padding-xs: 0.25em;--em-padding-sm: 0.50em;--em-padding-md: 1.00em;--em-padding-lg: 1.50em;--em-padding-xl: 2.00em;--overlay-color: var(--action-dark);--gap-icon-list: var(--space-sm);}