:root { --_theme---background: var(--swatch--brand-25); --_text-style---font-family: var(--_typography---font--secondary-family); --_theme---heading: var(--swatch--brand-1000); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--secondary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --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); --_spacing---space--8: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem); --radius--main: .25rem; --_theme---background-2: var(--swatch--brand-50); --site--column-count: 12; --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)); --_responsive---large: 1; --_responsive---medium: 0; --_responsive---small: 0; --_responsive---xsmall: 0; --_spacing---space--6: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.5 * 1rem); --_spacing---section-space--main: clamp(3 * 1rem, ((3 - ((7 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7 * 1rem); --_spacing---space--5: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --max-width--small: 64rem; --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); --_gap---size: var(--site--gutter); --_column-count---value: 1; --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_spacing---space--3: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --border-width--lines: .0625rem; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_spacing---space--2: 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---section-space--none: 0px; --_spacing---section-space--small: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_spacing---section-space--large: clamp(4.25 * 1rem, ((4.25 - ((10 - 4.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((10 - 4.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 10 * 1rem); --_spacing---section-space--page-top: clamp(5.625 * 1rem, ((5.625 - ((14 - 5.625) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((14 - 5.625) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 14 * 1rem); --max-width--main: calc(var(--site--viewport-max) * 1rem); --max-width--full: 100%; --border-width--icons: .0625rem; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_spacing---space--7: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_typography---line-height--small: 1; --_typography---line-height--medium: 1.3; --_typography---line-height--large: 1.4; --_typography---line-height--huge: 1.5; --_typography---letter-spacing--tighter: -.03em; --_typography---letter-spacing--normal: 0em; --_theme---heading-accent\: var(--swatch--brand-600); --_spacing---space--1: clamp(.375 * 1rem, ((.375 - ((.5 - .375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.5 - .375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .5 * 1rem); --_spacing---space--4: 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--primary-family: ivypresto-display, sans-serif; --_typography---font--primary-thin: 100; --_typography---font--primary-light: 300; --_typography---font--primary-bold\: 700; --radius--large: .5rem; --radius--round: 100vw; --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_typography---font-size--text-large: clamp(1.125 * 1rem, ((1.125 - ((1.25 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --swatch--transparent: transparent; --_trigger---on: 1; --_trigger---off: 0; --_button-style---text: var(--_theme---button-primary--text); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_button-style---background: var(--_theme---button-primary--background); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---border: var(--_theme---button-primary--border); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --swatch--brand-800: #585049; --swatch--brand-300: #c0b4a6; --swatch--brand-25: #f8f7f4; --button-size--medium: 3rem; --button-size--large: 5rem; --_state---false: 0; --_state---true: 1; --swatch--brand-500: #a08e7a; --focus--offset-inner: calc(var(--focus--width) * -1); --swatch--brand-1000-o20: color-mix(in srgb, var(--swatch--brand-1000) 20%, transparent); --nav--radius: var(--radius--main); --_theme---nav--background: var(--_theme---background); --nav--max-width-inner: var(--max-width--main); --nav--height-total: calc(var(--nav--height) + var(--nav--spacing-outer-vertical)); --nav--spacing-outer-vertical: var(--_spacing---space--2); --swatch--dark-900\: #1f1d1e; --nav--height: 4rem; --nav--hamburger-thickness: var(--border-width--icons); --nav--hamburger-gap: var(--_spacing---space--1); --nav--spacing-inner-horizontal: var(--_spacing---space--5); --nav--max-width-outer: var(--max-width--main); --nav--spacing-outer-horizontal: var(--_spacing---space--2); --_typography---font-size--text-link-nav: clamp(.875 * 1rem, ((1 - ((.875 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.875 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --swatch--brand-700: #70645a; --focus--width: .125rem; --_theme---text-link--border-hover: var(--swatch--brand-500); --button-size--small: 1.5rem; --swatch--brand-1000: #282827; --swatch--accent-200: #ceebeb; --_typography---font-size--h4: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --swatch--accent-300: #aedede; --swatch--accent-500: #6ec4c4; --swatch--brand-900: #403c38; --swatch--brand-50: #f1eee9; --_navigation-style---background: var(--_theme---nav--background); --_navigation-style---link: var(--_theme---nav--link); --_navigation-style---link-hover: var(--_theme---text-link--text-hover); --_navigation-style---logo: var(--_theme---nav--logo); --_text-style---text-transform: var(--_typography---text-transform--none); --site--viewport-max: 120; --site--viewport-min: 20; --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --focus--offset-outer: .1875rem; --swatch--brand-25-o20: color-mix(in srgb, var(--swatch--brand-25) 20%, transparent); --swatch--brand-100: #e0dad2; --swatch--brand-200: #d0c7bc; --swatch--brand-400: #b0a190; --swatch--brand-600: #88786b; --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --swatch--accent-100: #edf8f8; --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --swatch--accent-400: #8ed1d1; --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --swatch--accent-600: #599; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --swatch--accent-700: #3b6c6c; --swatch--accent-800: #213f3f; --swatch--accent-900: #071212; --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --nav--banner-height: 2rem; --_theme---nav--logo: var(--swatch--brand-500); --_typography---font--primary-trim-top: .35em; --_typography---font--primary-trim-bottom: .44em; --_typography---font--secondary-family: Switzer, Arial, sans-serif; --_typography---font--secondary-trim-top: .36em; --_typography---font--secondary-trim-bottom: .37em; --_typography---font--secondary-light: 300; --_typography---font--secondary-regular: 400; --_typography---letter-spacing--tight: -.006em; --_typography---letter-spacing--wide: .006em; --_typography---letter-spacing--wider: .03em; --_typography---line-height--normal: 1.2; --_typography---font-size--text-small: clamp(.8125 * 1rem, ((.875 - ((.8125 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.8125 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .875 * 1rem); --_typography---font-size--text-main: clamp(1 * 1rem, ((1 - ((1 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --_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.125 * 1rem, ((1.125 - ((1.5 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_typography---font-size--h3: clamp(2 * 1rem, ((2 - ((2.25 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.25 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.25 * 1rem); --_typography---font-size--h2: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_typography---font-size--h1: 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--display: 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); --_typography---text-transform--none: var(--text-transform, none); --_typography---text-transform--uppercase: uppercase; --_typography---text-transform--capitalize: capitalize; --_typography---text-transform--lowercase: lowercase; } body { background-color: var(--_theme---background); font-family: var(--_text-style---font-family); color: var(--_theme---heading); 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); } h1, h2, h3, h4, h5, h6, p { display: flow-root; } 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-grid-wrapper { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); width: 100%; display: flex; } .u-grid-wrapper:where(.w-variant-b8204f2e-764d-b421-dc96-2c59d3054271) { container-type: inline-size; } .u-grid { grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); grid-column-gap: inherit; grid-row-gap: inherit; flex-flow: column; width: 100%; display: grid; } .u-grid:where(.w-variant-d58244bf-290f-ebb3-3aa0-352d6fa8e84f) { grid-template-columns: repeat(auto-fit, minmax(min(max(calc(var(--number, 12) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .u-grid:where(.w-variant-129319ac-a2cd-9e88-2ebd-a33b4bb85fa5) { grid-template-columns: repeat(auto-fill, minmax(min(max(calc(var(--number, 12) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .u-content-wrapper { text-align: start; justify-content: start; align-items: start; width: 100%; } .u-content-wrapper:where(.w-variant-4f54624e-ceb1-0769-a238-365d5e220b70) { text-align: center; justify-content: center; align-items: center; } .u-content-wrapper:where(.w-variant-405b6754-709a-81de-bf32-f0102c0c7aa2) { text-align: end; justify-content: end; align-items: end; } .u-content-wrapper:where(.w-variant-e98b91c1-a8bf-9b6d-a119-f398c9e3f46b) { text-align: var(--center-medium, start); align-items: var(--center-medium, start); justify-content: var(--center-medium, start); } .u-video { aspect-ratio: 2; background-color: var(--_theme---background-skeleton); width: 100%; height: 100%; } .u-video:where(.w-variant-db26956a-7929-76af-05b0-02971cbab2f4) { width: 100%; height: 100%; position: absolute; inset: 0%; aspect-ratio: unset !important; } .u-video:where(.w-variant-0b00a75a-35ba-66c2-fce0-21c117d62ce0) { aspect-ratio: 16 / 9; } .u-video:where(.w-variant-a9490bed-5b56-7b46-8413-993d16d77e88) { aspect-ratio: 3 / 2; } .u-video:where(.w-variant-ec7f8a9f-99ac-b5a5-140b-730400a62670) { aspect-ratio: 1; } .u-video:where(.w-variant-8157ca33-45d5-df1a-bd25-894298c8e117) { aspect-ratio: 5 / 4; } .u-video:where(.w-variant-f3f45657-6a73-93f9-25db-a80af56ad72a) { aspect-ratio: 4 / 5; } .u-video:where(.w-variant-c3ccbb6c-6fa7-1113-0f2e-08b77dffca68) { aspect-ratio: 2 / 3; } .u-image-wrapper { aspect-ratio: 2; background-color: var(--_theme---background-skeleton); object-fit: cover; width: 100%; height: 100%; position: relative; overflow: clip; } .u-image-wrapper:where(.w-variant-4972adff-107c-1f37-d19c-526a2bf55c28) { width: 100%; height: 100%; position: absolute; inset: 0%; aspect-ratio: unset !important; } .u-image-wrapper:where(.w-variant-a5f35569-5171-ee3d-f7bb-c5b2372249ac) { aspect-ratio: 1; } .u-image-wrapper:where(.w-variant-27d05669-180c-3169-9b64-0eda31f8d4d3) { aspect-ratio: 16 / 9; } .u-image-wrapper:where(.w-variant-a93327ec-aace-62d3-860b-21ee12acd25a) { aspect-ratio: 2 / 3; } .u-image-wrapper:where(.w-variant-57c7d8f5-d942-5de8-0712-e12fff699502) { aspect-ratio: 3 / 2; } .u-image-wrapper:where(.w-variant-35ea7d22-774e-1ba9-1dcc-8a392636f83d) { aspect-ratio: 4 / 5; } .u-image-wrapper:where(.w-variant-8e41429f-9f9e-7697-357e-815bd3e59383) { aspect-ratio: 5 / 4; } .u-image { object-position: calc(var(--x, 50) * 1%) calc(var(--y, 50) * 1%); object-fit: inherit; height: 100%; display: block; position: absolute; inset: 0%; } .u-eyebrow-wrapper { margin-bottom: var(--_spacing---space--5); justify-content: inherit; display: flex; } .u-eyebrow-layout { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); vertical-align: baseline; display: inline-flex; } .u-eyebrow-marker { width: var(--border-width--lines); background-color: currentColor; flex: none; padding-bottom: 0; padding-right: 0; } .u-eyebrow-text { margin-top: 0; margin-bottom: 0; } .u-text { margin-bottom: var(--_text-style---margin-bottom); 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-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); justify-content: center; align-items: inherit; max-width: calc(var(--number) * 1ch); flex-flow: column; min-width: 100%; display: flex; } .u-text:where(.w-variant-eee56f15-d7ce-d101-2f8c-83b3bbd55d4a) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--wide); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-3ddfa43e-abc1-422e-6e6d-23dfb7da71f3) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-efb733fe-da83-69a3-ea4a-b3f2f89d0389) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-ad482112-9d0e-852c-0f6e-ba1e5a3aee59) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-93e8af18-8413-e3ac-0442-72629401a3db) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-5c484503-e2a0-ac99-680d-56013d859efa) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-b8555f10-fa7d-e9ba-e262-f9aa44c27c1c) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--wide); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-fdb8e663-01e0-aae6-13eb-e6dfca16b689) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--secondary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--tighter); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-61d538b2-709c-eb7a-4258-8c0890dc07fc) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--secondary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-4099173f-f581-635c-a5fe-cf4a89c62029), .u-text:where(.w-variant-fe6f474d-1651-566b-eeff-3c86e8cbf153) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--large); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--wide); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); } .u-text:where(.w-variant-26cc9f23-e71c-deee-cd61-36dc24f35fae) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--secondary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-c8b8ac88-1ac7-e9f6-41cc-82c548bf142d) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--secondary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--tighter); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-47e40b0d-02af-2673-f429-546cac42dc5a) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--wide); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-12e93187-f8ac-b1a1-2e50-59d85a6bf516) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-f196774e-dbfd-d1b4-1196-b3e824fc5f7d) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-7bfbf33b-fb56-d8df-e2d2-8fe65a7f2e44) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-9af60b09-c3a1-8c2a-eb78-8e29460ca7a9) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-83c598b0-8cc2-f955-1996-fcb8fb10bf70) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-8ee37a78-065b-6879-973d-319c65e28313) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--wide); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-3fbd0d32-5675-1947-73b3-abb16c1fb986) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--large); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--wide); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); } .u-text:where(.w-variant-9027c8ae-1ba5-f702-ea6e-4a1c3fca9f64) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--secondary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-74a3180a-e505-b452-032f-599c8e557249) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--secondary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--tighter); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-823daff2-fd84-8da0-4ed1-92a39b869ad0) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--wide); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-326a9562-3263-06da-e8ef-16981fd70f1c) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-7c7eb163-b37d-338d-2369-5eae7e6d458a) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-701c4b6c-37cf-de59-d80d-80a1822c4994) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-433d40c6-c261-f13f-c899-61d2cadf150f) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-792802b6-ccdb-f982-5023-5fa970cf03d0) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-41c609dc-9c80-9eef-75df-03bf0eea00b4) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--wide); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-button-wrapper { margin-top: var(--_spacing---space--6); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); align-content: center; align-items: center; justify-content: inherit; flex-flow: wrap; display: flex; } .u-section { background-color: var(--_theme---background); color: var(--_theme---heading); flex-flow: column; justify-content: center; align-items: stretch; display: flex; position: relative; } .u-section:where(.w-variant-a4eabb01-8ed6-63d0-157e-0a7b56aedaa1) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .u-section:where(.w-variant-857e5430-97c7-deb6-3c1a-d3063f9fe2c7) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .u-section:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .u-section:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .u-section:where(.w-variant-25bf08d9-3196-322b-5616-019ac7f0f4f7) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .u-section-spacer { height: var(--_spacing---section-space--none); position: relative; } .u-section-spacer:where(.w-variant-d422cbd0-f212-c815-68df-63414354c21d) { height: var(--_spacing---section-space--small); } .u-section-spacer:where(.w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490) { height: var(--_spacing---section-space--main); } .u-section-spacer:where(.w-variant-8cc18b30-4618-8767-0111-f6abfe45aaa3) { height: var(--_spacing---section-space--large); } .u-section-spacer:where(.w-variant-41fc0c0a-cac3-53c9-9802-6a916e3fb342) { height: var(--site--margin); } .u-section-spacer:where(.w-variant-e359d2da-de19-6775-b122-3e06f925f39e) { height: var(--_spacing---section-space--page-top); } .u-container { z-index: 1; max-width: var(--max-width--main); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); width: calc(100% - var(--site--margin) * 2); flex-flow: column; justify-content: center; margin-left: auto; margin-right: auto; display: flex; position: relative; container-type: inline-size; } .u-container-small { z-index: 1; max-width: var(--max-width--small); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); width: calc(100% - var(--site--margin) * 2); flex-flow: column; justify-content: center; margin-left: auto; margin-right: auto; display: flex; position: relative; container-type: inline-size; } .u-svg { width: 100%; height: 100%; margin-left: auto; margin-right: auto; display: block; overflow: visible !important; } .u-svg:where(.w-variant-1c3f028b-116e-d4eb-db7f-8484491bbf2e) { transform: rotate(-180deg); } .u-svg:where(.w-variant-a0a4b133-f837-5340-6c98-04b1518f150d) { transform: rotate(-90deg); } .u-svg:where(.w-variant-5939aeba-b378-ecdc-f1bc-b6970df2be03) { transform: rotate(90deg); } .u-svg:where(.w-variant-dc469724-71a3-14e1-b5d5-1294323411ce) { transform: rotate(-180deg); } .u-svg:where(.w-variant-b18a0fcd-abb0-329e-47f4-79155dd8284a) { transform: rotate(-90deg); } .u-svg:where(.w-variant-caa8b8e9-e8ec-6eb3-4526-30f19f7326f5) { transform: rotate(90deg); } .u-path { stroke-width: var(--border-width--icons); stroke: currentColor; vector-effect: non-scaling-stroke; } .u-embed-css, .u-embed-js { display: none; } .u-theme-dark { background-color: var(--_theme---background); color: var(--_theme---heading); --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .u-text-style-main { 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-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--secondary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-small { 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-small); --_text-style---line-height: var(--_typography---line-height--large); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--wide); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-rich-text { text-wrap: var(--_text-style---text-wrap); align-items: inherit; justify-content: inherit; } .u-rich-text h1 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--normal); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_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 h2 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_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 h3 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_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 h4 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_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 h5 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text h6 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--wide); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); } .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-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--secondary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--tighter); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_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: inherit; 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: inherit; 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-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-grid-custom { 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-skeleton { background-color: var(--_theme---background-skeleton); } .u-gap-row-7 { grid-row-gap: var(--_spacing---space--7); } .u-margin-bottom-8 { margin-bottom: var(--_spacing---space--8); } .u-column-span-4 { grid-column-end: span 4; } .u-text-transform-uppercase { text-transform: uppercase; } .u-max-width-full { max-width: 100%; } .u-radius-small { border-radius: var(--radius--large); } .u-overflow-clip { overflow: clip; } .u-display-contents { display: contents; } .u-display-none { display: none; } .u-position-relative { position: relative; } .u-position-fixed { position: fixed; } .u-cover { width: 100%; height: 100%; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .u-ratio-16-9 { aspect-ratio: 16 / 9; } .button_main_element { grid-column-gap: .5rem; grid-row-gap: .5rem; border-top-style: solid; border-top-width: var(--border-width--lines); border-right-style: solid; border-right-width: var(--border-width--lines); border-bottom-style: solid; border-bottom-width: var(--border-width--lines); border-left-style: solid; border-left-width: var(--border-width--lines); text-align: center; vertical-align: middle; --_column-count---value: 1; --_button-style---text: var(--_theme---button-primary--text); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_button-style---background: var(--_theme---button-primary--background); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---border: var(--_theme---button-primary--border); --_button-style---border-hover: var(--_theme---button-primary--border-hover); color: color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off))); background-color: color-mix(in srgb, var(--_button-style---background) calc(100% * var(--_trigger---on)), var(--_button-style---background-hover) calc(100% * var(--_trigger---off))); border-top-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-right-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-bottom-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-left-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-radius: inherit; justify-content: center; align-items: center; height: 3rem; padding-bottom: 0; padding-left: 1.5rem; padding-right: 1.5rem; line-height: 1; transition-property: all; transition-duration: .4s; transition-timing-function: cubic-bezier(.77, 0, .175, 1); display: flex; position: relative; } .button_main_element:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_main_element:where(.w-variant-625d5df4-ad91-f7dc-9e2f-2e69f3fd7400) { border-top-style: none; border-right-style: none; border-bottom-color: var(--_theme---text-link--border); color: color-mix(in srgb, var(--_theme---text-link--text) calc(100% * var(--_trigger---on)), var(--_theme---text-link--text-hover) calc(100% * var(--_trigger---off))); border-left-style: none; border-right-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); background-color: #0000; height: 100%; padding: .5rem 0; } .button_main_element:where(.w-variant-2a5f6f0e-5b1b-8889-f976-f2655daac3f3) { --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_main_text { line-height: inherit; position: relative; } .page_wrap { flex-flow: column; min-height: 100svh; display: flex; overflow: clip; } .page_main { flex-flow: column; flex: 1; display: flex; } .guide_wrap { z-index: 2000; pointer-events: none; display: none; position: fixed; inset: 0% 0% auto; overflow: hidden; } .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; } .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; } .clickable_wrap { z-index: 3; border-radius: inherit; } .clickable_link { border-radius: inherit; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .clickable_btn { border-radius: inherit; width: 100%; height: 100%; display: none; position: absolute; inset: 0%; } .nav_links_svg { transform: rotate(calc(-180deg * var(--_state---false))); flex: none; width: 1rem; margin-left: auto; transition-property: transform; transition-duration: .2s; transition-timing-function: ease; overflow: visible !important; } .nav_mobile_contain { box-shadow: 0 1px 4px -2px var(--swatch--brand-1000-o20); width: calc(100% - 1.2rem); margin-left: auto; margin-right: auto; } .nav_banner_close_wrap { outline-offset: var(--focus--offset-inner); flex: none; justify-content: center; align-items: center; width: 100%; padding: 0; display: flex; position: relative; outline-color: var(--_theme---background) !important; } .nav_links_wrap { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex: 1; list-style-type: none; display: flex; } .nav_links_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_links_wrap.desktop-2 { flex-flow: row; flex: 1; justify-content: flex-start; align-items: stretch; display: flex; } .nav_links_wrap.is-mobile { margin-bottom: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); margin-bottom: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; } .nav_banner_wrap { z-index: 1; background-color: var(--_theme---heading); pointer-events: auto; color: var(--_theme---background); font-size: var(--text-small--font-size); height: var(--nav--banner-height); position: relative; } .nav_links_item { display: flex; } .nav_dropdown_mega_content { position: relative; } .nav_dropdown_mega_content:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_dropdown_mega_content.desktop-55, .nav_dropdown_mega_content.desktop-55 { border-radius: var(--nav--radius); background-color: var(--_theme---nav--background); } .nav_dropdown_mega_contain { width: 100%; margin-left: auto; margin-right: auto; position: relative; } .nav_dropdown_mega_contain:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_dropdown_mega_contain.desktop-57, .nav_dropdown_mega_contain.desktop-57 { max-width: var(--nav--max-width-inner); padding-top: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--8); } .nav_dropdown_main_scroll:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_dropdown_main_scroll.desktop-10, .nav_dropdown_main_scroll.desktop-44, .nav_dropdown_main_scroll.desktop-44 { border-top-left-radius: var(--nav--radius); border-top-right-radius: var(--nav--radius); border-bottom-left-radius: var(--nav--radius); border-bottom-right-radius: var(--nav--radius); background-color: var(--_theme---nav--background); max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); position: relative; overflow-x: hidden; overflow-y: auto !important; } .nav_component { z-index: 1000; pointer-events: none; background-color: #0000; position: sticky; inset: 0% 0% auto; container-type: inline-size; } .nav_component:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f), .nav_component:where(.w-variant-e77b5ce8-641a-7918-de12-678f4f5f41d5) { position: fixed; } .nav_dropdown_main_wrap { background-color: #0000; min-width: 0; position: relative; } .nav_dropdown_main_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_dropdown_main_wrap.desktop-8, .nav_dropdown_main_wrap.desktop-42, .nav_dropdown_main_wrap.desktop-42 { padding-top: var(--_spacing---space--1); width: 10rem; position: absolute; } .nav_dropdown_backdrop { z-index: 0; opacity: 0; pointer-events: none; background-color: color-mix(in srgb, var(--swatch--dark-900\) 20%, transparent); width: 100%; height: 100vh; display: none; position: absolute; inset: 0%; } .nav_search_field { font-size: inherit; color: inherit; background-color: #0000; border-style: none; border-width: 0; border-radius: 0; width: 100%; min-width: 0; max-width: 100%; height: 2.9em; margin-bottom: 0; padding: 0 0; } .nav_search_field::placeholder { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .nav_desktop_layout { max-width: var(--max-width--main); grid-column-gap: var(--_spacing---space--3); pointer-events: auto; justify-content: space-between; width: 100%; margin-top: .6rem; margin-left: auto; margin-right: auto; display: flex; position: static; } .nav_dropdown_component { z-index: unset; width: 100%; height: 100%; margin-left: 0; margin-right: 0; position: static; } .nav_dropdown_link { z-index: 2; padding-top: var(--_spacing---space--1); padding-right: 0; padding-bottom: var(--_spacing---space--1); grid-column-gap: var(--_spacing---space--2); cursor: pointer; color: inherit; font-size: var(--text-small--font-size); flex: 1; justify-content: flex-start; align-items: center; width: 100%; padding-left: 0; display: flex; position: relative; outline-offset: var(--focus--offset-inner) !important; } .nav_dropdown_link:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_dropdown_link.desktop-13, .nav_dropdown_link.desktop-16, .nav_dropdown_link.desktop-19, .nav_dropdown_link.desktop-47, .nav_dropdown_link.desktop-47 { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); border-bottom-style: solid; border-bottom-width: var(--border-width--lines); border-bottom-color: var(--_theme---border); padding-left: calc(var(--_spacing---space--6) / 2); padding-right: calc(var(--_spacing---space--6) / 2); font-size: inherit; display: block; } .nav_mobile_menu_wrap { max-width: var(--max-width--main); padding-top: var(--nav--height); border-top-left-radius: var(--nav--radius); border-top-right-radius: var(--nav--radius); border-bottom-left-radius: var(--nav--radius); border-bottom-right-radius: var(--nav--radius); background-color: var(--_theme---nav--background); pointer-events: auto; text-align: left; padding-left: calc(var(--site--margin) / 2); padding-right: calc(var(--site--margin) / 2); width: calc(100% - 1.2rem); margin-left: auto; margin-right: auto; inset: 0% 0% auto; transform: none !important; } .nav_links_search_icon { width: 1.1rem; } .nav_dropdown_text { transition: opacity .1s; } .nav_button_line { height: var(--nav--hamburger-thickness); pointer-events: auto; background-color: currentColor; flex: none; width: 100%; transition-property: all; transition-duration: .2s; transition-timing-function: ease; } .nav_button_line.is-1 { transform: translateY(calc((var(--nav--hamburger-thickness) * .5 + var(--nav--hamburger-gap) * .5) * var(--_state---false))) rotate(calc(-45deg * var(--_state---false))); } .nav_button_line.is-2 { transform: translateY(calc((var(--nav--hamburger-thickness) * -.5 + var(--nav--hamburger-gap) * -.5) * var(--_state---false))) rotate(calc(45deg * var(--_state---false))); } .nav_mobile_layout { z-index: 2; height: var(--nav--height); grid-column-gap: var(--_spacing---space--3); background-color: var(--_theme---nav--background); pointer-events: auto; border-radius: calc(var(--radius--main) - .1rem); justify-content: space-between; width: 100%; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; display: flex; position: relative; } .nav_menu_backdrop { z-index: 0; opacity: 0; pointer-events: none; background-color: color-mix(in srgb, var(--swatch--dark-900\) 20%, transparent); width: 100%; height: 100vh; display: block; position: absolute; inset: 0%; } .nav_banner_close_svg { width: 100%; overflow: visible !important; } .nav_screen-reader-text { 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; } .nav_buttons_item { z-index: 2; text-align: center; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; position: relative; } .nav_buttons_item.is-main { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--3); } .nav_buttons_item.is-main:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin: 0px var(--_spacing---space--3); } .nav_links_link { z-index: 2; padding-top: var(--_spacing---space--2); padding-right: 0; padding-bottom: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--2); cursor: pointer; color: inherit; flex: 1; justify-content: flex-start; align-items: center; width: 100%; padding-left: 0; display: flex; position: relative; outline-offset: var(--focus--offset-inner) !important; } .nav_links_link:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_links_link.desktop-5, .nav_links_link.desktop-22, .nav_links_link.desktop-25, .nav_links_link.desktop-28, .nav_links_link.desktop-31, .nav_links_link.desktop-37, .nav_links_link.desktop-51, .nav_links_link.desktop-67, .nav_links_link.desktop-70 { padding: 0px var(--_spacing---space--3); height: 100%; } .nav_links_link.desktop-70 { padding: 0px var(--_spacing---space--3); height: 100%; } .nav_links_link.is-mobile { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .nav_mobile_wrap { z-index: 1; background-color: #0000; margin-top: .6rem; position: relative; } .nav_banner_svg { transform: rotate(calc(-45deg * var(--_state---false))); width: 1rem; overflow: visible !important; } .nav_banner_link { grid-column-gap: var(--_spacing---space--2); grid-column-start: 2; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; outline-offset: var(--focus--offset-inner) !important; outline-color: var(--_theme---background) !important; } .nav_button_wrap { z-index: 2; margin-right: calc(var(--site--margin) / 2); flex: none; width: 2rem; padding: 0; outline-width: var(--focus--width) !important; outline-color: var(--_theme---text) !important; outline-offset: var(--focus--offset-inner) !important; } .nav_button_wrap.w--open { color: inherit; margin-right: calc(var(--site--margin) / 2); background-color: #0000; } .nav_search_label { width: 100%; } .nav_mobile_logo { z-index: 2; outline-offset: var(--focus--offset-inner); color: var(--swatch--brand-500); margin-left: calc(var(--site--margin) / 2); justify-content: flex-start; align-items: center; width: 8rem; display: flex; position: relative; } .nav_mobile_logo.w--current { width: 8rem; } .nav_skip_wrap { z-index: 2; border-width: var(--border-width--lines); border-radius: var(--nav--radius); background-color: var(--_theme---background); outline-offset: var(--focus--offset-inner); pointer-events: auto; color: var(--_theme---heading); margin: .5rem; padding: .5rem; position: absolute; inset: 0% auto auto 0%; transform: translate(-200%); } .nav_skip_wrap:focus { transform: translate(0%); } .nav_button_layout { grid-column-gap: var(--nav--hamburger-gap); grid-row-gap: var(--nav--hamburger-gap); pointer-events: none; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; } .nav_actions_wrap { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: row; flex: 1; justify-content: flex-end; align-items: stretch; list-style-type: none; display: flex; } .nav_actions_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_actions_wrap.desktop-34 { flex-flow: row; flex: 1; justify-content: flex-end; } .nav_actions_wrap.is-mobile { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; justify-content: flex-start; align-items: stretch; } .nav_search_btn_icon { width: 1.1rem; overflow: visible !important; } .nav_links_component { flex-flow: row; flex: 1; justify-content: center; align-items: stretch; padding-top: .75rem; padding-bottom: .75rem; display: flex; } .nav_links_component:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_links_component.desktop { flex-flow: row; justify-content: space-between; padding-top: 0; padding-bottom: 0; display: flex; } .nav_links_component.is-mobile { flex-flow: column; } .nav_dropdown_mega_scroll { position: relative; } .nav_dropdown_mega_scroll:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_dropdown_mega_scroll.desktop-56, .nav_dropdown_mega_scroll.desktop-56 { margin-top: var(--nav--height); padding-right: var(--nav--spacing-inner-horizontal); padding-left: var(--nav--spacing-inner-horizontal); max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); overflow: hidden auto; } .nav_banner_contain { grid-column-gap: var(--_spacing---space--4); grid-template-rows: auto; grid-template-columns: minmax(1.1rem, 1.1rem) minmax(0, 1fr) minmax(1.1rem, 1.1rem); grid-auto-columns: 1fr; width: 100%; height: 100%; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; display: grid; } .nav_dropdown_mega_wrap { z-index: 1; background-color: #0000; width: 100%; position: relative; inset: 0% auto auto 0%; } .nav_dropdown_mega_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_dropdown_mega_wrap.desktop-54, .nav_dropdown_mega_wrap.desktop-54 { max-width: var(--nav--max-width-outer); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); min-width: 0; margin-left: auto; margin-right: auto; position: absolute; inset: 0% 0% auto; } .nav_links_text:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_links_text.u-text-transform-uppercase.desktop-38, .nav_links_text.desktop-6, .nav_links_text.desktop-23, .nav_links_text.desktop-26, .nav_links_text.desktop-29, .nav_links_text.desktop-32, .nav_links_text.desktop-68, .nav_links_text.desktop-71 { font-size: var(--_typography---font-size--text-link-nav); } .nav_links_text.u-text-transform-uppercase.desktop-38 { font-size: var(--_typography---font-size--text-link-nav); font-size: var(--_typography---font-size--text-link-nav); } .nav_links_text.desktop-71 { font-size: var(--_typography---font-size--text-link-nav); } .nav_links_text.u-text-style-main { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--secondary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .nav_search_btn_wrap { outline-offset: var(--focus--offset-inner); justify-content: center; align-items: center; margin-left: -1rem; padding-left: 1rem; padding-right: 1rem; display: flex; } .nav_mobile_menu_scroll { max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); overflow: hidden auto; } .nav_links_locales_hide { display: none; } .nav_search_wrap { border-bottom-style: solid; border-bottom-width: var(--border-width--lines); border-bottom-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_trigger---on)), var(--_theme---heading) calc(100% * var(--_trigger---off))); display: flex; } .nav_desktop_wrap { z-index: 1; background-color: #0000; margin-left: auto; margin-right: auto; display: none; position: relative; } .nav_desktop_contain { background-color: var(--_theme---nav--background); box-shadow: 0 1px 8px -2px var(--swatch--brand-1000-o20); padding-right: calc(var(--site--margin) - .6rem); padding-left: calc(var(--site--margin) - .6rem); border-radius: calc(var(--radius--main) - .1rem); width: calc(100% - 1.2rem); margin-left: auto; margin-right: auto; } .nav_desktop_logo { z-index: 2; outline-offset: var(--focus--offset-inner); transform: translateY(calc(.1rem * var(--_trigger---off))); color: color-mix(in srgb, var(--swatch--brand-500) calc(100% * var(--_trigger---on)), var(--swatch--brand-700) calc(100% * var(--_trigger---off))); width: 8rem; transition-property: all; transition-duration: .15s; transition-timing-function: cubic-bezier(.77, 0, .175, 1); display: flex; position: relative; } .nav_desktop_logo:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { color: var(--swatch--brand-500); display: flex; } .nav_desktop_logo.w--current { color: var(--swatch--brand-500); width: 8rem; display: none; } .nav_desktop_logo.w--current:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_desktop_logo.w--current:where(.w-variant-e77b5ce8-641a-7918-de12-678f4f5f41d5) { display: flex; } .nav_desktop_logo.desktop-33 { color: var(--swatch--brand-500); display: flex; } .nav_desktop_logo.desktop-33.w--current { color: var(--swatch--brand-500); } .footer_link_text.u-text-style-small { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-link-nav); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--secondary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .footer_link_text.u-text-style-small:where(.w-variant-03c1b549-1b1e-1b8d-dc16-670477520824) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .footer_group_wrap { margin-bottom: var(--_spacing---space--6); } .footer_contain { padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); } .footer_wrap.u-theme-dark { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); position: relative; } .footer_bottom_text.u-text-style-small { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-link-nav); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--secondary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .footer_content { grid-column-gap: var(--site--gutter); grid-row-gap: inherit; flex-flow: column; flex: auto; grid-column: span 4; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; height: 100%; display: flex; } .footer_bottom_link_text.u-text-style-small { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-link-nav); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--secondary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .footer_bottom_wrap { z-index: 1; background-color: #141414; position: relative; } .footer_group_title { margin-bottom: var(--_spacing---space--4); color: var(--_theme---text); } .footer_logo_wrap { color: var(--_theme---text); align-self: start; width: 8.75rem; } .footer_bottom_list { flex-flow: wrap; place-content: center flex-start; align-items: center; margin: -.5rem; display: flex; } .footer_layout { grid-row-gap: var(--_spacing---space--8); flex-flow: column; justify-content: space-between; align-items: stretch; } .footer_layout.u-grid-custom { grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); } .footer_bottom_link_wrap { opacity: calc(1 - .5 * var(--_trigger---off)); padding: .5rem; transition-property: opacity; transition-duration: .1s; transition-timing-function: ease; } .footer_bottom_layout { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: wrap; place-content: center space-between; align-items: center; padding-top: 1.6rem; padding-bottom: 1.6rem; display: flex; } .footer_group_item { display: flex; } .footer_group_list { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .footer_bottom_item { display: flex; } .footer_link_wrap { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); opacity: calc(1 - .5 * var(--_trigger---off)); transition-property: opacity; transition-duration: .1s; transition-timing-function: ease; position: relative; } .button_main_wrap { border-radius: var(--radius--round); transition: border-radius .4s cubic-bezier(.77, 0, .175, 1); display: inline-block; position: relative; } .button_main_wrap:where(.w-variant-625d5df4-ad91-f7dc-9e2f-2e69f3fd7400) { border-radius: 0; } .button_main_wrap:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab), .button_main_wrap:where(.w-variant-2a5f6f0e-5b1b-8889-f976-f2655daac3f3) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .button_main_icon { aspect-ratio: 1; flex-flow: column; flex: none; justify-content: center; align-items: center; width: 1.5rem; margin-top: -.5rem; margin-bottom: -.5rem; display: flex; } .button_main_line { height: var(--border-width--lines); background-color: var(--_theme---text-link--border-hover); pointer-events: none; transform: translateY(100%) scaleX(calc(100% * var(--_trigger---off))); transform-origin: calc(100% * var(--_trigger---on)) 100%; transition-property: transform; transition-duration: .3s; transition-timing-function: cubic-bezier(.25, .46, .45, .94); display: none; position: absolute; inset: auto 0% 0%; } .button_main_line:where(.w-variant-625d5df4-ad91-f7dc-9e2f-2e69f3fd7400) { background-color: var(--_theme---text-link--border-hover); transform: translateY(100%) scaleX(calc(100% * var(--_trigger---off))); color: color-mix(in srgb, var(--_theme---text-link--text) calc(100% * var(--_trigger---on)), var(--_theme---text-link--text-hover) calc(100% * var(--_trigger---off))); transition-duration: .4s; transition-timing-function: cubic-bezier(.77, 0, .175, 1); display: block; } .button_main_line:hover:where(.w-variant-625d5df4-ad91-f7dc-9e2f-2e69f3fd7400) { transform: translateY(100%) scaleX(calc(100% * var(--_trigger---off))); } .link_main_line { height: var(--border-width--lines); background-color: var(--_theme---text-link--border-hover); pointer-events: none; transform: translateY(100%) scaleX(calc(100% * var(--_trigger---off))); transform-origin: calc(100% * var(--_trigger---on)) 100%; transition-property: transform; transition-duration: .3s; transition-timing-function: cubic-bezier(.25, .46, .45, .94); position: absolute; inset: auto 0% 0%; } .link_main_line:where(.w-variant-625d5df4-ad91-f7dc-9e2f-2e69f3fd7400) { background-color: var(--_theme---text-link--border-hover); transform: translateY(100%) scaleX(calc(100% * var(--_trigger---off))); color: color-mix(in srgb, var(--_theme---text-link--text) calc(100% * var(--_trigger---on)), var(--_theme---text-link--text-hover) calc(100% * var(--_trigger---off))); transition-duration: .4s; transition-timing-function: cubic-bezier(.77, 0, .175, 1); } .link_main_line:hover:where(.w-variant-625d5df4-ad91-f7dc-9e2f-2e69f3fd7400) { transform: translateY(100%) scaleX(calc(100% * var(--_trigger---off))); } .link_main_line.is-hero-line { background-color: var(--_theme---heading); } .link_main_line.is-desktop-nav { bottom: 20%; } .link_main_line.is-desktop-nav:where(.w-variant-03c1b549-1b1e-1b8d-dc16-670477520824) { bottom: 0%; } .hero_headline_content-2.u-column-span-4 { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); align-items: stretch; position: relative; } .u-text-style-navlink { 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); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-link-nav); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--secondary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .products_header_content-2.u-column-span-4 { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); align-items: stretch; position: relative; } .footer_bottom_bg-logo { z-index: 0; max-width: var(--max-width--main); color: var(--swatch--brand-900); width: 100%; margin-left: auto; margin-right: auto; position: absolute; inset: auto 0% 1.7rem; } .nav_links_divider { height: var(--border-width--lines); margin-bottom: var(--_spacing---space--3); background-color: var(--_theme---border); width: 100%; } .footer_hours_wrap { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); flex-flow: column; display: flex; } .hours_row { display: flex; position: relative; } .hours_row.is-active { color: var(--swatch--accent-500); } .hours_day { width: 3rem; } .hours_icon { aspect-ratio: 1; justify-content: center; align-items: center; height: 1rem; display: none; position: absolute; inset: -.2rem auto auto -1.2rem; } .hours_icon.is-active { color: var(--swatch--accent-500); display: flex; } .footer_hours_note { margin-top: var(--_spacing---space--2); color: var(--_theme---text); } .footer_hours_note.u-text-style-navlink { max-width: 32ch; } .footer_news_wrap { flex-flow: column; width: 100%; display: flex; } .footer_news_layout { max-width: 24rem; display: flex; position: relative; } .footer_news_input { border: var(--border-width--lines) solid var(--_theme---border); border-radius: var(--radius--round); background-color: var(--swatch--transparent); height: 3rem; padding-left: 1.5rem; } .footer_news_input.u-text-style-main { color: var(--_theme---heading); margin-bottom: 0; } .footer_news_input.u-text-style-main:active { color: var(--_theme---heading); } .footer_news_input.u-text-style-main:focus { border-color: var(--_theme---text); color: var(--_theme---heading); order: 0; } .footer_news_input.u-text-style-main::placeholder { color: var(--_theme---text); } .footer_news_submit { aspect-ratio: 1; justify-content: center; align-items: center; width: 3rem; height: 3rem; display: flex; position: absolute; inset: 0% 1.5rem auto auto; } .footer_news_icon { z-index: -1; aspect-ratio: 1; pointer-events: none; height: 1.5rem; position: absolute; } .footer_news_terms { color: color-mix(in srgb, var(--_theme---text) 50%, var(--swatch--transparent) 50%); } .footer_news_success { background-color: var(--swatch--transparent); color: var(--_theme---text); } .footer_news_success-text.u-text-style-main { text-align: left; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-align: left; } .footer_news_error { border-radius: var(--radius--main); background-color: #d17070; padding: 1.5rem; } .basic_text_wrap:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-bb2c68bd-fd74-aa1e-69b0-e84595dd4ec8) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-7673a876-205c-b00b-d3ce-ecf13e07c2b3) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-7673a876-205c-b00b-d3ce-ecf13e07c2b4) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-7673a876-205c-b00b-d3ce-ecf13e07c2b5) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-fa71b9d0-2d7b-b240-d4cf-5d6ffbbf13fe) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-fa71b9d0-2d7b-b240-d4cf-5d6ffbbf13ff) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-fa71b9d0-2d7b-b240-d4cf-5d6ffbbf1400) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-9a724b7e-6a10-ffd0-28e3-5d14394b0369) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-9a724b7e-6a10-ffd0-28e3-5d14394b036a) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-9a724b7e-6a10-ffd0-28e3-5d14394b036b) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-36d81055-c615-1aa2-19ad-2518c414f5fd) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-36d81055-c615-1aa2-19ad-2518c414f5fe) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-36d81055-c615-1aa2-19ad-2518c414f5ff) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-04ac7949-e699-1e7c-879c-9c63dc5ed4e1) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-04ac7949-e699-1e7c-879c-9c63dc5ed4e2) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-04ac7949-e699-1e7c-879c-9c63dc5ed4e3) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30432) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30433) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-5e2156d4-6d37-ac92-f1ad-cfc3d25750ba) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-5e2156d4-6d37-ac92-f1ad-cfc3d25750bb) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-5e2156d4-6d37-ac92-f1ad-cfc3d25750bc) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-fdd1bad2-64f6-31b4-7023-2b37ea0f1837) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-fdd1bad2-64f6-31b4-7023-2b37ea0f1838) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-fdd1bad2-64f6-31b4-7023-2b37ea0f1839) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-cecd660c-4b50-2163-ea8c-77321f5d16bc) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-cecd660c-4b50-2163-ea8c-77321f5d16bd) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-cecd660c-4b50-2163-ea8c-77321f5d16be) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-90eb85b1-d669-16dc-35d6-b63ca0ddb8f3) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-90eb85b1-d669-16dc-35d6-b63ca0ddb8f4) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-90eb85b1-d669-16dc-35d6-b63ca0ddb8f5) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-869f40c2-409e-402c-36c7-9c50837ea74e) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-869f40c2-409e-402c-36c7-9c50837ea74f) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-869f40c2-409e-402c-36c7-9c50837ea750) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-05bbc566-a2a7-aa22-fe3c-c674c55d5f7c) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-05bbc566-a2a7-aa22-fe3c-c674c55d5f7d) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-05bbc566-a2a7-aa22-fe3c-c674c55d5f7e) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-bed175cf-13c2-5cf4-b41f-016f62a587a1) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-bed175cf-13c2-5cf4-b41f-016f62a587a2) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-bed175cf-13c2-5cf4-b41f-016f62a587a3) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-003c81ed-91b8-e027-4959-84c8fdf62790) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-003c81ed-91b8-e027-4959-84c8fdf62791) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-003c81ed-91b8-e027-4959-84c8fdf62792) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-d43c9012-019b-422e-3308-e3cb79965162) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-d43c9012-019b-422e-3308-e3cb79965163) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-d43c9012-019b-422e-3308-e3cb79965164) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-db593d28-a177-43a2-79d3-597c6894c5a3) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-db593d28-a177-43a2-79d3-597c6894c5a4) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-db593d28-a177-43a2-79d3-597c6894c5a5) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-7ee23fa6-8564-ecc3-72c5-f3e5f6c5804f) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-7ee23fa6-8564-ecc3-72c5-f3e5f6c58050) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-7ee23fa6-8564-ecc3-72c5-f3e5f6c58051) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-ea7129b6-4489-ef75-7d06-97b02865499d) { --_theme---background: var(--swatch--brand-25); --_theme---heading: var(--swatch--brand-1000); --_theme---background-2: var(--swatch--brand-50); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-600); --_theme---text: var(--swatch--brand-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-1000); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-25); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-ea7129b6-4489-ef75-7d06-97b02865499e) { --_theme---background: var(--swatch--brand-1000); --_theme---heading: var(--swatch--brand-25); --_theme---background-2: var(--swatch--brand-900); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-300); --_theme---border: var(--swatch--brand-25-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-900); --_theme---selection--background: var(--swatch--accent-500); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--brand-500); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--brand-25); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--swatch--brand-1000); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } .basic_text_wrap:where(.w-variant-ea7129b6-4489-ef75-7d06-97b02865499f) { --_theme---background: var(--swatch--accent-200); --_theme---heading: var(--swatch--accent-900); --_theme---background-2: var(--swatch--accent-300); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent\: color-mix(in srgb, var(--_theme---heading), white 20%); --_theme---text: var(--swatch--accent-700); --_theme---border: var(--swatch--brand-1000-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---heading); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---brand-text: var(--swatch--accent-100); --_theme---selection--background: var(--swatch--accent-900); --_theme---selection--text: var(--_theme---brand-text); --_theme---button-primary--background: var(--swatch--transparent); --_theme---button-primary--border: var(--swatch--accent-800); --_theme---button-primary--text: var(--_theme---heading); --_theme---button-primary--background-hover: var(--swatch--accent-900); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---selection--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---heading); --_theme---button-secondary--background-hover: var(--_theme---heading); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---nav--link: var(--_theme---text); --_theme---nav--link-hover: var(--_theme---heading); --_theme---nav--logo: var(--swatch--brand-500); } @media screen and (max-width: 991px) { .button_main_element:where(.w-variant-2a5f6f0e-5b1b-8889-f976-f2655daac3f3) { border-color: var(--swatch--brand-800); background-color: var(--_theme---background); } .button_main_text.u-text-style-main:where(.w-variant-2a5f6f0e-5b1b-8889-f976-f2655daac3f3) { color: color-mix(in srgb, var(--swatch--brand-300) calc(100% * var(--_trigger---on)), var(--swatch--brand-25) calc(100% * var(--_trigger---off))); } .nav_mobile_logo { width: 7rem; } .nav_mobile_logo:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) { color: var(--swatch--brand-500); width: 8rem; } .nav_desktop_logo.w--current { display: none; } .button_main_wrap:where(.w-variant-2a5f6f0e-5b1b-8889-f976-f2655daac3f3) { box-shadow: 0 4px 8px 0 var(--swatch--brand-1000-o20); } .button_main_icon:where(.w-variant-2a5f6f0e-5b1b-8889-f976-f2655daac3f3) { color: color-mix(in srgb, var(--swatch--brand-300) calc(100% * var(--_trigger---on)), var(--swatch--brand-25) calc(100% * var(--_trigger---off))); } .tab_left:where(.w-variant-490ac534-1fb5-5322-5b2f-0dc20ea2f909), .tab_right:where(.w-variant-490ac534-1fb5-5322-5b2f-0dc20ea2f909) { border-top-style: none; } .offering_layout.u-grid-autofit { grid-template-columns: repeat(auto-fit, minmax(min(max(12rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); grid-template-columns: repeat(auto-fit, minmax(min(max(12rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .about_header_wrap.u-section { height: auto; max-height: none; } .hero_headline_content-2.u-column-span-4 { justify-content: flex-end; align-items: stretch; } .hero_headline_headline.u-text-style-h1 { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-indent { width: 4ch; } .usp_grid.u-grid-autofit { --_column-count---value: 2; grid-template-columns: repeat(auto-fit, minmax(min(max(18rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .usp_grid.u-grid-autofill { --_column-count---value: 4; grid-template-columns: repeat(auto-fill, minmax(min(max(16rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .product_card_name.u-text-style-large { flex: none; } .testimonial_layout { width: 100%; } .cta_paralax-image.is-01:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434), .cta_paralax-image.is-02:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434), .cta_paralax-image.is-03:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434), .cta_paralax-image.is-01:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434), .cta_paralax-image.is-02:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434), .cta_paralax-image.is-03:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434) { display: none; } .products_header_content-2 { justify-content: flex-end; align-items: flex-start; } .about_header_image { max-height: none; } .value_item_wrap { padding: var(--_spacing---space--3) var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); } .value_item_title.u-text-style-large { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--secondary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--wide); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .value_item_text.u-text-style-main { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-link-nav); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--secondary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .social_content { grid-column-gap: .25rem; grid-row-gap: .25rem; width: 100%; display: none; } .product_detail_images { grid-column: span 7; } .product_detail_content { grid-column: span 5; } .product_detail_images-nav { width: 4rem; } .footer_bottom_bg-logo { bottom: 3.2rem; } .social_slider { display: block; } .products_filter_all { width: 100%; } .products_filter_type { flex: 1; } .products_filter_text.u-text-style-navlink { display: none; } .about_header_texts { margin-top: var(--_spacing---space--4); } .float_button_wrap { z-index: 999; flex-flow: column; justify-content: flex-end; align-items: stretch; padding-bottom: 1rem; padding-right: 1rem; display: flex; position: fixed; inset: auto 0% 0% auto; } .animation_texts { flex-flow: column; padding-top: 6rem; padding-bottom: 6rem; } .images_wrap { min-height: 60vw; } .contact_header_reservio-tag.u-text-style-navlink, .story_pararlax_img, .story_pararlax_img.is-01:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434), .story_pararlax_img.is-02:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434), .story_pararlax_img.is-03:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434), .story_pararlax_img.is-01:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434), .story_pararlax_img.is-02:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434), .story_pararlax_img.is-03:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434), .story_pararlax_quote, .story_pararlax_quote.is-01:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434), .story_pararlax_quote.is-02:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434), .story_pararlax_quote.is-03:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434), .story_pararlax_quote.is-01:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434), .story_pararlax_quote.is-02:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434), .story_pararlax_quote.is-03:where(.w-variant-336ca380-ce18-8a6c-d822-dd3b3fe30434) { display: none; } } @media screen and (max-width: 767px) { .hero_image_wrap.u-section { justify-content: center; align-items: stretch; } .offering_layout.u-grid-autofit { grid-template-columns: repeat(auto-fit, minmax(min(max(24rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); grid-template-columns: repeat(auto-fit, minmax(min(max(24rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .product_detail_layout.u-grid-custom { --_column-count---value: 1; } .hero_headline_content-1 { margin-bottom: var(--_spacing---space--8); grid-column: span 12; } .hero_headline_content-1.u-column-span-8 { grid-column-end: span 12; } .hero_headline_content-2 { grid-column: 5 / 13; } .hero_headline_content-2.u-column-span-4 { grid-column-end: span 12; } .hero_headline_headline.u-text-style-h1 { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-indent { width: 6ch; } .usp_grid.u-grid-autofit { --_gap---size: 0rem; grid-template-columns: repeat(auto-fit, minmax(min(max(16rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); grid-template-columns: repeat(auto-fit, minmax(min(max(16rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .product_card_icon { opacity: 1; transform: translate(0); } .testimonial_title.u-text-style-h3.u-weight-medium, .testimonial_quote.u-text-style-h3.u-line-height-huge, .testimonial_quote.u-text-style-h3.u-line-height-huge, .testimonial_quote.u-text-style-h3.u-line-height-huge { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .cta_paralax-image, .cta_paralax-image.is-02, .cta_paralax-image.is-03, .cta_paralax-image.is-02, .cta_paralax-image.is-03 { display: none; } .products_header_content-1 { grid-column: span 12; } .products_header_content-1.u-column-span-8 { grid-column-end: span 12; } .products_header_content-2 { grid-column-start: 1; } .products_header_content-2.u-column-span-4 { grid-column-end: span 12; } .about_header_image { object-position: 50% 32%; } .sticky_content { margin-top: var(--_spacing---section-space--main); margin-bottom: var(--_spacing---section-space--main); height: auto; } .story_values_wrap.u-grid-autofit { grid-template-columns: repeat(auto-fit, minmax(min(max(12rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); grid-template-columns: repeat(auto-fit, minmax(min(max(12rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .value_item_wrap { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); } .value_item_text.u-text-style-main { display: none; } .values_item { padding: .2rem; } .social_content { min-height: 16rem; } .social_image_overlay { background-color: var(--swatch--transparent); opacity: 1; } .social_image_icon { height: 2rem; } .salon_images_item { border-radius: var(--radius--main); width: 100%; height: auto; position: static; overflow: clip; } .product_detail_images, .product_detail_content { grid-column: span 12; } .product_detail_sticky-wrap { width: 100%; } .products_filter_type { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); justify-content: flex-start; align-items: center; padding-left: .5rem; padding-right: .5rem; } .float_button_wrap { display: block; } .contact_header_layout.u-grid-autofit { --_column-count---value: 1; } .animation_hero_image { align-self: center; } .animation_hero_image.is-01 { max-height: none; margin-top: .4rem; } .animation_texts { flex-flow: column; } .about_sticky { height: auto; } .salon_images { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; justify-content: flex-start; align-items: stretch; } .values_grid.u-grid-autofit { grid-template-columns: repeat(auto-fit, minmax(min(max(12rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); grid-template-columns: repeat(auto-fit, minmax(min(max(12rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .story_pararlax_img, .story_pararlax_img.is-02, .story_pararlax_img.is-03, .story_pararlax_img.is-02, .story_pararlax_img.is-03, .story_pararlax_quote, .story_pararlax_quote.is-02, .story_pararlax_quote.is-03, .story_pararlax_quote.is-02, .story_pararlax_quote.is-03 { display: none; } } @media screen and (max-width: 479px) { .u-max-width-full { max-width: 100%; } .footer_bottom_list { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; } .footer_bottom_layout { flex-flow: column; } .button_main_wrap { width: 100%; } .button_main_wrap:where(.w-variant-625d5df4-ad91-f7dc-9e2f-2e69f3fd7400) { width: auto; } .hero_image_contain.u-container { position: absolute; } .product_detail_layout.u-grid-custom { --_column-count---value: 1; } .collection_wrap, .collection_wrap:where(.w-variant-e08662ee-a79e-9346-bd17-986d12354c24), .collection_wrap.u-flex-vertical-nowrap, .collection_wrap.u-flex-vertical-nowrap { width: 100%; } .collection_link.u-flex-horizontal-nowrap { justify-content: space-between; align-items: flex-start; width: 100%; } .hero_headline_content-2 { grid-column: span 12; } .hero_headline_headline.u-text-style-h1 { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-indent { width: 0; } .offering_header { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .testimonial_title.u-text-style-h3.u-weight-medium { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); padding-left: 0; padding-right: 0; } .testimonial_quote.u-text-style-h3.u-line-height-huge { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--secondary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--tighter); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .testimonial_arrows { margin-top: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); justify-content: center; align-items: center; position: relative; } .value_item_wrap { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: row; justify-content: flex-start; align-items: center; } .value_item_title.u-text-style-large { text-align: left; text-align: left; } .social_image_icon { height: 1.6rem; } .horizontal_line_wrap.is-inside { display: block; } .products_filter_content { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: column; justify-content: center; align-items: center; } .product_detail_images-nav { display: none; } .footer_bottom_bg-logo { position: static; } .products_filter_type { grid-row-gap: var(--_spacing---space--4); flex-flow: column; justify-content: flex-start; align-self: stretch; align-items: stretch; } .products_filter_group { flex-flow: column; justify-content: flex-start; align-items: stretch; } .about_header_text.u-text-style-main { max-width: 34ch; } .float_button_wrap { padding-left: 1rem; inset: auto 0% 0%; } .animation_texts { flex-flow: column; } .animation_text.u-text-style-h1 { text-align: center; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-thin); --_text-style---letter-spacing: var(--_typography---letter-spacing--wider); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-align: center; } .images_wrap { display: flex; } .contact_header_flex { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: column; } }