:root { --_theme---background: var(--swatch--light-200); --_text-style---font-family: var(--_typography---font--primary-family); --_theme---text: var(--swatch--dark-900); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: pretty; --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: 1rem; --_theme---background-2: var(--swatch--light-100); --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(4 * 1rem, ((4 - ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 4) / (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: 50rem; --site--margin: clamp(1 * 1rem, ((1 - ((3 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_gap---size: var(--site--gutter); --_column-count---value: 1; --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_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); --radius--round: 100vw; --_typography---letter-spacing--normal: 0em; --_typography---font--primary-medium: 500; --_text-style---margin-bottom: var(--_spacing---space--4); --_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(5.5 * 1rem, ((5.5 - ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 10 * 1rem); --_spacing---section-space--page-top: clamp(10 * 1rem, ((10 - ((14 - 10) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((14 - 10) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 14 * 1rem); --max-width--main: calc(var(--site--viewport-max) * 1rem); --max-width--full: 100%; --_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); --_typography---font-size--text-small: 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); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-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.1; --_typography---line-height--large: 1.3; --_typography---line-height--huge: 1.5; --_typography---letter-spacing--tight: -.03em; --_typography---font--third-family: Tomboy, Arial, sans-serif; --_theme---heading-accent: var(--swatch--brand-accent); --_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); --_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: Geist, Arial, sans-serif; --_typography---font--primary-regular: 400; --_typography---font--primary-bold: 700; --radius--small: .5rem; --border-width--main: .094rem; --_theme---border: var(--swatch--dark-900-o10); --swatch--transparent: transparent; --_trigger---on: 1; --_trigger---off: 0; --focus--offset-inner: calc(var(--focus--width) * -1); --_theme---button-primary--text: var(--swatch--light-100); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-primary--background: var(--swatch--brand-orig); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --button-size--medium: 3rem; --button-size--large: 5rem; --_state---false: 0; --_state---true: 1; --nav--max-width-outer: var(--max-width--main); --nav--spacing-outer-horizontal: var(--site--margin); --nav--radius: var(--radius--main); --_theme---nav--background: var(--_theme---background-2); --nav--height-total: calc(var(--nav--height) + var(--nav--spacing-outer-vertical)); --nav--spacing-outer-vertical: var(--_spacing---space--2); --swatch--dark-900: #16181d; --nav--height: 4rem; --nav--max-width-inner: var(--max-width--main); --nav--hamburger-thickness: var(--border-width--main); --nav--hamburger-gap: var(--_spacing---space--2); --nav--spacing-inner-horizontal: var(--_spacing---space--5); --focus--width: .125rem; --swatch--dark-900-o10: color-mix(in srgb, var(--swatch--dark-900) 10%, transparent); --swatch--light-200: #f6f7f9; --swatch--brand-accent: #ff5a5f; --swatch--light-100: white; --swatch--light-100-o20: color-mix(in srgb, var(--swatch--light-100) 40%, transparent); --swatch--brand-800: color-mix(in srgb, var(--swatch--brand-orig), black 60%); --swatch--brand-700: color-mix(in srgb, var(--swatch--brand-orig), black 40%); --swatch--brand-900: color-mix(in srgb, var(--swatch--brand-orig), black 80%); --_theme---text-link--border-hover: var(--_theme---text); --_typography---font-size--text-mini: clamp(.6875 * 1rem, ((.6875 - ((.875 - .6875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.875 - .6875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .875 * 1rem); --swatch--brand-orig: #ff5a5f; --radius--large: 3rem; --_typography---letter-spacing--small: -.06em; --swatch--dark-800: #262c36; --_typography---font-size--text-main: 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---letter-spacing--large: .09em; --radius--big: 6rem; --site--viewport-max: 90; --site--viewport-min: 20; --swatch--brand-200: color-mix(in srgb, var(--swatch--brand-orig), white 60%); --swatch--brand-text-o20: color-mix(in srgb, var(--swatch--brand-text) 20%, transparent); --weight: 46; --_text-style---text-transform: var(--_typography---text-transform--none); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --focus--offset-outer: .1875rem; --swatch--brand-100: color-mix(in srgb, var(--swatch--brand-orig), white 80%); --swatch--brand-400: color-mix(in srgb, var(--swatch--brand-orig), white 20%); --swatch--brand-300: color-mix(in srgb, var(--swatch--brand-orig), white 40%); --swatch--brand-600: color-mix(in srgb, var(--swatch--brand-orig), black 20%); --swatch--brand-text: var(--swatch--dark-900); --nav--banner-height: 2.4rem; --_typography---font--primary-trim-top: .38em; --_typography---font--primary-trim-bottom: .38em; --_typography---font--secondary-family: "Open Sauce One", Arial, sans-serif; --_typography---font--secondary-trim-top: .38em; --_typography---font--secondary-trim-bottom: .37em; --_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.3125 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.3125 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.3125 * 1rem); --_typography---font-size--h4: clamp(1.4375 * 1rem, ((1.4375 - ((2 - 1.4375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.4375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_typography---font-size--h3: clamp(1.5 * 1rem, ((1.5 - ((3.5 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3.5 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3.5 * 1rem); --_typography---font-size--h2: clamp(1.75 * 1rem, ((1.75 - ((4 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem); --_typography---font-size--h1: clamp(2.5 * 1rem, ((2.5 - ((5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_typography---font-size--display: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7 * 1rem); --_typography---font-size--large: clamp(4 * 1rem, ((4 - ((6 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((6 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 6 * 1rem); --progress: 0; --_typography---text-transform--none: var(--text-transform, none); --clip: 0; --_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---text); 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 { 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--h1); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--small); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--5); --_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-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); margin-top: 0; margin-bottom: 0; display: flow-root; } h2 { 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--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--small); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--5); --_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-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); margin-top: 0; margin-bottom: 0; display: flow-root; } h3 { 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--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--5); --_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); margin-top: 0; margin-bottom: 0; display: flow-root; } h4 { 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--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--4); --_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); margin-top: 0; margin-bottom: 0; display: flow-root; } h5 { 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--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--4); --_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); margin-top: 0; margin-bottom: 0; display: flow-root; } h6 { 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--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--4); --_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); margin-top: 0; margin-bottom: 0; display: flow-root; } p { margin-bottom: 0; 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; -webkit-user-select: none; user-select: none; width: 100%; max-width: 100%; } strong { font-weight: bold; } blockquote { font-size: inherit; line-height: inherit; border-style: none; margin-bottom: 0; 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-image-wrapper { aspect-ratio: 2; background-color: var(--_theme---background-skeleton); object-fit: cover; width: 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-text { min-width: 100%; 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; display: flex; } .u-text:where(.w-variant-eee56f15-d7ce-d101-2f8c-83b3bbd55d4a) { --_text-style---font-family: var(--_typography---font--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--6); --_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-3ddfa43e-abc1-422e-6e6d-23dfb7da71f3) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--small); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--5); --_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-efb733fe-da83-69a3-ea4a-b3f2f89d0389) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--small); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--5); --_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--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--5); --_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--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--4); --_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--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--4); --_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-b8555f10-fa7d-e9ba-e262-f9aa44c27c1c) { --_text-style---font-family: var(--_typography---font--primary-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--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--4); --_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-fdb8e663-01e0-aae6-13eb-e6dfca16b689) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: pretty; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_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-61d538b2-709c-eb7a-4258-8c0890dc07fc) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: pretty; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_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-4099173f-f581-635c-a5fe-cf4a89c62029), .u-text:where(.w-variant-fe6f474d-1651-566b-eeff-3c86e8cbf153) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: pretty; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_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-26cc9f23-e71c-deee-cd61-36dc24f35fae) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: pretty; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_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-c8b8ac88-1ac7-e9f6-41cc-82c548bf142d) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: pretty; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_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-47e40b0d-02af-2673-f429-546cac42dc5a) { --_text-style---font-family: var(--_typography---font--primary-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--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--4); --_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-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--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--4); --_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-f196774e-dbfd-d1b4-1196-b3e824fc5f7d) { --_text-style---font-family: var(--_typography---font--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--4); --_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--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--5); --_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--secondary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--small); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--5); --_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--secondary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--small); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--5); --_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-8ee37a78-065b-6879-973d-319c65e28313) { --_text-style---font-family: var(--_typography---font--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--6); --_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-3fbd0d32-5675-1947-73b3-abb16c1fb986) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: pretty; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_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-9027c8ae-1ba5-f702-ea6e-4a1c3fca9f64) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: pretty; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_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-74a3180a-e505-b452-032f-599c8e557249) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: pretty; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_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-823daff2-fd84-8da0-4ed1-92a39b869ad0) { --_text-style---font-family: var(--_typography---font--primary-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--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--4); --_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-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--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--4); --_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-7c7eb163-b37d-338d-2369-5eae7e6d458a) { --_text-style---font-family: var(--_typography---font--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--4); --_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--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--5); --_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--secondary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--small); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--5); --_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--secondary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--small); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--5); --_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-41c609dc-9c80-9eef-75df-03bf0eea00b4) { --_text-style---font-family: var(--_typography---font--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--6); --_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-2cfe38fa-6e9d-d8f8-bc7b-3210e7b6adc8) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: pretty; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_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-569ca360-5323-6195-c4cb-889a7649f35c) { --_text-style---font-family: var(--_typography---font--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--6); --_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.u-rich-text:where(.w-variant-2cfe38fa-6e9d-d8f8-bc7b-3210e7b6adc8) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-mini); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: pretty; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_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.u-rich-text:where(.w-variant-569ca360-5323-6195-c4cb-889a7649f35c) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--large); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--small); --_text-style---text-wrap: balance; --_text-style---margin-bottom: var(--_spacing---space--6); --_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-section-spacer { height: var(--_spacing---section-space--none); } .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-e359d2da-de19-6775-b122-3e06f925f39e) { height: var(--_spacing---section-space--page-top); } .u-section-spacer:where(.w-variant-41fc0c0a-cac3-53c9-9802-6a916e3fb342) { height: var(--site--margin); } .u-container { 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-svg { width: 100%; 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-svg.cta { opacity: .2; } .u-svg.tab-logo { z-index: 4; width: 13rem; position: relative; } .u-svg.tab-logo.width-perso { width: 9rem; } .u-svg.log-typo { transform: translate(0, 20%); } .u-svg.footer { transform: scale(1.04); } .u-icon { width: 100%; max-width: 100%; } .u-icon:where(.w-variant-8f27d1c8-d95a-e3b2-66d1-3a165d05aede) { width: 1rem; } .u-icon:where(.w-variant-6c22932d-bc07-1741-25e0-ad3c03857826) { width: 2rem; } .u-icon:where(.w-variant-004e1ee3-faf9-8df4-6b9d-7a8d0aa017b1) { width: 3rem; } .u-embed-css, .u-embed-js { display: none; } .u-theme-brand { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--brand-accent); --_theme---text: var(--swatch--light-100); --_theme---background-2: var(--swatch--brand-400); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-900); --_theme---border: var(--swatch--brand-text-o20); --_theme---button-primary--text: var(--swatch--brand-orig); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); } .u-text-style-large { font-family: var(--_text-style---font-family); font-size: var(--_typography---font-size--text-large); 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--text-large); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: pretty; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_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); 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--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: pretty; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_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); display: flow-root; } .u-rich-text { text-wrap: var(--_text-style---text-wrap); align-items: inherit; justify-content: inherit; } .u-rich-text h1, .u-rich-text h2, .u-rich-text h3, .u-rich-text h4, .u-rich-text h5, .u-rich-text h6, .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--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: pretty; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_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); 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-letter-spacing-tight { letter-spacing: var(--_typography---letter-spacing--tight); } .u-letter-spacing-normal { letter-spacing: var(--_typography---letter-spacing--normal); } .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-heading-accent strong { font-family: var(--_typography---font--third-family); color: var(--_theme---heading-accent); font-weight: inherit; } .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-color-faded { color: color-mix(in srgb, currentColor 70%, transparent); } .u-gap-0 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: 0rem; } .u-gap-1 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--1); } .u-gap-2 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--2); } .u-gap-3 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--3); } .u-gap-row-0 { grid-row-gap: 0rem; } .u-gap-row-1 { grid-row-gap: var(--_spacing---space--1); } .u-gap-row-2 { grid-row-gap: var(--_spacing---space--2); } .u-gap-row-3 { grid-row-gap: var(--_spacing---space--3); } .u-gap-row-4 { grid-row-gap: var(--_spacing---space--4); } .u-gap-row-5 { grid-row-gap: var(--_spacing---space--5); } .u-gap-row-6 { grid-row-gap: var(--_spacing---space--6); } .u-gap-row-7 { grid-row-gap: var(--_spacing---space--7); } .u-gap-row-8 { grid-row-gap: var(--_spacing---space--8); } .u-margin-bottom-0 { margin-bottom: 0; } .u-margin-bottom-text { margin-bottom: var(--_text-style---margin-bottom); } .u-margin-bottom-1 { margin-bottom: var(--_spacing---space--1); } .u-margin-bottom-2 { margin-bottom: var(--_spacing---space--2); } .u-margin-bottom-3 { margin-bottom: var(--_spacing---space--3); } .u-margin-bottom-4 { margin-bottom: var(--_spacing---space--4); } .u-weight-regular { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-regular); } .u-weight-medium { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-medium); } .u-weight-bold { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-bold); } .u-column-span-1 { grid-column-end: span 1; } .u-column-span-2 { grid-column-end: span 2; } .u-column-span-3 { grid-column-end: span 3; } .u-column-span-4 { grid-column-end: span 4; } .u-column-span-5 { grid-column-end: span 5; } .u-column-span-6 { grid-column-end: span 6; } .u-column-span-7 { grid-column-end: span 7; } .u-column-span-8 { grid-column-end: span 8; } .u-column-span-9 { grid-column-end: span 9; } .u-column-span-10 { grid-column-end: span 10; } .u-text-transform-uppercase { text-transform: uppercase; } .u-max-width-full { max-width: 100%; } .u-max-width-full.logo { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); justify-content: center; align-items: center; display: flex; } .u-radius-none { border-radius: 0; } .u-radius-inherit { border-radius: inherit; } .u-radius-small { border-radius: var(--radius--small); } .u-radius-main { border-radius: var(--radius--main); } .u-radius-round { border-radius: var(--radius--small); height: 100%; } .u-display-none { display: none; } .u-position-fixed { position: fixed; } .u-min-width-auto { min-width: auto; } .page_wrap { flex-flow: column; min-height: 100svh; display: flex; overflow: clip; } .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%; position: absolute; inset: 0%; } .clickable_link:where(.w-variant-b793638f-e9bb-2cea-c2d9-27bf5a1f754a) { outline-offset: var(--focus--offset-inner); } .clickable_btn { border-radius: inherit; width: 100%; height: 100%; padding: 0; position: absolute; inset: 0%; } .clickable_btn:where(.w-variant-b793638f-e9bb-2cea-c2d9-27bf5a1f754a) { outline-offset: var(--focus--offset-inner); } .nav_links_svg { width: 1rem; transform: rotate(calc(-180deg * var(--_state---false))); flex: none; margin-left: auto; transition-property: transform; transition-duration: .2s; transition-timing-function: ease; overflow: visible !important; } .nav_mobile_contain { max-width: var(--nav--max-width-outer); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); margin-left: auto; margin-right: auto; } .nav_links_wrap { flex-flow: column; flex: 1; justify-content: center; align-items: center; display: flex; } .nav_links_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { flex-flow: row; flex: 0 auto; justify-content: center; align-items: stretch; display: flex; } .nav_links_item { display: flex; } .nav_dropdown_main_scroll:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { 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; color: var(--_theme---text); --_theme---background: var(--swatch--light-200); --_theme---text: var(--swatch--dark-900); --_theme---background-2: var(--swatch--light-100); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-accent); --_theme---border: var(--swatch--dark-900-o10); --_theme---button-primary--text: var(--swatch--light-100); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-primary--background: var(--swatch--brand-orig); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); background-color: #0000; position: sticky; inset: 0% 0% auto; container-type: inline-size; } .nav_dropdown_main_wrap { background-color: #0000; min-width: 0; position: relative; } .nav_dropdown_main_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { width: 10rem; padding-top: var(--_spacing---space--1); 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_desktop_layout { width: 100%; height: var(--nav--height); max-width: var(--nav--max-width-inner); grid-column-gap: var(--_spacing---space--3); pointer-events: auto; flex-flow: row; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; display: flex; position: static; } .nav_dropdown_component { width: 100%; height: 100%; z-index: unset; margin-left: 0; margin-right: 0; position: static; } .nav_dropdown_link { z-index: 2; width: 100%; 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; 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) { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); border-bottom-style: solid; border-bottom-width: var(--border-width--main); 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(--nav--max-width-outer); 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; width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); margin-left: auto; margin-right: auto; inset: 0% 0% auto; transform: none !important; } .nav_dropdown_text { transition: opacity .1s; } .nav_button_line { width: 100%; height: var(--nav--hamburger-thickness); pointer-events: auto; background-color: currentColor; flex: none; 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; width: 100%; height: var(--nav--height); padding: 0px var(--nav--spacing-inner-horizontal); grid-column-gap: var(--_spacing---space--3); border-radius: var(--nav--radius); background-color: var(--_theme---nav--background); pointer-events: auto; justify-content: space-between; margin-left: auto; margin-right: auto; 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_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); justify-content: center; align-items: center; } .nav_buttons_item.is-main:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin-top: 0; margin-bottom: 0; margin-left: var(--_spacing---space--3); } .nav_links_link { z-index: 2; width: 100%; 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; 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) { height: 100%; padding: 0px var(--_spacing---space--3); } .nav_mobile_wrap { z-index: 1; margin-top: var(--nav--spacing-outer-vertical); background-color: #0000; position: relative; } .nav_button_wrap { z-index: 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; background-color: #0000; } .nav_mobile_logo { z-index: 2; outline-offset: var(--focus--offset-inner); justify-content: flex-start; align-items: center; width: 6rem; display: flex; position: relative; } .nav_skip_wrap { z-index: 2; border-width: var(--border-width--main); border-radius: var(--nav--radius); background-color: var(--_theme---background); outline-offset: var(--focus--offset-inner); pointer-events: auto; color: var(--_theme---text); 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 { flex-flow: column; flex: none; display: flex; } .nav_actions_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { flex-flow: row; justify-content: flex-end; } .nav_links_component { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--8); grid-column-gap: var(--_spacing---space--3); flex-flow: column; flex: 1; display: flex; } .nav_links_component:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { grid-column-gap: var(--_spacing---space--1); flex-flow: row; justify-content: space-between; align-items: center; padding-top: 0; padding-bottom: 0; display: flex; } .nav_mobile_menu_scroll { 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_links_locales_hide { display: none; } .nav_desktop_wrap { z-index: 1; margin-top: var(--nav--spacing-outer-vertical); background-color: #0000; display: none; position: relative; } .nav_desktop_contain { width: 65%; max-width: var(--nav--max-width-outer); padding-right: var(--nav--spacing-inner-horizontal); padding-left: var(--nav--spacing-inner-horizontal); border: 1px solid var(--swatch--dark-900-o10); border-radius: var(--nav--radius); background-color: var(--swatch--light-200); margin-left: auto; margin-right: auto; } .nav_desktop_logo { z-index: 2; outline-offset: var(--focus--offset-inner); flex-flow: column; justify-content: center; align-items: center; width: 6rem; display: flex; position: absolute; inset: 0% 0% 0% 50%; transform: translate(-50%); } .modal_backdrop { background-color: color-mix(in srgb, var(--swatch--dark-900) 50%, var(--swatch--transparent)); width: 100%; height: 100vh; position: absolute; inset: 0% 0% auto; } .modal_scroll { height: 100%; padding-top: var(--_spacing---space--5); padding-right: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); padding-left: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); border-radius: inherit; flex-flow: column; display: flex; position: relative; overflow: hidden auto; container-type: inline-size; } .modal_scroll:where(.w-variant-abed2e46-044e-db8d-e420-f41a8503c278), .modal_scroll:where(.w-variant-ce8c84b8-072d-28eb-fa41-e255213771e0) { padding: var(--site--margin); } .modal_dialog { z-index: 1010; --_theme---background: var(--swatch--light-200); --_theme---text: var(--swatch--dark-900); --_theme---background-2: var(--swatch--light-100); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-accent); --_theme---border: var(--swatch--dark-900-o10); --_theme---button-primary--text: var(--swatch--light-100); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-primary--background: var(--swatch--brand-orig); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); width: 100%; max-width: none; height: 100vh; max-height: none; color: inherit; background-color: #0000; border-style: none; border-width: 0; margin: 0; padding: 0; position: fixed; inset: 0% 0% auto; overflow: clip; } .modal_content { border-radius: var(--radius--main); background-color: var(--_theme---background-2); width: 100%; max-width: 38rem; max-height: 100%; color: var(--_theme---text); position: relative; } .modal_content:where(.w-variant-abed2e46-044e-db8d-e420-f41a8503c278) { border-radius: 0; max-width: none; height: 100vh; } .modal_content:where(.w-variant-ce8c84b8-072d-28eb-fa41-e255213771e0) { border-radius: 0; max-width: 31rem; height: 100vh; } .modal_inner { width: 100%; height: 100dvh; padding: var(--site--margin); flex-flow: column; justify-content: center; align-items: center; display: flex; } .modal_inner:where(.w-variant-abed2e46-044e-db8d-e420-f41a8503c278) { padding: 0; } .modal_inner:where(.w-variant-ce8c84b8-072d-28eb-fa41-e255213771e0) { justify-content: center; align-items: flex-end; padding: 0; } .modal_slot { flex-flow: column; flex: 1; justify-content: center; width: 100%; margin-left: auto; margin-right: auto; display: flex; } .modal_slot:where(.w-variant-abed2e46-044e-db8d-e420-f41a8503c278), .modal_slot:where(.w-variant-ce8c84b8-072d-28eb-fa41-e255213771e0) { max-width: var(--max-width--main); } .button_close_element { width: var(--button-size--medium); aspect-ratio: 1; border-top-style: solid; border-top-width: var(--border-width--main); border-right-style: solid; border-right-width: var(--border-width--main); border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-left-style: solid; border-left-width: var(--border-width--main); vertical-align: middle; background-color: color-mix(in srgb, var(--_theme---button-primary--background) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--background-hover) calc(100% * var(--_trigger---off))); color: color-mix(in srgb, var(--_theme---button-primary--text) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--text-hover) calc(100% * var(--_trigger---off))); border-top-color: color-mix(in srgb, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off))); border-right-color: color-mix(in srgb, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off))); border-bottom-color: color-mix(in srgb, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off))); border-left-color: color-mix(in srgb, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off))); border-radius: inherit; justify-content: center; align-items: center; transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: flex; position: relative; } .button_close_element:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57), .button_close_element:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) { ---mode--collection-8527ce3f-b0ac-c719-bfe1-e5f32af64e3f: mode-002406cf-227a-62a3-cf03-f9d5a175ec01; } .button_close_element:where(.w-variant-c144d67f-2c62-4dbf-0fd8-0b6056b717ec) { width: var(--button-size--medium); color: color-mix(in srgb, var(--_theme---button-secondary--text) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--text-hover) calc(100% * var(--_trigger---off))); background-color: color-mix(in srgb, var(--_theme---button-secondary--background) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--background-hover) calc(100% * var(--_trigger---off))); border-top-color: color-mix(in srgb, var(--_theme---button-secondary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--border-hover) calc(100% * var(--_trigger---off))); border-right-color: color-mix(in srgb, var(--_theme---button-secondary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--border-hover) calc(100% * var(--_trigger---off))); border-bottom-color: color-mix(in srgb, var(--_theme---button-secondary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--border-hover) calc(100% * var(--_trigger---off))); border-left-color: color-mix(in srgb, var(--_theme---button-secondary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--border-hover) calc(100% * var(--_trigger---off))); } .button_close_element:where(.w-variant-3970b3f9-2fa6-52d8-098a-2260caaa12bb), .button_close_element:where(.w-variant-6c75cae2-0734-1bbf-191f-bfe0f8ed1797) { ---mode--collection-8527ce3f-b0ac-c719-bfe1-e5f32af64e3f: mode-002406cf-227a-62a3-cf03-f9d5a175ec01; } .button_close_element:where(.w-variant-7198e0ca-f9f4-9662-3fe9-d7114404c9cb) { width: var(--button-size--large); } .button_close_element:where(.w-variant-c6d40e5e-3298-1af4-067d-37896ebd2a45) { width: var(--button-size--large); color: color-mix(in srgb, var(--_theme---button-secondary--text) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--text-hover) calc(100% * var(--_trigger---off))); background-color: color-mix(in srgb, var(--_theme---button-secondary--background) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--background-hover) calc(100% * var(--_trigger---off))); border-top-color: color-mix(in srgb, var(--_theme---button-secondary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--border-hover) calc(100% * var(--_trigger---off))); border-right-color: color-mix(in srgb, var(--_theme---button-secondary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--border-hover) calc(100% * var(--_trigger---off))); border-bottom-color: color-mix(in srgb, var(--_theme---button-secondary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--border-hover) calc(100% * var(--_trigger---off))); border-left-color: color-mix(in srgb, var(--_theme---button-secondary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--border-hover) calc(100% * var(--_trigger---off))); } .button_close_icon { aspect-ratio: 1; width: 36%; position: relative; } .footer_link_text { color: #fff; } .footer_contain { padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); } .footer_contain.u-container { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); padding-left: 0; padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); padding-left: 0; } .footer_wrap { background-color: var(--swatch--brand-accent); color: var(--swatch--light-100); } .footer_bottom_text { color: #fff; } .footer_group_title { color: #fff; text-transform: uppercase; } .footer_group_title.u-text-style-large.u-margin-bottom-text { font-weight: var(--_typography---font--primary-bold); letter-spacing: var(--_typography---letter-spacing--tight); font-weight: var(--_typography---font--primary-bold); letter-spacing: var(--_typography---letter-spacing--tight); font-weight: var(--_typography---font--primary-bold); letter-spacing: var(--_typography---letter-spacing--tight); } .footer_layout { grid-row-gap: var(--_spacing---space--8); flex-flow: column; justify-content: space-between; align-items: stretch; } .footer_bottom_layout { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); border-top: var(--border-width--main) solid var(--swatch--light-100-o20); flex-flow: wrap; place-content: center space-between; align-items: center; padding-top: 2rem; padding-bottom: 2rem; display: flex; } .footer_group_item { display: flex; } .footer_group_list { flex-flow: column; justify-content: flex-start; align-items: flex-start; 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; } .modal_close { z-index: 2; align-self: flex-end; position: sticky; inset: 0 auto auto 0%; } .button_close_wrap { border-radius: var(--radius--round); display: inline-block; position: relative; } .button-020 { font-size: var(--_typography---font-size--text-small); line-height: 1; font-weight: var(--_typography---font--primary-bold); text-transform: uppercase; -webkit-user-select: none; user-select: none; background-color: #0000; outline-style: none; padding: 0; text-decoration: none; display: inline-grid; position: relative; } .button-020__inner { border-radius: 0; border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); border-bottom-left-radius: var(--radius--small); border-bottom-right-radius: var(--radius--small); pointer-events: none; letter-spacing: var(--_typography---letter-spacing--tight); display: grid; overflow: clip; } .button-020__default { width: 100%; height: 100%; color: var(--button-020-color); grid-area: 1 / 1; display: grid; } .button-020__default-bg { border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); border-bottom-left-radius: var(--radius--small); border-bottom-right-radius: var(--radius--small); background-color: var(--swatch--light-100); border: var(--button-020-border); grid-area: 1 / 1; width: 100%; height: 100%; padding: 0; } .button-020__default-bg:where(.w-variant-7ba906c4-7cf1-dc1a-fdc0-40bd4159952f) { background-color: var(--swatch--brand-orig); } .button-020__default-bg:where(.w-variant-b316556d-8a70-38bb-9081-3aa5e06affa2) { background-color: var(--swatch--brand-700); } .button-020__default-bg:where(.w-variant-3a317d93-627a-9f2c-9ff3-211814c9b55e) { background-color: var(--swatch--brand-accent); } .button-020__default-bg:where(.w-variant-3dcbb6cd-eeca-33a4-0c7c-843510741c34) { background-color: var(--swatch--brand-900); } .button-020__default-bg:where(.w-variant-231b0e79-9541-570e-3e41-365ec374cbfd) { background-color: var(--swatch--brand-700); } .button-020__default-bg:where(.w-variant-5637069d-f44e-c01c-ee0a-fea1f538797c) { background-color: var(--swatch--brand-accent); } .button-020__default-text { width: 100%; height: 100%; padding: var(--button-020-padding); grid-area: 1 / 1; } .button-020__default-text:where(.w-variant-7ba906c4-7cf1-dc1a-fdc0-40bd4159952f), .button-020__default-text:where(.w-variant-b316556d-8a70-38bb-9081-3aa5e06affa2), .button-020__default-text:where(.w-variant-3a317d93-627a-9f2c-9ff3-211814c9b55e), .button-020__default-text:where(.w-variant-3dcbb6cd-eeca-33a4-0c7c-843510741c34), .button-020__default-text:where(.w-variant-231b0e79-9541-570e-3e41-365ec374cbfd), .button-020__default-text:where(.w-variant-5637069d-f44e-c01c-ee0a-fea1f538797c) { color: var(--swatch--light-100); } .button-020__hover { width: 100%; height: 100%; color: var(--button-020-hover-color); grid-area: 1 / 1; display: grid; } .button-020__hover-bg { background-color: var(--swatch--brand-700); grid-area: 1 / 1; width: 100%; height: 100%; padding: 0; } .button-020__hover-bg:where(.w-variant-7ba906c4-7cf1-dc1a-fdc0-40bd4159952f), .button-020__hover-bg:where(.w-variant-b316556d-8a70-38bb-9081-3aa5e06affa2), .button-020__hover-bg:where(.w-variant-3a317d93-627a-9f2c-9ff3-211814c9b55e), .button-020__hover-bg:where(.w-variant-3dcbb6cd-eeca-33a4-0c7c-843510741c34) { background-color: var(--swatch--light-100); } .button-020__hover-bg:where(.w-variant-231b0e79-9541-570e-3e41-365ec374cbfd), .button-020__hover-bg:where(.w-variant-805b05ed-7999-33fe-bd3d-aa57d82da08a), .button-020__hover-bg:where(.w-variant-5637069d-f44e-c01c-ee0a-fea1f538797c) { background-color: var(--swatch--dark-900); } .button-020__hover-text { width: 100%; height: 100%; padding: var(--button-020-padding); grid-area: 1 / 1; } .button-020__hover-text:where(.w-variant-7ba906c4-7cf1-dc1a-fdc0-40bd4159952f), .button-020__hover-text:where(.w-variant-b316556d-8a70-38bb-9081-3aa5e06affa2), .button-020__hover-text:where(.w-variant-3a317d93-627a-9f2c-9ff3-211814c9b55e), .button-020__hover-text:where(.w-variant-3dcbb6cd-eeca-33a4-0c7c-843510741c34) { color: var(--swatch--dark-900); } .button-020__hover-text:where(.w-variant-231b0e79-9541-570e-3e41-365ec374cbfd), .button-020__hover-text:where(.w-variant-5637069d-f44e-c01c-ee0a-fea1f538797c) { color: var(--swatch--light-100); } .u-radius-large { border-radius: var(--radius--large); } .u-letter-spacing-small { letter-spacing: var(--_typography---letter-spacing--small); } .u-letter-spacing-large { letter-spacing: var(--_typography---letter-spacing--large); } .footer_logo { flex-flow: column; justify-content: center; align-items: center; margin-bottom: -13rem; } .footer_karam { z-index: 9; position: relative; inset: 0 0% 0% 0; } .footer-wrap { z-index: 0; background-color: var(--swatch--brand-accent); position: relative; overflow: hidden; } .btn-animate-chars { color: #131313; cursor: pointer; border-radius: .25em; flex-grow: 1; justify-content: center; align-items: center; max-width: 12em; padding: 1em; font-size: 1em; line-height: 1; text-decoration: none; display: flex; position: relative; } .btn-animate-chars:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding-left: .5em; padding-right: .5em; } .btn-animate-chars__text { white-space: nowrap; line-height: 1.3; } .btn-animate-chars__text:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { font-size: var(--_typography---font-size--text-mini); letter-spacing: 0; text-transform: uppercase; } .section_legal { justify-content: flex-start; align-items: flex-start; min-height: 70svh; display: flex; } .content_legal { width: 100%; padding-top: 8rem; display: flex; } .padding_legal { width: 100%; padding: 3rem; } .legal-rich-text { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; width: 100%; display: flex; } .legal-rich-text h3 { margin-top: 1rem; margin-bottom: 1rem; } @media screen and (min-width: 1280px) { .nav_desktop_contain { width: 60%; } .pricing_card-content { width: 90%; } .hero_image { left: 0; } .hero_image:where(.w-variant-6e421753-a36b-3392-2f6b-fa5106b94df4) { bottom: auto; left: auto; right: 0%; } .hero_image.one { width: 17rem; left: 0; } } @media screen and (min-width: 1440px) { .nav_desktop_contain { width: 50%; } .hero_image { top: 16vh; } .hero_image:where(.w-variant-6e421753-a36b-3392-2f6b-fa5106b94df4) { top: 2vh; } .hero_image.one { top: 16vh; } } @media screen and (min-width: 1920px) { .tab_button_list:where(.w-variant-7893ab65-66d9-f313-e02f-d2d3bb216d54) { grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-items: center; } .card-stack__item { height: 700px; } } @media screen and (max-width: 991px) { .u-svg.tab-logo { width: 10rem; } .nav_buttons_item.is-main.nav-mobile-bt { margin-top: var(--_spacing---section-space--none); margin-bottom: var(--_spacing---section-space--none); margin-top: var(--_spacing---section-space--none); margin-bottom: var(--_spacing---section-space--none); margin-top: var(--_spacing---section-space--none); margin-bottom: var(--_spacing---section-space--none); } .footer_contain.u-container { padding-bottom: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .footer_content { flex-flow: row; justify-content: space-between; align-items: center; } .hero_section.u-min-height-screen.u-section.u-theme-dark { min-height: auto; } .hero_label-avatar { width: 1.5rem; } .hero_background-lottie { transform: scale(1.8); } .hero_background-lottie.tablet { display: block; transform: translate(0%, -5%)scale(1.1); } .hero_background-lottie.desktop { display: none; } .produit_content.u-container { height: auto; } .produit_tab-left { width: 100%; height: auto; min-height: auto; } .produit_tab-right { flex: 0 auto; width: 100%; } .cta_fade { width: 100%; } .chiffres_grid, .clients_tab { width: 90%; } .hero_image { width: 7rem; } .hero_image:where(.w-variant-6e421753-a36b-3392-2f6b-fa5106b94df4) { width: 8rem; } .hero_image.one { width: 10rem; top: 25vh; left: -3vw; } .pricing_grid { width: 100%; } .card-stack__item { height: 800px; } .card-stack__item-inner { flex-flow: column; justify-content: flex-start; align-items: center; } .card-stack__item-top { flex: 0 auto; grid-template-rows: auto; grid-template-columns: 1fr 1fr; } .card-stack__item-bottom { width: auto; } .testimonials_grid { flex-flow: column; justify-content: flex-start; align-items: center; } .testimonials_bg.mobile { display: flex; } .testimonials_wrapper { margin-bottom: 0; } .testimonials_column.none { display: none; } .testimonials_linear { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; height: 222px; inset: auto 0% 0%; } .desktop-hide { display: block; } .nav_modile_right { grid-column-gap: 1rem; grid-row-gap: 1rem; display: flex; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .clients_content-card { display: none; } .clients_card-left { width: 100%; } .client_card-bottom { flex-flow: column; } .width-309, .width-618, .width-482 { height: 354px; } .slider_content-card { flex-flow: column; display: flex; } .slider_card-left { width: 100%; } .slider_card-bottom { flex-flow: column; } .swipper-card { height: 354px; display: flex; position: relative; } .swipper { overflow: hidden; } .swiper-slide { width: 100%; position: absolute; } } @media screen and (max-width: 767px) { .u-layout:where(.w-variant-81232c92-6578-ef9a-1e3e-35e3204ae0fd) { display: flex; } .u-layout-column-1:where(.w-variant-81232c92-6578-ef9a-1e3e-35e3204ae0fd) { position: static; } .footer_bottom_layout { padding-top: 1rem; } .hero_content.u-container { padding-top: var(--_spacing---space--8); padding-top: var(--_spacing---space--8); } .twostep-nav__top-line { bottom: -.5em; left: 1em; right: 1em; } .twostep-nav__bottom-col.is--visual { display: none; } .twostep-nav__back-bg { border-top-left-radius: 0; border-top-right-radius: 0; } .hero_sub-lottie { width: 1rem; height: 1rem; } .hero_background { height: auto; } .hero_main_image-wrap { width: 85%; } .hero_main_image-fade { background-image: linear-gradient(180deg, #fff0, var(--swatch--light-200) 72%); } .hero_main_image-fade.second { background-image: linear-gradient(180deg, #fff0 43%, var(--swatch--light-200) 67%); background-image: linear-gradient(180deg, #fff0 43%, var(--swatch--light-200) 67%); } .hero_main_left { border-radius: var(--radius--small); display: none; } .fondateur_section { padding-top: 2rem; padding-left: 1rem; padding-right: 1rem; } .fondateur_paragraphe { padding: 0; } .pricing_card-populaire { width: 70%; } .produit_tab-flex { flex-flow: column; } .produit_tab_right-center { justify-content: center; align-items: center; } .produit_tab_desc { width: auto; } .cta_section.u-theme-brand { border-top-left-radius: var(--radius--large); border-top-right-radius: var(--radius--large); border-top-left-radius: var(--radius--large); border-top-right-radius: var(--radius--large); } .cta_content.u-container { border-radius: var(--radius--large); border-radius: var(--radius--large); width: 90%; } .cta_logo-background { width: 25rem; } .cta_container { border-radius: var(--radius--large); padding-left: 4rem; padding-right: 4rem; } .produit_tab-grid { flex-flow: column; width: 100%; display: flex; } .produit_tab_right_second-desc { flex-flow: row; } .chiffres_section { border-bottom-left-radius: var(--radius--large); } .chiffres_grid { width: 100%; } .clients_section { border-top-left-radius: var(--radius--large); border-top-right-radius: var(--radius--large); } .clients_tab { width: 100%; } .testimonials_video-wrap { padding-left: 2rem; } .testimonials_video { padding-top: .5rem; padding-bottom: .5rem; } .pricing_title { grid-column-end: span 12; } .pricing_paragraph { grid-column: 2 / span 12; justify-content: flex-start; align-items: flex-start; } .hero_image { display: none; } .card-stack__item { height: 700px; padding: 2em; } .card-stack__item-inner { grid-column-gap: 2em; grid-row-gap: 2em; } .card-stack__item-top { grid-template-columns: 1fr; } .card-stack__item-bottom { border-radius: .5em; } .testimonials_grid { flex-flow: column; } .text-size-regular.text-color-primary { font-size: 12px; } .testimonials_column { grid-column-gap: 12px; grid-row-gap: 12px; } .testimonials_column.none { display: none; } .logo-marquee-wrapper { padding-top: 2rem; padding-bottom: 2rem; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .pricing_testi_card.text-align-left { max-width: 339px; } } @media screen and (max-width: 479px) { .u-text-style-main.u-weight-medium { font-size: var(--_typography---font-size--text-small); font-size: var(--_typography---font-size--text-small); } .footer_content { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; justify-content: flex-start; align-items: flex-start; } .tab_button_item:where(.w-variant-a6c92a19-8cb7-6460-1982-35a695733534) { padding: var(--_spacing---space--1); } .hero_section.u-min-height-screen.u-section.u-theme-dark { min-height: auto; } .button-020:where(.w-variant-805b05ed-7999-33fe-bd3d-aa57d82da08a) { text-align: center; } .twostep-nav__bar { max-width: 20em; } .twostep-nav__width { max-width: 40em; } .hero_label { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); justify-content: center; align-items: center; width: 100%; } .hero_label-avatar:where(.w-variant-4b74b6e6-b7ee-8bd0-1ffc-1415f350ca26) { margin-right: -.2rem; } .hero_main_image-wrap { aspect-ratio: 16 / 9; width: 100%; } .pricing_card-populaire { width: 50%; } .cta_logo-background { width: 15rem; } .cta_container { padding: 4rem 2rem; } .produit_tab_right_second-desc { flex-flow: column; } .hero_bottom-top { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; } .chiffres_card { background-color: var(--swatch--brand-accent); background-image: none; margin-top: 2rem; margin-bottom: 2rem; } .chiffres_card:where(.w-variant-8dabc1be-9b8d-fcd9-7bef-abe830ce6083), .chiffres_grid { margin-top: 0; } .clients_tab-wrap:where(.w-variant-7893ab65-66d9-f313-e02f-d2d3bb216d54) { width: 70%; } .card-stack__item { height: 600px; } .card-stack__item-inner { grid-column-gap: 4rem; grid-row-gap: 4rem; justify-content: center; align-items: center; } .card-stack__item-bottom { flex: 0 auto; padding: .5rem; } .icon-stars { width: 15px; height: 14.25px; } .testimonial_icon { width: 30px; } .testimonials_stars { grid-column-gap: 3px; grid-row-gap: 3px; } .testimonials_card.text-align-left { grid-column-gap: 12px; grid-row-gap: 12px; grid-column-gap: 12px; grid-row-gap: 12px; border-width: .75px; border-radius: 10.5px; padding: 18px; } .heading-testimonial { font-size: 12px; } .testimonials_bg { border-radius: 12px; padding: 4px; } .testimonials_infos { grid-column-gap: 9px; grid-row-gap: 9px; } .sub-heading_testiimonial { font-size: 12px; } .text-size-regular.text-color-primary { line-height: 18px; } .testimonials_linear { background-image: linear-gradient(#fff0, #ffffffd6 94%, #fff 100%, #fff); height: 180px; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .clients_content-wrapper { padding-left: 2rem; padding-right: 2rem; } .width-309, .width-618, .width-482 { height: 224px; } .logo_heading-wrapper { padding-left: 2rem; padding-right: 2rem; } .swipper-card { height: 224px; } }