:root { --_theme---background--bg-1: var(--_swatch---light-1); --_text-style---font-family: var(--_typography---font--secondary-family); --_theme---text--text-1: var(--_swatch---neutral--800); --_text-style---font-size: var(--_typography---font-size--text-base); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--text-base); --_heading-style---line-height: var(--_typography---line-height--1-5); --_heading-style---font-weight: var(--_typography---font--primary-regular); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---text-wrap: pretty; --_text-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--4); --_heading-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_spacing---space--6: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_spacing---space--7: clamp(1.4583 * 1rem, ((1.4583 - ((1.75 - 1.4583) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.75 - 1.4583) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.75 * 1rem); --max-width--main: calc(var(--site--viewport-max) * 1rem); --site--margin: clamp(1 * 1rem, ((1 - ((4 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem); --max-width--small: 58rem; --max-width--medium: 70rem; --_spacing---space--2: clamp(.4167 * 1rem, ((.4167 - ((.5 - .4167) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.5 - .4167) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .5 * 1rem); --site--gutter: clamp(1 * 1rem, ((1 - ((2 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_gap---size: var(--site--gutter); --_column-count---value: 1; --_swatch---transparent: transparent; --_theme---background--bg-2: var(--_swatch---light-2); --_spacing---space--1: clamp(.2083 * 1rem, ((.2083 - ((.25 - .2083) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.25 - .2083) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .25 * 1rem); --_spacing---space--3: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .75 * 1rem); --_spacing---space--4: clamp(.8333 * 1rem, ((.8333 - ((1 - .8333) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .8333) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --_spacing---space--5: clamp(1.0417 * 1rem, ((1.0417 - ((1.25 - 1.0417) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1.0417) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --_spacing---space--8: clamp(1.6667 * 1rem, ((1.6667 - ((2 - 1.6667) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.6667) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_spacing---space--10: clamp(2.0833 * 1rem, ((2.0833 - ((2.5 - 2.0833) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 2.0833) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.5 * 1rem); --_spacing---space--12: clamp(2.5 * 1rem, ((2.5 - ((3 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_spacing---space--16: clamp(3.3333 * 1rem, ((3.3333 - ((4 - 3.3333) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 3.3333) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem); --_spacing---space--20: clamp(4.1667 * 1rem, ((4.1667 - ((5 - 4.1667) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 4.1667) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_spacing---space--24: clamp(5 * 1rem, ((5 - ((6 - 5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((6 - 5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 6 * 1rem); --_typography---font--primary-family: Outfit, Arial, sans-serif; --_typography---font--primary-regular: 400; --_typography---font--primary-light\: 300; --_typography---font--primary-semibold: 600; --_typography---font--primary-bold: 700; --_typography---font--secondary-family: Inter, Arial, sans-serif; --_typography---font--secondary-regular: 400; --_typography---font--secondary-medium: 500; --_typography---font--secondary-semibold: 600; --_typography---font--secondary-bold: 700; --radius--xs: .25rem; --radius--sm: .375rem; --radius--lg: .75rem; --radius--md: .5rem; --radius--xl: 1rem; --radius--full: 100vw; --border-width--main: .0625rem; --_typography---line-height--1: 1; --_theme---border--border-1: var(--_swatch---neutral--200); --_swatch---dark-2: #2f2b2d; --_swatch---error: #ed4337; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_typography---font-size--button: var(--_typography---font-size--text-base); --_swatch---teal--700: #006b6c; --_theme---button-secondary--text: var(--_swatch---neutral--900); --_button-text-style---text: var(--_theme---button-text-primary--text); --_theme---button-text-primary--line: var(--_swatch---dark-2); --_spacing---section-space--small: clamp(4 * 1rem, ((4 - ((5 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_theme---eyebrow--background-1: var(--_swatch---teal--100); --_theme---eyebrow--text-1: var(--_swatch---teal--700); --_eyebrow-style---text-transform: var(--_typography---text-transform--uppercase); --_eyebrow-style---font-family: var(--_typography---font--primary-family); --_eyebrow-style---font-size: var(--_typography---font-size--text-xs); --_eyebrow-style---line-height: var(--_typography---line-height--1-3); --_eyebrow-style---font-weight: var(--_typography---font--primary-semibold); --_eyebrow-style---letter-spacing: var(--_typography---letter-spacing--0-08em); --_swatch---teal--50: #e8f8f8; --_typography---font-size--text-sm: clamp(.7292 * 1rem, ((.7292 - ((.875 - .7292) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.875 - .7292) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .875 * 1rem); --_spacing---section-space--main: clamp(6 * 1rem, ((6 - ((7.5 - 6) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7.5 - 6) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7.5 * 1rem); --_spacing---section-space--large: clamp(7 * 1rem, ((7 - ((10 - 7) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((10 - 7) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 10 * 1rem); --_spacing---section-space--even: var(--site--margin); --_spacing---section-space--x-large: clamp(10 * 1rem, ((10 - ((15 - 10) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((15 - 10) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 15 * 1rem); --_spacing---section-space--tiny: clamp(2 * 1rem, ((2 - ((3 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_spacing---space--10\: clamp(4 * 1rem, ((4 - ((5 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_spacing---space--11\: clamp(6 * 1rem, ((6 - ((7.5 - 6) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7.5 - 6) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7.5 * 1rem); --_spacing---space--12\: clamp(7.5 * 1rem, ((7.5 - ((9 - 7.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((9 - 7.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 9 * 1rem); --_spacing---space--13\: clamp(8 * 1rem, ((8 - ((10 - 8) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((10 - 8) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 10 * 1rem); --_spacing---space--0-5\: .125rem; --_swatch---teal--600: #008b8c; --_swatch---swatch--brand\: #3b89ff; --_theme---text--text-2: var(--_swatch---teal--600); --_theme---text--text-accent: var(--_swatch---accent); --_theme---text--text-light: var(--_swatch---light-1); --_theme---text--text-dark: var(--_swatch---dark-1); --_theme---background--bg-light: var(--_swatch---light-1); --_theme---background--bg-dark: var(--_swatch---dark-1); --_typography---font-size--text-lg: clamp(1.0417 * 1rem, ((1.0417 - ((1.25 - 1.0417) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1.0417) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --_typography---font-size--text-base: clamp(.8333 * 1rem, ((.8333 - ((1 - .8333) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .8333) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --_spacing---space--32: clamp(6.6667 * 1rem, ((6.6667 - ((8 - 6.6667) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((8 - 6.6667) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 8 * 1rem); --radius--3xl: 1.75rem; --radius--2xl: 1.25rem; --_swatch---neutral--50: #f8f7f7; --_swatch---alpha--alpha-light-30: color-mix(in srgb, var(--_swatch---light-1) 30%, transparent); --_swatch---light-1: white; --_theme---background--bg-teal-50: var(--_swatch---teal--50); --_typography---font-size--text-xs: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .75 * 1rem); --_swatch---neutral--800: #2d2a2b; --_swatch---teal--900: #002f30; --focus--offset-outer: .1875rem; --_swatch---neutral--600: #555252; --_spacing---space--40: clamp(8.3333 * 1rem, ((8.3333 - ((10 - 8.3333) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((10 - 8.3333) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 10 * 1rem); --_swatch---teal--800: #004c4d; --_swatch---neutral--300: #c2c0c0; --_swatch---neutral--100: #efeff0; --_typography---line-height--1-5: 1.5; --_typography---letter-spacing--0-08em: .08em; --_swatch---neutral--900: #221f20; --_swatch---teal--200: #92e0e0; --_swatch---alpha--alpha-light-50: color-mix(in srgb, var(--_swatch---light-1) 50%, transparent); --_theme---text--text-link: var(--_swatch---teal--700); --_swatch---teal--300: #5ecdcd; --_icons---size: .75rem; --_swatch---neutral--200: gainsboro; --_swatch---error--700: #b91c1c; --_typography---font-size--display-md: clamp(2.5 * 1rem, ((2.5 - ((3 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_typography---line-height--1-2: 1.2; --_typography---letter-spacing--0-01em: -.01em; --_typography---font-size--display-xs: clamp(1.5625 * 1rem, ((1.5625 - ((1.875 - 1.5625) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.875 - 1.5625) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.875 * 1rem); --_swatch---neutral--150: #e5e5e6; --_column-count-value-1-2-3-4: 2; --_column-count-value-1-2-3: 2; --_column-count-value-1-2: 5; --_column-count-value-1: 2; --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_text-style---text-transform: var(--_typography---text-transform--none); --site--viewport-max: 90; --site--viewport-min: 24.56; --_theme---border--border-2: var(--_swatch---alpha--alpha-dark-20); --_theme---selection--background: var(--_theme---text--text-1); --_theme---selection--text: var(--_theme---background--bg-1); --site--column-count: 12; --_theme---button-primary--background: var(--_swatch---teal--700); --_theme---button-primary--border: var(--_swatch---teal--700); --_theme---button-primary--text: var(--_swatch---neutral--50); --_swatch---light-2: #ebebeb; --_swatch---dark-1: #1f1d1e; --_theme---button-primary--background-hover: var(--_swatch---teal--800); --_theme---button-primary--border-hover: var(--_swatch---teal--800); --_theme---button-primary--text-hover: var(--_swatch---neutral--50); --_swatch---accent: #3b89ff; --_theme---button-secondary--background: var(--_swatch---transparent); --_theme---button-secondary--border: var(--_theme---border--border-1); --_theme---button-secondary--background-hover: var(--_swatch---teal--700); --_theme---button-secondary--border-hover: var(--_swatch---teal--700); --_theme---button-secondary--text-hover: var(--_swatch---neutral--50); --_spacing---space--48: clamp(10 * 1rem, ((10 - ((12 - 10) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((12 - 10) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 12 * 1rem); --_spacing---space--64: clamp(13.3333 * 1rem, ((13.3333 - ((16 - 13.3333) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((16 - 13.3333) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 16 * 1rem); --_swatch---neutral--400: #9c9999; --_swatch---sage--50: #f4f8ea; --_swatch---teal--100: #c5efef; --_swatch---teal--500: #00a9aa; --_swatch---teal--950: #001818; --_swatch---alpha--alpha-light-5: color-mix(in srgb, var(--_swatch---light-1) 5%, transparent); --_swatch---alpha--alpha-light-10: color-mix(in srgb, var(--_swatch---light-1) 10%, transparent); --_theme---button-text-primary--text: var(--_swatch---dark-2); --_swatch---alpha--alpha-light-20: color-mix(in srgb, var(--_swatch---light-1) 20%, transparent); --_swatch---alpha--alpha-light-40: color-mix(in srgb, var(--_swatch---light-1) 40%, transparent); --_theme---button-text-primary--text-hover: var(--_swatch---dark-1); --_swatch---alpha--alpha-light-60: color-mix(in srgb, var(--_swatch---light-1) 60%, transparent); --_theme---button-text-primary--line-hover: var(--_swatch---dark-1); --_swatch---alpha--alpha-light-70: color-mix(in srgb, var(--_swatch---light-1) 70%, transparent); --_swatch---alpha--alpha-light-80: color-mix(in srgb, var(--_swatch---light-1) 80%, transparent); --_swatch---alpha--alpha-light-90: color-mix(in srgb, var(--_swatch---light-1) 90%, transparent); --_swatch---alpha--alpha-dark-5: color-mix(in srgb, var(--_swatch---dark-1) 5%, transparent); --_swatch---alpha--alpha-dark-10: color-mix(in srgb, var(--_swatch---dark-1) 10%, transparent); --_swatch---alpha--alpha-dark-20: color-mix(in srgb, var(--_swatch---dark-1) 20%, transparent); --_swatch---alpha--alpha-dark-30: color-mix(in srgb, var(--_swatch---dark-1) 30%, transparent); --_swatch---alpha--alpha-dark-40: color-mix(in srgb, var(--_swatch---dark-1) 40%, transparent); --_swatch---alpha--alpha-dark-50: color-mix(in srgb, var(--_swatch---dark-1) 50%, transparent); --_swatch---alpha--alpha-dark-60: color-mix(in srgb, var(--_swatch---dark-1) 60%, transparent); --_swatch---alpha--alpha-dark-70: color-mix(in srgb, var(--_swatch---dark-1) 70%, transparent); --_swatch---alpha--alpha-dark-80: color-mix(in srgb, var(--_swatch---dark-1) 80%, transparent); --_swatch---alpha--alpha-dark-90: color-mix(in srgb, var(--_swatch---dark-1) 90%, transparent); --_typography---letter-spacing--0-04em: -.04em; --_typography---letter-spacing--0-03em: -.03em; --_typography---letter-spacing--0-02em: -.02em; --_typography---letter-spacing--0-015em: -.015em; --_typography---letter-spacing--0-005em: -.005em; --_typography---letter-spacing--0em: 0em; --_typography---line-height--1-1: 1.1; --_typography---line-height--1-3: 1.3; --_typography---line-height--1-4: 1.4; --_typography---font-size--display-2xl: clamp(5 * 1rem, ((5 - ((6 - 5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((6 - 5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 6 * 1rem); --_typography---font-size--display-xl: clamp(3.75 * 1rem, ((3.75 - ((4.5 - 3.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4.5 - 3.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4.5 * 1rem); --_typography---font-size--display-lg: clamp(2.5 * 1rem, ((2.5 - ((3.75 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3.75 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3.75 * 1rem); --_typography---font-size--display-sm: clamp(1.875 * 1rem, ((1.875 - ((2.25 - 1.875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.25 - 1.875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.25 * 1rem); --_typography---font-size--text-xl: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_typography---font-size--text-md: clamp(.9375 * 1rem, ((.9375 - ((1.125 - .9375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.125 - .9375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.125 * 1rem); --site--column-width: calc((min(var(--max-width--main), 100% - var(--site--margin) * 2) - (var(--site--gutter) * (var(--site--column-count) - 1))) / var(--site--column-count)); --focus--width: .125rem; --focus--offset-inner: calc(var(--focus--width) * -1); --_typography---text-transform--none: var(--text-transform, none); --_typography---text-transform--uppercase: uppercase; --_typography---text-transform--capitalize: capitalize; --_typography---text-transform--lowercase: lowercase; --_heading-style---text-transform: var(--_typography---text-transform--none); --_button-text-style---line: var(--_theme---button-text-primary--line); --_button-text-style---text-hover: var(--_theme---button-text-primary--text-hover); --_button-text-style---line-hover: var(--_theme---button-text-primary--line-hover); --_eyebrow-style---text-wrap: pretty; --_typography---font-size--h6\: clamp(1 * 1rem, ((1 - ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.125 * 1rem); --_typography---font-size--h5\: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_typography---font-size--h4\: clamp(1.5 * 1rem, ((1.5 - ((2.25 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.25 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.25 * 1rem); --_typography---font-size--h3\: clamp(1.875 * 1rem, ((1.875 - ((3.375 - 1.875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3.375 - 1.875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3.375 * 1rem); --_typography---font-size--h2\: clamp(2.375 * 1rem, ((2.375 - ((4 - 2.375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 2.375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem); --_typography---font-size--h1\: clamp(3.375 * 1rem, ((3.375 - ((4.5 - 3.375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4.5 - 3.375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4.5 * 1rem); } body { background-color: var(--_theme---background--bg-1); font-family: var(--_text-style---font-family); color: var(--_theme---text--text-1); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); text-transform: var(--_text-style---text-transform, none); } a { color: inherit; outline-width: var(--focus--width); outline-offset: var(--focus--offset-outer); text-decoration: none; } ul, ol { margin-bottom: 0; padding-left: 0; list-style: ""; } li { display: block; } img { object-fit: cover; width: 100%; max-width: 100%; } strong { font-weight: bold; } blockquote { border-style: none; padding: 0; } figure { margin-bottom: 0; } .u-theme-light { background-color: var(--_theme---background--bg-1); color: var(--_theme---text--text-1); --_theme---background--bg-1: var(--_swatch---light-1); --_theme---text--text-1: var(--_swatch---neutral--800); --_theme---background--bg-2: var(--_swatch---light-2); --_theme---border--border-1: var(--_swatch---neutral--200); --_theme---button-secondary--text: var(--_swatch---neutral--900); --_theme---button-text-primary--line: var(--_swatch---dark-2); --_theme---eyebrow--background-1: var(--_swatch---teal--100); --_theme---eyebrow--text-1: var(--_swatch---teal--700); --_theme---text--text-2: var(--_swatch---teal--600); --_theme---text--text-accent: var(--_swatch---accent); --_theme---text--text-light: var(--_swatch---light-1); --_theme---text--text-dark: var(--_swatch---dark-1); --_theme---background--bg-light: var(--_swatch---light-1); --_theme---background--bg-dark: var(--_swatch---dark-1); --_theme---background--bg-teal-50: var(--_swatch---teal--50); --_theme---text--text-link: var(--_swatch---teal--700); --_theme---border--border-2: var(--_swatch---alpha--alpha-dark-20); --_theme---selection--background: var(--_theme---text--text-1); --_theme---selection--text: var(--_theme---background--bg-1); --_theme---button-primary--background: var(--_swatch---teal--700); --_theme---button-primary--border: var(--_swatch---teal--700); --_theme---button-primary--text: var(--_swatch---neutral--50); --_theme---button-primary--background-hover: var(--_swatch---teal--800); --_theme---button-primary--border-hover: var(--_swatch---teal--800); --_theme---button-primary--text-hover: var(--_swatch---neutral--50); --_theme---button-secondary--background: var(--_swatch---transparent); --_theme---button-secondary--border: var(--_theme---border--border-1); --_theme---button-secondary--background-hover: var(--_swatch---teal--700); --_theme---button-secondary--border-hover: var(--_swatch---teal--700); --_theme---button-secondary--text-hover: var(--_swatch---neutral--50); --_theme---button-text-primary--text: var(--_swatch---dark-2); --_theme---button-text-primary--text-hover: var(--_swatch---dark-1); --_theme---button-text-primary--line-hover: var(--_swatch---dark-1); } .u-theme-dark { background-color: var(--_theme---background--bg-1); color: var(--_theme---text--text-1); --_theme---background--bg-1: var(--_swatch---dark-1); --_theme---text--text-1: var(--_swatch---light-1); --_theme---background--bg-2: var(--_swatch---dark-2); --_theme---border--border-1: var(--_swatch---light-1); --_theme---button-secondary--text: var(--_swatch---light-2); --_theme---button-text-primary--line: var(--_swatch---light-2); --_theme---eyebrow--background-1: var(--_swatch---teal--700); --_theme---eyebrow--text-1: var(--_swatch---teal--50); --_theme---text--text-2: var(--_swatch---teal--300); --_theme---text--text-accent: var(--_swatch---accent); --_theme---text--text-light: var(--_swatch---light-1); --_theme---text--text-dark: var(--_swatch---dark-1); --_theme---background--bg-light: var(--_swatch---light-1); --_theme---background--bg-dark: var(--_swatch---dark-1); --_theme---background--bg-teal-50: var(--_swatch---teal--50); --_theme---text--text-link: var(--_swatch---light-2); --_theme---border--border-2: var(--_swatch---alpha--alpha-light-20); --_theme---selection--background: var(--_theme---text--text-1); --_theme---selection--text: var(--_theme---background--bg-1); --_theme---button-primary--background: var(--_swatch---light-2); --_theme---button-primary--border: var(--_swatch---light-2); --_theme---button-primary--text: var(--_swatch---dark-1); --_theme---button-primary--background-hover: var(--_swatch---light-1); --_theme---button-primary--border-hover: var(--_swatch---light-1); --_theme---button-primary--text-hover: var(--_swatch---dark-1); --_theme---button-secondary--background: var(--_swatch---transparent); --_theme---button-secondary--border: var(--_swatch---light-2); --_theme---button-secondary--background-hover: var(--_swatch---teal--700); --_theme---button-secondary--border-hover: var(--_swatch---light-1); --_theme---button-secondary--text-hover: var(--_swatch---light-1); --_theme---button-text-primary--text: var(--_swatch---light-2); --_theme---button-text-primary--text-hover: var(--_swatch---light-1); --_theme---button-text-primary--line-hover: var(--_swatch---light-1); } .u-text-style-display-md { font-family: var(--_heading-style---font-family); font-size: var(--_heading-style---font-size); line-height: var(--_heading-style---line-height); font-weight: var(--_heading-style---font-weight); letter-spacing: var(--_heading-style---letter-spacing); --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-md); --_heading-style---line-height: var(--_typography---line-height--1-2); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_heading-style---text-transform, none); text-wrap: var(--_heading-style---text-wrap); } .u-text-style-display-xs { font-family: var(--_heading-style---font-family); font-size: var(--_heading-style---font-size); line-height: var(--_heading-style---line-height); font-weight: var(--_heading-style---font-weight); letter-spacing: var(--_heading-style---letter-spacing); --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-xs); --_heading-style---line-height: var(--_typography---line-height--1-2); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_heading-style---text-transform, none); text-wrap: var(--_heading-style---text-wrap); } .u-text-style-md { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-md); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-text-style-base { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-base); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-text-style-sm { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-sm); --_text-style---line-height: var(--_typography---line-height--1-4); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-text-style-xs { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-xs); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h1 { margin-top: var(--_heading-style---margin-top); margin-bottom: var(--_heading-style---margin-bottom); font-family: var(--_heading-style---font-family); font-size: var(--_heading-style---font-size); line-height: var(--_heading-style---line-height); font-weight: var(--_heading-style---font-weight); letter-spacing: var(--_heading-style---letter-spacing); --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-xl); --_heading-style---line-height: var(--_typography---line-height--1-1); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--5); --_heading-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_heading-style---text-transform, none); text-wrap: balance; } .u-rich-text h2 { margin-top: var(--_heading-style---margin-top); margin-bottom: var(--_heading-style---margin-bottom); font-family: var(--_heading-style---font-family); font-size: var(--_heading-style---font-size); line-height: var(--_heading-style---line-height); font-weight: var(--_heading-style---font-weight); letter-spacing: var(--_heading-style---letter-spacing); --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-lg); --_heading-style---line-height: var(--_typography---line-height--1-1); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--5); --_heading-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_heading-style---text-transform, none); text-wrap: balance; } .u-rich-text h3 { margin-top: var(--_heading-style---margin-top); margin-bottom: var(--_heading-style---margin-bottom); font-family: var(--_heading-style---font-family); font-size: var(--_heading-style---font-size); line-height: var(--_heading-style---line-height); font-weight: var(--_heading-style---font-weight); letter-spacing: var(--_heading-style---letter-spacing); --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-md); --_heading-style---line-height: var(--_typography---line-height--1-2); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_heading-style---text-transform, none); text-wrap: balance; } .u-rich-text h4 { margin-top: var(--_heading-style---margin-top); margin-bottom: var(--_heading-style---margin-bottom); font-family: var(--_heading-style---font-family); font-size: var(--_heading-style---font-size); line-height: var(--_heading-style---line-height); font-weight: var(--_heading-style---font-weight); letter-spacing: var(--_heading-style---letter-spacing); --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-sm); --_heading-style---line-height: var(--_typography---line-height--1-2); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-005em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_heading-style---text-transform, none); text-wrap: balance; } .u-rich-text h5, .u-rich-text h6 { margin-top: var(--_heading-style---margin-top); margin-bottom: var(--_heading-style---margin-bottom); font-family: var(--_heading-style---font-family); font-size: var(--_heading-style---font-size); line-height: var(--_heading-style---line-height); font-weight: var(--_heading-style---font-weight); letter-spacing: var(--_heading-style---letter-spacing); --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-xs); --_heading-style---line-height: var(--_typography---line-height--1-2); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); text-wrap: balance; text-transform: var(--_heading-style---text-transform, none); } .u-rich-text p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); text-wrap: pretty; } .u-rich-text blockquote { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-sm); --_text-style---line-height: var(--_typography---line-height--1-4); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); border-left-style: solid; border-left-width: .2rem; padding: .5rem 1rem; } .u-rich-text ol { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); flex-flow: column; padding-left: 1.2em; list-style-type: decimal; display: flex; overflow: visible; } .u-rich-text li { margin-top: calc(var(--_text-style---trim-top) * -1); margin-bottom: calc(var(--_text-style---trim-bottom) * -1); display: list-item; } .u-rich-text ul { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); flex-flow: column; padding-left: 1.2em; list-style-type: disc; display: flex; overflow: visible; } .u-rich-text figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .u-container { max-width: var(--max-width--main); width: calc(100% - var(--site--margin) * 2); margin-left: auto; margin-right: auto; position: relative; container: threshold-large / inline-size; } .u-sr-only { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .u-btn-group { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); flex-flow: wrap; display: flex; } .u-hflex-left-top { flex-flow: row; justify-content: flex-start; align-items: flex-start; display: flex; } .u-hflex-left-center { flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .u-hflex-center-center { flex-flow: row; justify-content: center; align-items: center; display: flex; } .u-hflex-between-center { flex-flow: row; justify-content: space-between; align-items: center; display: flex; } .u-vflex-left-top { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .u-grid-above { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); --_column-count---value: 12; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); flex-flow: column; display: grid; } .u-background-1 { background-color: var(--_theme---background--bg-1); } .u-gap-1 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--1); } .u-gap-2 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--2); } .u-gap-3 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--3); display: flex; } .u-gap-4 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--4); } .u-gap-8 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--8); } .u-mt-2 { margin-top: var(--_spacing---space--2); } .u-mt-3 { margin-top: var(--_spacing---space--3); } .u-mt-4 { margin-top: var(--_spacing---space--4); } .u-mt-5 { margin-top: var(--_spacing---space--5); } .u-mt-6 { margin-top: var(--_spacing---space--6); } .u-mt-10 { margin-top: var(--_spacing---space--10); } .u-mt-20 { margin-top: var(--_spacing---space--20); } .u-mb-1 { margin-bottom: var(--_spacing---space--1); } .u-mb-2 { margin-bottom: var(--_spacing---space--2); } .u-mb-3 { margin-bottom: var(--_spacing---space--3); } .u-mb-4 { margin-bottom: var(--_spacing---space--4); } .u-mb-5 { margin-bottom: var(--_spacing---space--5); } .u-mb-6 { margin-bottom: var(--_spacing---space--6); } .u-mb-7 { margin-bottom: var(--_spacing---space--7); } .u-mb-8 { margin-bottom: var(--_spacing---space--8); } .u-mb-16 { margin-bottom: var(--_spacing---space--16); } .u-mb-10 { margin-bottom: var(--_spacing---space--10); } .u-mb-20 { margin-bottom: var(--_spacing---space--20); } .u-mb-12 { margin-bottom: var(--_spacing---space--12); } .u-mb-24 { margin-bottom: var(--_spacing---space--24); } .u-weight-regular { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-regular); } .u-weight-medium { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-light\) !important; } .u-weight-sbold { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-semibold); } .u-weight-bold { font-family: var(--_typography---font--primary-family) !important; font-weight: var(--_typography---font--primary-bold) !important; } .u-weight2-regular { font-family: var(--_typography---font--secondary-family); font-weight: var(--_typography---font--secondary-regular); } .u-weight2-medium { font-family: var(--_typography---font--secondary-family) !important; font-weight: var(--_typography---font--secondary-medium) !important; } .u-weight2-sbold { font-family: var(--_typography---font--secondary-family); font-weight: var(--_typography---font--secondary-semibold); } .u-weight2-bold { font-family: var(--_typography---font--secondary-family); font-weight: var(--_typography---font--secondary-bold); } .u-radius-lg { border-radius: var(--radius--lg); } .u-radius-xl { border-radius: var(--radius--xl); } .u-radius-full { border-radius: var(--radius--full); } .u-display-contents { display: contents; } .u-zindex-1 { z-index: 1; position: relative; } .u-position-fixed { position: fixed; } .u-width-full { width: 100%; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .btn_main_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; border: var(--border-width--main) solid var(--_button-style---border); border-radius: var(--radius--full); background-color: var(--_button-style---background); color: var(--_button-style---text); font-size: var(--_typography---font-size--button); font-weight: var(--_typography---font--secondary-medium); text-align: center; vertical-align: middle; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; padding: .625rem 1.5rem; display: flex; position: relative; } .btn_main_wrap:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .btn_main_wrap:where(.w-variant-e4b584fd-0284-f0a7-b917-5b648e9eac2c) { --_button-style---border: var(--_swatch---transparent); --_button-style---background: var(--_swatch---transparent); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border-hover: var(--_swatch---transparent); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .btn_main_wrap:where(.w-variant-dd824114-2c25-df3a-83d6-a26b99b98b25) { border-color: var(--_swatch---teal--700); background-color: var(--_swatch---teal--700); color: var(--_theme---button-secondary--text); } .btn_main_text { z-index: 2; line-height: inherit; position: relative; } .page_wrap { flex-flow: column; min-height: 100svh; display: flex; overflow: clip; } .styleguide_guide_wrap { z-index: 2000; pointer-events: none; display: none; position: fixed; inset: 0% 0% auto; overflow: hidden; } .styleguide_guide_layout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: 1fr; grid-template-columns: repeat(var(--site--column-count), minmax(0, 1fr)); display: grid; } .styleguide_guide_column { color: #8a8a8a80; background-color: #9292920f; flex-flow: column; justify-content: flex-end; align-items: center; height: 100vh; padding-top: .6rem; padding-bottom: .6rem; display: flex; } .g_eyebrow_wrap { align-items: inherit; border-top-left-radius: var(--radius--xs); border-top-right-radius: var(--radius--xs); border-bottom-left-radius: var(--radius--xs); border-bottom-right-radius: var(--radius--xs); background-color: var(--_theme---eyebrow--background-1); color: var(--_theme---eyebrow--text-1); text-transform: var(--_eyebrow-style---text-transform); --_eyebrow-style---text-transform: var(--_typography---text-transform--uppercase); --_eyebrow-style---font-family: var(--_typography---font--primary-family); --_eyebrow-style---font-size: var(--_typography---font-size--text-xs); --_eyebrow-style---line-height: var(--_typography---line-height--1-3); --_eyebrow-style---font-weight: var(--_typography---font--primary-semibold); --_eyebrow-style---letter-spacing: var(--_typography---letter-spacing--0-08em); --_eyebrow-style---text-wrap: pretty; width: fit-content; padding: .5rem; } .g_eyebrow_wrap:where(.w-variant-42f419bf-0b32-8146-860f-9081106d5669) { --_eyebrow-style---text-transform: var(--_typography---text-transform--uppercase); --_eyebrow-style---font-family: var(--_typography---font--primary-family); --_eyebrow-style---font-size: var(--_typography---font-size--text-sm); --_eyebrow-style---line-height: var(--_typography---line-height--1-3); --_eyebrow-style---font-weight: var(--_typography---font--primary-semibold); --_eyebrow-style---letter-spacing: var(--_typography---letter-spacing--0-08em); --_eyebrow-style---text-wrap: pretty; } .g_eyebrow_wrap.is-product { background-color: var(--_swatch---teal--700); } .g_eyebrow_wrap.mxs-eyebrow-c { margin-bottom: 1.5rem; margin-left: auto; margin-right: auto; } .g_eyebrow_text { font-family: var(--_eyebrow-style---font-family); color: var(--_theme---eyebrow--text-1); font-size: var(--_eyebrow-style---font-size); line-height: var(--_eyebrow-style---line-height); font-weight: var(--_eyebrow-style---font-weight); letter-spacing: var(--_eyebrow-style---letter-spacing); text-transform: uppercase; } .g_eyebrow_text.is-product { color: var(--_swatch---teal--50); } .g_clickable_wrap { z-index: 3; border-radius: inherit; width: 100%; height: 100%; position: absolute; inset: 0%; } .g_svg { width: 100%; height: 100%; display: block; overflow: visible !important; } .g_heading { font-family: var(--_heading-style---font-family); font-size: var(--_heading-style---font-size); line-height: var(--_heading-style---line-height); font-weight: var(--_heading-style---font-weight); letter-spacing: var(--_heading-style---letter-spacing); --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--text-base); --_heading-style---line-height: var(--_typography---line-height--1-5); --_heading-style---font-weight: var(--_typography---font--primary-regular); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--4); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_heading-style---text-transform, none); text-wrap: var(--_heading-style---text-wrap); max-width: calc(var(--number) * 1ch); } .g_heading:where(.w-variant-22499e30-15e5-95d7-54d7-04694480696c) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-2xl); --_heading-style---line-height: var(--_typography---line-height--1); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-02em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--6); --_heading-style---text-transform: var(--_typography---text-transform--none); } .g_heading:where(.w-variant-cb2513ea-7299-7204-5dae-c0a0c0bac915) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-xl); --_heading-style---line-height: var(--_typography---line-height--1-1); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--5); --_heading-style---text-transform: var(--_typography---text-transform--none); } .g_heading:where(.w-variant-2fdaea33-f2d0-52b5-cb1f-8568b2dddc6f) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-lg); --_heading-style---line-height: var(--_typography---line-height--1-1); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--5); --_heading-style---text-transform: var(--_typography---text-transform--none); } .g_heading:where(.w-variant-037f3230-31a4-671d-8155-9c592e242019) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-md); --_heading-style---line-height: var(--_typography---line-height--1-2); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); } .g_heading:where(.w-variant-3fa8ad02-16ec-64a9-ba75-37e4c985fa1d) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-sm); --_heading-style---line-height: var(--_typography---line-height--1-2); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-005em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); } .g_heading:where(.w-variant-959cd13f-0561-b99f-3f8f-087fe670326c) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-xs); --_heading-style---line-height: var(--_typography---line-height--1-2); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); } .g_heading:where(.w-variant-0fe35947-7937-dbc2-d7f6-b6adf6b8c25c) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-2xl); --_heading-style---line-height: var(--_typography---line-height--1); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-02em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--6); --_heading-style---text-transform: var(--_typography---text-transform--none); } .g_heading:where(.w-variant-043ff460-55ef-2ef8-630a-c66403fae90b) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-xl); --_heading-style---line-height: var(--_typography---line-height--1-1); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--5); --_heading-style---text-transform: var(--_typography---text-transform--none); } .g_heading:where(.w-variant-0a3c5e63-bef6-5bd4-b9b9-e3adffd23742) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-lg); --_heading-style---line-height: var(--_typography---line-height--1-1); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--5); --_heading-style---text-transform: var(--_typography---text-transform--none); } .g_heading:where(.w-variant-38f06dac-623b-c865-dc3a-3c89c073b233) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-md); --_heading-style---line-height: var(--_typography---line-height--1-2); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); } .g_heading:where(.w-variant-3c35c0d0-3e89-79e9-e9ba-fe0fb5b49019) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-sm); --_heading-style---line-height: var(--_typography---line-height--1-2); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0-005em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); } .g_heading:where(.w-variant-35ba1ad5-bf70-b515-1825-fbc8a1640d08) { --_heading-style---font-family: var(--_typography---font--primary-family); --_heading-style---font-size: var(--_typography---font-size--display-xs); --_heading-style---line-height: var(--_typography---line-height--1-2); --_heading-style---font-weight: var(--_typography---font--primary-semibold); --_heading-style---letter-spacing: var(--_typography---letter-spacing--0em); --_heading-style---text-wrap: pretty; --_heading-style---margin-top: var(--_spacing---space--7); --_heading-style---margin-bottom: var(--_spacing---space--4); --_heading-style---text-transform: var(--_typography---text-transform--none); } .g_heading strong { color: var(--_swatch---teal--600); font-weight: 600; } .g_paragraph { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-base); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); align-items: inherit; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); max-width: calc(var(--number) * 1ch); } .g_paragraph:where(.w-variant-791757e1-a0d3-0bfe-925f-eac291cd892c) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-lg); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); } .g_paragraph:where(.w-variant-33265145-e101-d712-3351-be67881de54f) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-md); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); } .g_paragraph:where(.w-variant-bf4a7308-90d3-9527-1c7c-1b422aa49dc7) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-sm); --_text-style---line-height: var(--_typography---line-height--1-4); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); } .g_paragraph:where(.w-variant-517656c2-55ef-ba6d-def8-af26aad8a4cb), .g_paragraph:where(.w-variant-74f93414-acee-7df7-54c4-23a73eea2822) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-xs); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); } .g_paragraph:where(.w-variant-ab941ef0-0c6a-b9ba-e9aa-6dd72b1f86b3) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-sm); --_text-style---line-height: var(--_typography---line-height--1-4); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); } .g_paragraph:where(.w-variant-426aea25-6c2e-a05f-0dcd-3b869ad0e9b2) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-md); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); } .g_paragraph:where(.w-variant-8778b4e1-a670-a3f8-fa65-58a6604e558d), .g_paragraph:where(.w-variant-ff2a4b86-aced-058b-9554-2d10282f7005) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-lg); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); } .g_paragraph:where(.w-variant-e0aa918a-8c55-92a3-70bb-f2d85539355a), .g_paragraph.u-rich-text:where(.w-variant-ff2a4b86-aced-058b-9554-2d10282f7005) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-xl); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); } .g_paragraph.u-rich-text:where(.w-variant-ff2a4b86-aced-058b-9554-2d10282f7005) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-xl); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); } .g_paragraph.u-rich-text:where(.w-variant-426aea25-6c2e-a05f-0dcd-3b869ad0e9b2) { max-width: calc(var(--number) * 1ch); } .u-color-2 { color: var(--_theme---text--text-2); } .g_icon { width: 100%; height: 100%; display: contents; } .u-mb-0-5 { margin-bottom: var(--_spacing---space--0-5\); } .u-text-style-xl { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-xl); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); max-width: calc(var(--number) * 1ch); } .u-section { border-radius: var(--radius--xl); margin: 1rem; } .btn_icon_wrap { z-index: 2; aspect-ratio: 1; flex-shrink: 0; justify-content: center; align-items: center; width: 1em; height: 1em; display: flex; position: relative; } .u-gap-20 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--20); } .u-background-3 { background-color: var(--_theme---background--bg-teal-50); } .u-text-block { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .u-text-block:where(.w-variant-b3e9c11f-7f62-709b-7742-8be4aad55a6f) { text-align: center; justify-content: flex-start; align-items: center; } .u-text-style-lg { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-lg); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); } .u-text-style-lg.u-weight2-sbold { font-weight: var(--_typography---font--secondary-semibold); } .hero1_layout.u-grid-above { --_column-count---value: 2; } .u-section-padding-24 { padding-top: var(--_spacing---space--24); padding-bottom: var(--_spacing---space--24); } .hero1_info_circle { border-radius: var(--radius--full); background-color: var(--_swatch---light-1); flex: none; justify-content: center; align-items: center; width: 2rem; height: 2rem; display: flex; } .hero1_info_wrap { flex: none; justify-content: center; align-items: center; display: flex; } .hero1_img_wrap { position: relative; } .hero1_img { border-radius: .75rem; width: 100%; height: 100%; display: block; } .g_icon_path { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; } .why3_layout.u-grid-above { --_column-count---value: 2; } .why3_list { margin-top: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; } .why3_list.u-vflex-left-top.u-gap-8 { gap: 2.5rem; } .why3_item_wrap.u-hflex-left-top.u-gap-8 { gap: 1.5rem; } .why3_item_icon { aspect-ratio: 1; background-color: var(--_theme---background--bg-teal-50); border-radius: .75rem; flex-shrink: 0; width: 4.5rem; } .why3_item_link_wrap { color: var(--_theme---text--text-link); } .why3_item_arrow { flex-shrink: 0; } .strip1_wrap { width: 100%; position: relative; overflow: clip; } .strip1_item { flex: none; padding-left: .625rem; padding-right: .625rem; } .strip1_visual { aspect-ratio: 40 / 29; width: 20rem; max-width: 60vw; position: relative; overflow: hidden; } .strip1_visual.u-radius-lg.mxs-strip-lg { aspect-ratio: 4 / 3; aspect-ratio: 4 / 3; aspect-ratio: 4 / 3; width: 26rem; max-width: 35vw; } .strip1_img { background-color: var(--_theme---background--bg-2); } .strip1_viewport { width: 100%; } .strip1_track { margin-top: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; } .why3_item_text.u-text-style-base.u-mt-3 { margin-top: .5rem; } .why3_item_title { font-family: var(--_heading-style---font-family); color: #008b8c; letter-spacing: -.01em; margin-top: 0; margin-bottom: 0; font-size: 2.5rem; font-weight: 600; line-height: 1.1; } .why3_item_title.u-text-style-lg.u-weight2-sbold { font-weight: var(--_typography---font--secondary-semibold); } .g_retain { display: none; } .g_focus_css { position: static; } .icon_svg { width: 100%; height: 100%; display: block; overflow: visible; } .g_icon_slot { width: var(--_icons---size); aspect-ratio: 1; --_icons---size: 1.25rem; flex-shrink: 0; justify-content: center; align-items: center; } .g_icon_slot:where(.w-variant-cd7cd26e-dd4b-2232-d254-0cc1ec6a775d) { --_icons---size: 1rem; } .g_icon_slot:where(.w-variant-ba37f25b-565e-2df6-5f75-5d41c8f8dd88) { --_icons---size: .75rem; } .g_icon_slot:where(.w-variant-744cc706-c44c-da9a-55fa-30e9344666e7) { --_icons---size: 1.5rem; } .g_icon_slot:where(.w-variant-9dc24521-29d9-3dce-c471-b29dcb04860c) { --_icons---size: 2rem; } .g_icon_slot:where(.w-variant-c88c431a-8af9-0a42-1fa1-9c29f4809716) { --_icons---size: 3rem; } .hero1_cards_wrap { pointer-events: none; padding: 0; position: absolute; inset: 0; } .hero1_slot_top { width: 54%; position: absolute; top: -11%; left: 10%; } .hero1_slot_right { width: 44%; position: absolute; top: 35%; right: -4%; } .hero1_slot_left { width: 44%; position: absolute; top: 49%; left: -11%; } .hero1_slot_bottom { width: 64%; position: absolute; bottom: -7%; left: 26%; } .hero1_card_wrap { pointer-events: auto; width: 100%; padding-top: var(--_spacing---space--5); padding-right: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); padding-left: var(--_spacing---space--5); background-color: var(--_swatch---light-1); } .hero1_card_icon { background-color: var(--_swatch---teal--50); width: 3rem; height: 3rem; color: var(--_swatch---teal--700); flex: none; } .hero1_card_glyph { flex-shrink: 0; } .hero1_card_body { flex: 1; min-width: 0; } .hero1_card_eyebrow { letter-spacing: .08em; text-transform: uppercase; color: var(--_swatch---neutral--600); } .hero1_card_badge { letter-spacing: .08em; text-transform: uppercase; background-color: var(--_swatch---teal--50); color: var(--_swatch---teal--700); padding: .125rem .5rem; } .hero1_card_stat { color: var(--_swatch---neutral--900); font-variant-numeric: tabular-nums; } .hero1_card_stat.u-text-style-xl.u-weight2-sbold { font-weight: var(--_typography---font--secondary-semibold); font-weight: var(--_typography---font--secondary-semibold); font-weight: var(--_typography---font--secondary-semibold); } .hero1_card_name { color: var(--_swatch---neutral--900); } .hero1_card_support { color: var(--_swatch---neutral--600); } .hero1_card_accent { color: var(--_swatch---teal--600); display: inline; } .hero1_card_foot { min-height: 1.5rem; } .hero1_card_tick { background-color: var(--_swatch---teal--700); width: 1.5rem; height: 1.5rem; color: var(--_swatch---light-1); flex: none; } .hero1_tick_glyph { flex-shrink: 0; } .hero1_card_lead { color: inherit; display: inline; } .g_text_block_wrap:where(.w-variant-b3e9c11f-7f62-709b-7742-8be4aad55a6f), .g_text_block_wrap.u-text-block.center, .g_text_block_wrap.u-text-block.center-2, .g_text_block_wrap.u-text-block.center, .g_text_block_wrap.u-text-block.center-2 { text-align: center; justify-content: flex-start; align-items: center; } .mxs-main { display: block; } .mxs-btns { flex-wrap: wrap; gap: .5rem; margin-top: 2.5rem; display: flex; } .mxs-btns.mxs-btns-c { justify-content: center; } .mxs-section { padding-top: 6rem; padding-bottom: 6rem; scroll-margin-top: 6rem; } .mxs-section.mxs-tint { background-color: var(--_swatch---teal--50); background-color: var(--_swatch---teal--50); border-radius: 1rem; margin: 1rem; padding-left: 0; padding-right: 0; } .mxs-h { z-index: 1; text-wrap: balance; margin-top: 0; margin-bottom: 0; position: relative; } .mxs-p { margin-top: 1.5rem; margin-bottom: 0; } .mxs-p2 { margin-top: 1rem; margin-bottom: 0; } .mxs-narrow_center { text-align: center; max-width: 42rem; margin-left: auto; margin-right: auto; } .mxs-brands { flex-direction: column; row-gap: 1.5rem; margin-top: 4rem; display: flex; } .mxs-brand_card { background-color: var(--_theme---background--bg-1); border-radius: 1rem; grid-template-rows: auto; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; gap: 2rem 3rem; padding: 3rem; display: grid; box-shadow: 0 .625rem .9375rem -.1875rem #1f1d1e1a, 0 .25rem .375rem -.25rem #1f1d1e1a; } .mxs-brand_plain { background-color: var(--_theme---background--bg-1); border-radius: 1rem; grid-template-rows: auto; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; gap: 2rem 3rem; padding: 3rem; display: grid; box-shadow: 0 .625rem .9375rem -.1875rem #1f1d1e1a, 0 .25rem .375rem -.25rem #1f1d1e1a; } .mxs-brand_media { background-image: radial-gradient(at 50% 55%, #5ecdcd59 0%, #5ecdcd00 70%); min-width: 0; } .mxs-brand_media-end { background-image: radial-gradient(at 50% 55%, #5ecdcd59 0%, #5ecdcd00 70%); order: 2; min-width: 0; } .mxs-brand_img { filter: drop-shadow(0 18px 22px #002f3038); width: 100%; height: auto; display: block; } .mxs-brand_content { min-width: 0; } .mxs-roles_wrap { padding-top: 1rem; padding-bottom: 1rem; } .mxs-roles_card { background-color: var(--_swatch---teal--700); color: var(--_theme---text--text-1); --_theme---background--bg-1: var(--_swatch---dark-1); --_theme---text--text-1: var(--_swatch---light-1); --_theme---background--bg-2: var(--_swatch---dark-2); --_theme---border--border-1: var(--_swatch---light-1); --_theme---button-secondary--text: var(--_swatch---light-2); --_theme---button-text-primary--line: var(--_swatch---light-2); --_theme---eyebrow--background-1: var(--_swatch---teal--700); --_theme---eyebrow--text-1: var(--_swatch---teal--50); --_theme---text--text-2: var(--_swatch---teal--300); --_theme---text--text-accent: var(--_swatch---accent); --_theme---text--text-light: var(--_swatch---light-1); --_theme---text--text-dark: var(--_swatch---dark-1); --_theme---background--bg-light: var(--_swatch---light-1); --_theme---background--bg-dark: var(--_swatch---dark-1); --_theme---background--bg-teal-50: var(--_swatch---teal--50); --_theme---text--text-link: var(--_swatch---light-2); --_theme---border--border-2: var(--_swatch---alpha--alpha-light-20); --_theme---selection--background: var(--_theme---text--text-1); --_theme---selection--text: var(--_theme---background--bg-1); --_theme---button-primary--background: var(--_swatch---light-2); --_theme---button-primary--border: var(--_swatch---light-2); --_theme---button-primary--text: var(--_swatch---dark-1); --_theme---button-primary--background-hover: var(--_swatch---light-1); --_theme---button-primary--border-hover: var(--_swatch---light-1); --_theme---button-primary--text-hover: var(--_swatch---dark-1); --_theme---button-secondary--background: var(--_swatch---transparent); --_theme---button-secondary--border: var(--_swatch---light-2); --_theme---button-secondary--background-hover: var(--_swatch---teal--700); --_theme---button-secondary--border-hover: var(--_swatch---light-1); --_theme---button-secondary--text-hover: var(--_swatch---light-1); --_theme---button-text-primary--text: var(--_swatch---light-2); --_theme---button-text-primary--text-hover: var(--_swatch---light-1); --_theme---button-text-primary--line-hover: var(--_swatch---light-1); background-image: linear-gradient(135deg, #006b6c 0%, #004c4d 100%); border-radius: 1rem; grid-template-rows: auto; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); align-items: center; gap: 3rem 4rem; padding: 4rem; display: grid; } .mxs-roles_head { min-width: 0; } .mxs-roles_list { grid-template-rows: auto; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.5rem 1.5rem; margin-top: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; display: grid; } .mxs-roles_item { text-align: center; flex-direction: column; align-items: center; row-gap: .75rem; display: flex; } .mxs-roles_icon { width: 4rem; height: 4rem; color: var(--_theme---text--text-1); background-color: #ffffff1f; border: 1px solid #ffffff38; border-radius: 50%; justify-content: center; align-items: center; display: flex; box-shadow: inset 0 1px #ffffff26, 0 10px 20px -10px #00181880; } .mxs-roles_label { color: var(--_theme---text--text-1); margin-top: 0; margin-bottom: 0; } .mxs-contact_card { background-color: var(--_theme---background--bg-1); border-radius: 1rem; grid-template-rows: auto; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 2.5rem 4rem; padding: 4rem; display: grid; box-shadow: 0 .625rem .9375rem -.1875rem #1f1d1e1a, 0 .25rem .375rem -.25rem #1f1d1e1a; } .mxs-contact_intro { min-width: 0; } .mxs-form_wrap { min-width: 0; margin-bottom: 0; } .mxs-form, .mxs-form._w-form { grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem; display: grid; } .mxs-input { border: 1px solid var(--_swatch---neutral--300); background-color: var(--_theme---background--bg-1); border-radius: .75rem; width: 100%; min-height: 3.25rem; margin-bottom: 0; padding: .75rem 1rem; font-size: 1rem; line-height: 1.5; } .mxs-input:focus { border-color: var(--_swatch---teal--600); box-shadow: 0 0 0 3px #008b8c2e; } .mxs-input._w-input { border-style: solid; border-width: 1px; border-top-color: var(--_swatch---neutral--300); border-right-color: var(--_swatch---neutral--300); border-bottom-color: var(--_swatch---neutral--300); border-left-color: var(--_swatch---neutral--300); border-style: solid; border-width: 1px; border-top-color: var(--_swatch---neutral--300); border-right-color: var(--_swatch---neutral--300); border-bottom-color: var(--_swatch---neutral--300); border-left-color: var(--_swatch---neutral--300); background-color: #fff; border-radius: .75rem; width: 100%; min-height: 3.25rem; margin-bottom: 0; padding: .75rem 1rem; font-size: 1rem; line-height: 1.5; } .mxs-input_full { border: 1px solid var(--_swatch---neutral--300); background-color: var(--_theme---background--bg-1); border-radius: .75rem; grid-column: 1 / -1; width: 100%; min-height: 3.25rem; margin-bottom: 0; padding: .75rem 1rem; font-size: 1rem; line-height: 1.5; } .mxs-input_full:focus { border-color: var(--_swatch---teal--600); box-shadow: 0 0 0 3px #008b8c2e; } .mxs-input_full._w-input { border-style: solid; border-width: 1px; border-top-color: var(--_swatch---neutral--300); border-right-color: var(--_swatch---neutral--300); border-bottom-color: var(--_swatch---neutral--300); border-left-color: var(--_swatch---neutral--300); background-color: #fff; border-radius: .75rem; grid-column: 1 / -1; width: 100%; min-height: 3.25rem; margin-bottom: 0; padding: .75rem 1rem; font-size: 1rem; line-height: 1.5; } .mxs-textarea { border: 1px solid var(--_swatch---neutral--300); background-color: var(--_theme---background--bg-1); border-radius: .75rem; grid-column: 1 / -1; width: 100%; min-height: 10rem; margin-bottom: 0; padding: .75rem 1rem; font-size: 1rem; line-height: 1.5; } .mxs-textarea:focus { border-color: var(--_swatch---teal--600); box-shadow: 0 0 0 3px #008b8c2e; } .mxs-textarea._w-input { border-style: solid; border-width: 1px; border-top-color: var(--_swatch---neutral--300); border-right-color: var(--_swatch---neutral--300); border-bottom-color: var(--_swatch---neutral--300); border-left-color: var(--_swatch---neutral--300); background-color: #fff; border-radius: .75rem; grid-column: 1 / -1; width: 100%; min-height: 10rem; margin-bottom: 0; padding: .75rem 1rem; font-size: 1rem; line-height: 1.5; } .mxs-submit { background-color: var(--_swatch---teal--700); color: var(--_theme---text--text-light); cursor: pointer; border-width: 0; border-radius: 100vw; grid-column: 1 / -1; justify-self: start; padding: .625rem 1.5rem; font-weight: 500; } .mxs-submit._w-button { color: #fff; cursor: pointer; background-color: var(--_swatch---teal--700); border-width: 0; border-radius: 100vw; grid-column: 1 / -1; justify-self: start; padding: .875rem 1.75rem; font-weight: 600; } .mxs-form_msg { margin-top: 0; margin-bottom: 0; } .mxs-nav_wrap { z-index: 100; border-bottom: 1px solid var(--_swatch---neutral--150); background-color: var(--_theme---background--bg-1); position: sticky; top: 0; } .mxs-skip { z-index: 101; } .mxs-nav_contain { justify-content: space-between; align-items: center; column-gap: 2rem; min-height: clamp(4rem, 3.6488rem + 1.43vw, 5rem); display: flex; position: relative; } .mxs-nav_logo { align-items: center; display: flex; } .mxs-nav_logo_img { width: auto; height: 1.993rem; display: block; } .mxs-nav_menu { align-items: center; column-gap: 2rem; display: flex; } .mxs-nav_link { color: var(--_swatch---neutral--900); font-size: var(--_typography---font-size--text-sm); font-weight: 500; text-decoration: none; } .mxs-nav_toggle { width: 2.75rem; height: 2.75rem; color: var(--_swatch---neutral--900); justify-content: center; align-items: center; display: none; } .mxs-footer_wrap { border-top: 1px solid var(--_swatch---neutral--150); background-color: var(--_theme---background--bg-1); margin-top: 2rem; padding-top: 3rem; padding-bottom: 3rem; } .mxs-footer_layout { flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1.5rem 2rem; display: flex; } .mxs-footer_logo { align-items: center; display: flex; } .mxs-footer_logo_img { width: auto; height: 2rem; display: block; } .mxs-footer_nav { flex-wrap: wrap; gap: .75rem 2rem; display: flex; } .mxs-footer_link { color: var(--_swatch---neutral--900); text-decoration: none; } .mxs-footer_legal { border-top: 1px solid var(--_swatch---neutral--150); color: var(--_swatch---neutral--600); margin-top: 2rem; margin-bottom: 0; padding-top: 1.5rem; } .mxs-feat_text, .mxs-careers_intro { min-width: 0; } .mxs-anchor { height: 0; scroll-margin-top: 6rem; display: block; } @media screen and (max-width: 991px) { .form-columns-2 { grid-template-columns: 1fr; } .hero1_img { height: auto; } .tabs_panel_wrap.u-background-3 { padding-left: 1rem; } .nav1_menu_dropdown { opacity: 1; visibility: visible; max-height: none; padding-top: 0; position: relative; } .nav1_link_text { font-size: 1em; } .nav1_toggle_wrap { display: flex; } .nav1_dropdown_scroll { grid-template-rows: 0fr; width: 100%; max-height: none; display: grid; position: relative; overflow: hidden; } .nav1_menu_wrap { visibility: hidden; width: 100%; height: 100dvh; padding-top: var(--nav--total); background-color: var(--_theme---background--bg-light); opacity: 0; position: fixed; inset: 0%; } .nav1_contain { min-height: var(--nav--height); } .nav1_link_wrap { justify-content: space-between; align-items: center; width: 100%; padding-left: .5rem; padding-right: .5rem; } .nav1_menu_scroll { grid-row-gap: 2rem; flex-flow: column; justify-content: space-between; width: 100%; height: 100%; padding: 1.5rem; display: flex; overflow: hidden auto; } .nav1_dropdown_layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .nav1_menu_end_wrap { display: flex; } .nav1_menu_list { flex-flow: column; justify-content: center; align-items: stretch; } .nav1_dropdown_overflow { flex-flow: column; width: 100%; height: 10000%; display: flex; position: relative; overflow: hidden; } .nav1_dropdown_contain { padding-left: .5rem; padding-right: .5rem; } .nav1_dropdown_back_wrap { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); align-items: center; display: flex; } .person_card_wrap { row-gap: var(--_spacing---space--4); grid-template-columns: minmax(0, 1fr); } .nav1_mobile_heading.u-text-style-lg.u-weight-sbold { font-weight: var(--_eyebrow-style---font-weight); font-weight: var(--_eyebrow-style---font-weight); font-weight: var(--_eyebrow-style---font-weight); } .smx-ptile_slot { left: 1rem; } .smx-pfc_cols, .smx-pff_layout { grid-template-rows: auto; grid-template-columns: 1fr; } .smx-pff_head { position: static; } .mxs-hero_content { padding-left: 3rem; } .mxs-split { grid-template-rows: auto; grid-template-columns: minmax(0, 1fr); } .mxs-brand_card, .mxs-brand_plain { grid-template-rows: auto; grid-template-columns: minmax(0, 1fr); padding: 2rem; } .mxs-brand_media-end { order: 0; } .mxs-roles_card, .mxs-contact_card { grid-template-rows: auto; grid-template-columns: minmax(0, 1fr); padding: 3rem 2rem; } .mxs-nav_menu { border-bottom: 1px solid var(--_swatch---neutral--150); background-color: var(--_theme---background--bg-1); flex-direction: column; align-items: flex-start; row-gap: 1.25rem; padding: 1.5rem 1.5rem 2rem; display: none; position: absolute; top: 100%; left: 0; right: 0; } .mxs-nav_link { font-size: inherit; } .mxs-nav_dd { flex-wrap: wrap; } .mxs-nav_ddlist { width: 100%; box-shadow: none; padding: .25rem 0 0; position: static; } .mxs-nav_toggle { display: flex; } .mxs-people { grid-template-rows: auto; grid-template-columns: minmax(0, 1fr); } .mxs-hist { grid-template-rows: auto; grid-template-columns: minmax(0, 1fr); column-gap: 0; } .mxs-hist_intro { position: relative; top: auto; } .mxs-hist_list { padding-top: 0; } .mxs-culture { grid-template-rows: auto; grid-template-columns: minmax(0, 1fr); row-gap: 2rem; } .mxs-culture_art { display: none; } .mxs-culture_img { max-width: 18rem; } .mxs-band_grid, .mxs-feat { grid-template-rows: auto; grid-template-columns: minmax(0, 1fr); } .mxs-feat_media { padding-bottom: 1.5rem; padding-left: 1rem; } .mxs-feat_media.mxs-feat_media-r { padding-right: 1rem; } .mxs-feat_media.mxs-feat_sticky { position: relative; top: auto; } .mxs-story_art { display: none; } .mxs-job_grid { grid-template-columns: minmax(0, 1fr); } .mxs-careers3-visual { grid-column-start: span 12; } .mxs-job_head { grid-template-rows: auto; grid-template-columns: minmax(0, 1fr); } .mxs-job_layout { grid-template-rows: auto; grid-template-columns: minmax(0, 1fr); margin-top: 2.5rem; } .mxs-job_main { max-width: none; } .mxs-jobs_row { grid-template-columns: minmax(0, 1fr); } } @media screen and (max-width: 767px) { .hm3_img_wrap { aspect-ratio: 47 / 50; height: auto; max-height: 23rem; } .hero1_contain.u-container.u-section-padding-24 { padding-top: 40px; } .nav1_dropdown_layout { flex-flow: column; grid-template-columns: minmax(0, 1fr); display: flex; } .why3_item_title { font-size: 2rem; } .smx-ptile_layer { margin-top: -2.5rem; padding-left: .75rem; padding-right: .75rem; position: relative; } .smx-ptile_slot { width: auto; position: relative; top: auto; left: auto; } .smx-pfg_cols { grid-template-rows: auto; grid-template-columns: 1fr; } .mxs-hero_slide-a { align-items: flex-start; min-height: 42rem; } .mxs-hero_slide-b { align-items: flex-start; } .mxs-hero_img { opacity: 1; object-position: 82% 15%; height: 40%; top: auto; bottom: 0; } .mxs-hero_content { padding: 3rem 1.5rem 4rem; } .mxs-hero_dots { right: 1.5rem; } .mxs-section { padding-top: 4rem; padding-bottom: 4rem; } .mxs-roles_list { grid-template-rows: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); } .mxs-form, .mxs-form._w-form, .mxs-form._w-form { grid-template-rows: auto; grid-template-columns: minmax(0, 1fr); } .mxs-footer_layout { flex-direction: column; align-items: flex-start; } .mxs-footer_nav { flex-direction: column; } .mxs-pagehead { padding: 3rem 1.5rem; } .mxs-list { grid-template-columns: 1fr; } .mxs-cta_card { padding: 2.5rem 1.5rem; } .mxs-hero_shade { background-image: linear-gradient(#008e8c 0% 60%, #008e8c99 66%, #008e8c00 78%); display: block; } .mxs-pagehead_mark { opacity: .3; width: 6.5rem; top: auto; bottom: -2rem; right: -1.5rem; transform: rotate(-8deg); } .mxs-culture_art { display: none; } .mxs-jobs_card { margin-top: 2.5rem; } .mxs-jobs_head { padding: 1rem 1.25rem; } .mxs-jobs_sort { display: none; } } @media screen and (max-width: 479px) { .nav1_logo_wrap { width: 7rem; } .strip1_visual.u-radius-lg.mxs-strip-lg { max-width: 60vw; } .smx-hero2-cards { width: 15rem; top: 1rem; left: 1rem; } .smx-hero2-card { padding-right: 1rem; } .smx-hero2-card-label, .smx-hero2-card-value { font-size: 13px; } .smx-ptile_row, .smx-ptile_row_done { grid-row-gap: .125rem; flex-wrap: wrap; } .smx-ptile_label { flex-shrink: 0; max-width: 100%; } .smx-ptile_value, .smx-ptile_value_done { margin-left: auto; } .smx-pfc_card { padding: 1.5rem; } .mxs-brand_card, .mxs-brand_plain { padding: 1.25rem; } .mxs-roles_card { padding: 2.5rem 1.25rem; } .mxs-contact_card { padding: 2rem 1.25rem; } .mxs-nav_logo_img { height: 1.594rem; } .mxs-person { flex-direction: column; padding: 1.5rem 1.25rem; } .mxs-proof { column-gap: 1rem; padding: 1rem; } .mxs-proof_icon { width: 3rem; height: 3rem; } .mxs-feat_media { padding-bottom: 2.5rem; padding-left: 0; } .mxs-feat_media.mxs-feat_media-r { padding-bottom: 2.5rem; padding-right: 0; } .mxs-chip { max-width: none; padding: .875rem 1rem .875rem .875rem; left: .75rem; right: .75rem; } .mxs-chip_value { font-size: .9375rem; } .mxs-check { width: auto; margin-top: -2.5rem; margin-left: .75rem; margin-right: .75rem; position: relative; bottom: auto; right: auto; } .mxs-job { padding: 1.5rem 1.25rem; } }