:root { --_theme---black-grey: var(--swatch--dark-900); --_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--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --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(--_button-style---background-hover); --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; --_theme---background: var(--swatch--light-100); --_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--3: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --border-width--main: .094rem; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_spacing---space--2: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .75 * 1rem); --_spacing---section-space--none: 0px; --_spacing---section-space--small: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_spacing---section-space--large: clamp(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--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); --_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---letter-spacing--normal: 0em; --_theme---heading-accent: var(--swatch--brand-600); --_spacing---space--1: clamp(.375 * 1rem, ((.375 - ((.5 - .375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.5 - .375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .5 * 1rem); --_spacing---space--4: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_typography---font--primary-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --_typography---font--primary-regular: 400; --_typography---font--primary-medium: 500; --_typography---font--primary-bold: 700; --_spacing---comet--16px-1rem: 1rem; --_spacing---comet--0px: 0px; --radius--small: .5rem; --radius--round: 100vw; --_theme---border: var(--swatch--dark-900-o20); --_typography---font-size--text-large: clamp(1.125 * 1rem, ((1.125 - ((1.25 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --swatch--transparent: transparent; --_trigger---on: 1; --_trigger---off: 0; --_button-style---text: var(--_theme---button-primary--text); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_button-style---background: var(--_theme---button-primary--background); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---border: var(--_theme---button-primary--border); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---black-grey); --_theme---text-link--text-hover: var(--_theme---text-link--text); --button-size--medium: 3rem; --button-size--large: 5rem; --_theme---white: white; --_state---false: 0; --_state---true: 1; --focus--offset-inner: calc(var(--focus--width) * -1); --nav--max-width-outer: var(--max-width--main); --nav--spacing-outer-horizontal: var(--site--margin); --nav--radius: var(--radius--small); --_theme---nav--background: var(--_theme---background); --nav--max-width-inner: var(--max-width--main); --nav--height-total: var(--nav--height); --nav--spacing-outer-vertical: var(--site--margin); --swatch--dark-900: #1f1d1e; --nav--height: 4rem; --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; --_theme---text-link--border-hover: var(--_theme---black-grey); --_spacing---comet--32px-2rem: 2rem; --_theme---bauhaus--red-fenix: #f52f30; --_typography---font-size--h1: 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---comet--24px-1-5rem: 1.5rem; --_typography---font-size--h4: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_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); --_apps---typography--heading-font: var(--_typography---font--primary-family); --_apps---typography--body-font: var(--_typography---font--primary-family); --_apps---typography--button-font: var(--_typography---font--primary-family); --_apps---sizes--radius: var(--radius--main); --_apps---colors--background: var(--swatch--brand-500); --_apps---colors--foreground: var(--_theme---bauhaus--black-is-black); --_text-style---text-transform: var(--_typography---text-transform--none); --site--viewport-max: 90; --site--viewport-min: 20; --_theme---bauhaus--mustard: #f4be14; --_theme---bauhaus--emerald: #0ba17d; --_theme---bauhaus--purple-haze: #e28cf1; --_theme---bauhaus--blues: #2b39f4; --_theme---bauhaus--pinky-winky: #d3829b; --_theme---bauhaus--nature: #077d3e; --_theme---bauhaus--jungle: #a2c65d; --_theme---bauhaus--violet-femmes: #6f49f3; --_theme---bauhaus--martians: #d7f530; --_theme---bauhaus--momo: #969998; --_theme---bauhaus--black-is-black: #383838; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --focus--offset-outer: .1875rem; --swatch--light-100: white; --swatch--light-100-o20: color-mix(in srgb, var(--swatch--light-100) 20%, transparent); --swatch--light-200: #ebebeb; --swatch--dark-800: #2f2b2d; --swatch--dark-900-o20: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent); --swatch--brand-100: color-mix(in srgb, var(--swatch--brand-500), white 80%); --swatch--brand-200: color-mix(in srgb, var(--swatch--brand-500), white 60%); --swatch--brand-400: color-mix(in srgb, var(--swatch--brand-500), white 20%); --swatch--brand-300: color-mix(in srgb, var(--swatch--brand-500), white 40%); --swatch--brand-500: #c6fb50; --swatch--brand-900: color-mix(in srgb, var(--swatch--brand-500), black 80%); --swatch--brand-800: color-mix(in srgb, var(--swatch--brand-500), black 60%); --swatch--brand-700: color-mix(in srgb, var(--swatch--brand-500), black 40%); --swatch--brand-600: color-mix(in srgb, var(--swatch--brand-500), black 20%); --swatch--brand-text: var(--swatch--dark-900); --_alignment---direction: start; --swatch--brand-text-o20: color-mix(in srgb, var(--swatch--brand-text) 20%, transparent); --_apps---colors--card: var(--swatch--brand-500); --_theme---button-primary--background: var(--swatch--brand-500); --_apps---colors--card-foreground: #040702; --_theme---button-primary--border: var(--_theme---button-primary--background); --_apps---colors--popover: #d7d8d5; --_theme---button-primary--text: var(--swatch--brand-text); --_apps---colors--popover-foreground: #060605; --_apps---colors--primary: var(--_theme---bauhaus--black-is-black); --_apps---colors--primary-foreground: #f8f8f8; --_theme---button-primary--background-hover: var(--_theme---black-grey); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_apps---colors--secondary: #e7d6da; --_theme---button-primary--text-hover: var(--_theme---background); --_apps---colors--secondary-foreground: #0f0d0d; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---black-grey); --_theme---button-secondary--background-hover: var(--_theme---black-grey); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---white); --_apps---colors--muted: #dddfdb; --_spacing---comet--4px-0-25rem: .25rem; --_apps---colors--muted-foreground: #636461; --_spacing---comet--8px-0-5rem: .5rem; --_spacing---comet--12px-0-75rem: .75rem; --_apps---colors--accent: #cbcbcb; --_apps---colors--accent-foreground: #0d0d0d; --_apps---colors--destructive: #d74843; --_apps---colors--border: #38383833; --_spacing---comet--20px-1-25rem: 1.25rem; --nav--banner-height: 2.4rem; --_apps---colors--input: #3b3b3b; --_apps---colors--ring: var(--_theme---bauhaus--black-is-black); --_apps---charts--chart-1: var(--_theme---bauhaus--black-is-black); --_spacing---comet--40px-2-5rem: 2.5rem; --_apps---charts--chart-2: #535353; --_spacing---comet--48px-3rem: 3rem; --_apps---charts--chart-3: #2b2b2b; --_spacing---comet--56px-3-5rem: 3.5rem; --_apps---charts--chart-4: #1f1f1f; --_spacing---comet--60px-3-75rem: 3.75rem; --_apps---charts--chart-5: #222; --_spacing---comet--64px-4rem: 4rem; --_apps---sidebar--sidebar: #dddfdb; --_spacing---comet--72px-4-5rem: 4.5rem; --_spacing---comet--80px-5rem: 5rem; --_apps---sidebar--sidebar-foreground: #060605; --_spacing---comet--96px-6rem: 6rem; --_apps---sidebar--sidebar-primary: var(--_theme---bauhaus--black-is-black); --_apps---sidebar--sidebar-primary-foreground: #f8f8f8; --nav--menu-open-duration: var(--nav-duration, .4s); --_apps---sidebar--sidebar-accent: #cbcbcb; --_typography---font--primary-trim-top: .33em; --_typography---font--primary-trim-bottom: .38em; --nav--menu-close-duration: var(--nav-duration, .4s); --_apps---sidebar--sidebar-accent-foreground: #0d0d0d; --nav--dropdown-open-duration: var(--nav-duration, .4s); --nav--dropdown-close-duration: var(--nav-duration, .4s); --_apps---sidebar--sidebar-border: #38383833; --_apps---sidebar--sidebar-ring: var(--_theme---bauhaus--black-is-black); --_apps---colors--background-dark: #120f10; --_apps---colors--foreground-dark: #f9f8f8; --_apps---colors--card-dark: #272324; --_apps---colors--card-foreground-dark: #f9f8f8; --_apps---colors--popover-dark: #272324; --_apps---colors--popover-foreground-dark: #f9f8f8; --_apps---colors--primary-dark: #8dab54; --_apps---colors--primary-foreground-dark: #0b0f06; --_apps---colors--secondary-dark: #332126; --_apps---colors--secondary-foreground-dark: #fcf7f8; --_apps---colors--muted-dark: #090707; --_apps---colors--muted-foreground-dark: #9d9b9c; --_apps---colors--accent-dark: #8faa5d; --_apps---colors--accent-foreground-dark: #f8f8f8; --_apps---colors--destructive-dark: #c93a37; --_apps---colors--border-dark: #3838381a; --_apps---colors--input-dark: #ffffff26; --_apps---colors--ring-dark: #8dab54; --_apps---charts--chart-1-dark: #8dab54; --_apps---charts--chart-2-dark: #c1d89c; --_apps---charts--chart-3-dark: #6e8d28; --_apps---charts--chart-4-dark: #afc984; --_apps---charts--chart-5-dark: #637c2f; --_apps---sidebar--sidebar-dark: #181516; --_apps---sidebar--sidebar-foreground-dark: #f9f8f8; --_apps---sidebar--sidebar-primary-dark: #8dab54; --_apps---sidebar--sidebar-primary-foreground-dark: #0b0f06; --_apps---sidebar--sidebar-accent-dark: #8faa5d; --_apps---sidebar--sidebar-accent-foreground-dark: #f8f8f8; --_apps---sidebar--sidebar-border-dark: #ffffff1a; --_apps---sidebar--sidebar-ring-dark: #8dab54; --_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); --_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---font-size--h5: clamp(1.375 * 1rem, ((1.375 - ((1.5 - 1.375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_typography---font-size--h3: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_typography---font-size--h2: 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); --_typography---text-transform--none: var(--text-transform, none); --_typography---text-transform--uppercase: uppercase; --_typography---text-transform--capitalize: capitalize; --_typography---text-transform--lowercase: lowercase; } .w-checkbox { margin-bottom: 5px; padding-left: 20px; display: block; } .w-checkbox:before { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox:after { content: " "; clear: both; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox-input { float: left; margin: 4px 0 0 -20px; line-height: normal; } .w-checkbox-input--inputType-custom { border: 1px solid #ccc; border-radius: 2px; width: 12px; height: 12px; } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-color: #3898ec; } .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } body { background-color: var(--_theme---black-grey); font-family: var(--_text-style---font-family); color: var(--_theme---black-grey); 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); --_column-count---value: 12; text-transform: var(--_text-style---text-transform, none); } h1, h2, h3, h4, h5, h6, p { display: flow-root; } a { color: inherit; outline-width: var(--focus--width); outline-offset: var(--focus--offset-outer); text-decoration: none; } ul, ol { margin-bottom: 0; padding-left: 0; list-style: ""; } li { display: block; } img { object-fit: cover; width: 100%; max-width: 100%; } strong { font-weight: bold; } blockquote { border-style: none; padding: 0; } figure { margin-bottom: 0; } .u-layout-wrapper { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--8); justify-content: center; align-items: stretch; width: 100%; display: flex; } .u-layout-wrapper:where(.w-variant-31f8ed75-2c88-945a-a737-1b9b50b4494b), .u-layout-wrapper:where(.w-variant-329f6899-ba0f-e4db-0449-3c5b8ba4f388) { grid-column-gap: 0rem; grid-row-gap: 0rem; } .u-layout-wrapper:where(.w-variant-4fee4cc0-701f-2817-944f-2c0261b9c2f3), .u-layout-wrapper:where(.w-variant-6bb5e515-55a9-1fc8-d29b-ff898d8b40f7) { grid-column-gap: var(--site--gutter); flex-flow: row; justify-content: center; align-items: stretch; display: flex; } .u-layout-wrapper:where(.w-variant-58b19052-6f23-ab5e-5e89-54288af57e85), .u-layout-wrapper:where(.w-variant-560ed4d9-9e8c-5c39-4619-fc154cdf9f19) { grid-column-gap: 0rem; grid-row-gap: 0rem; } .u-layout { grid-column-gap: inherit; grid-row-gap: inherit; flex-flow: column; grid-template-rows: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-columns: 1fr; width: 100%; display: flex; } .u-layout:where(.w-variant-31f8ed75-2c88-945a-a737-1b9b50b4494b), .u-layout:where(.w-variant-329f6899-ba0f-e4db-0449-3c5b8ba4f388) { border-top-left-radius: var(--radius--main); border-top-right-radius: var(--radius--main); border-bottom-left-radius: var(--radius--main); border-bottom-right-radius: var(--radius--main); background-color: var(--_theme---background-2); display: var(--flex-medium, grid); flex-flow: column; overflow: clip; } .u-layout:where(.w-variant-4fee4cc0-701f-2817-944f-2c0261b9c2f3), .u-layout:where(.w-variant-6bb5e515-55a9-1fc8-d29b-ff898d8b40f7) { grid-template-columns: [full-start] minmax(0, 1fr) [content-start] repeat(var(--site--column-count), minmax(0, var(--site--column-width))) [content-end] minmax(0, 1fr) [full-end]; width: calc(100vw * var(--_responsive---large) + 100% * max(var(--_responsive---medium), var(--_responsive---small), var(--_responsive---xsmall))); display: var(--flex-medium, grid); flex-flow: column; flex: none; } .u-layout:where(.w-variant-558793eb-2b07-490b-9842-2d7e6f6bf325), .u-layout:where(.w-variant-1261a7e4-2c05-3b0b-2126-d399890906b8) { display: var(--flex-medium, grid); flex-flow: column; grid-template-columns: repeat(2, minmax(0, 1fr)); } .u-layout:where(.w-variant-ebfcdcb1-ac53-1b15-fcb9-eaeda25808f5) { border-top-left-radius: var(--radius--main); border-top-right-radius: var(--radius--main); border-bottom-left-radius: var(--radius--main); border-bottom-right-radius: var(--radius--main); background-color: var(--_theme---background); color: var(--_theme---black-grey); --_alignment---direction: center; --_theme---black-grey: var(--swatch--light-100); --_theme---background-2: var(--swatch--dark-800); --_theme---background: black; --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---black-grey); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---white: black; --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---bauhaus--red-fenix: #f52f30; --_theme---bauhaus--mustard: #f4be14; --_theme---bauhaus--emerald: #0ba17d; --_theme---bauhaus--purple-haze: #e28cf1; --_theme---bauhaus--blues: #2b39f4; --_theme---bauhaus--pinky-winky: #d3829b; --_theme---bauhaus--nature: #077d3e; --_theme---bauhaus--jungle: #a2c65d; --_theme---bauhaus--violet-femmes: #6f49f3; --_theme---bauhaus--martians: #d7f530; --_theme---bauhaus--momo: #969998; --_theme---bauhaus--black-is-black: #383838; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---black-grey); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---black-grey); --_theme---button-secondary--background-hover: var(--_theme---black-grey); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---white); text-align: var(--_alignment---direction, start); flex-flow: column; justify-content: center; align-items: stretch; display: flex; position: relative; overflow: clip; } .u-layout:where(.w-variant-58b19052-6f23-ab5e-5e89-54288af57e85), .u-layout:where(.w-variant-560ed4d9-9e8c-5c39-4619-fc154cdf9f19) { display: var(--flex-medium, grid); flex-flow: column; flex: none; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100vw; } .u-layout-column-1 { align-self: center; width: 100%; position: relative; } .u-layout-column-1:where(.w-variant-31f8ed75-2c88-945a-a737-1b9b50b4494b), .u-layout-column-1:where(.w-variant-329f6899-ba0f-e4db-0449-3c5b8ba4f388) { padding: var(--_spacing---space--6); } .u-layout-column-1:where(.w-variant-4fee4cc0-701f-2817-944f-2c0261b9c2f3) { grid-column: 2 / span 5; } .u-layout-column-1:where(.w-variant-6bb5e515-55a9-1fc8-d29b-ff898d8b40f7) { grid-column: 9 / span 5; } .u-layout-column-1:where(.w-variant-d69d5003-e9bc-b347-4e02-eb46976beb1c) { --_alignment---direction: center; text-align: var(--_alignment---direction, start); } .u-layout-column-1:where(.w-variant-ebfcdcb1-ac53-1b15-fcb9-eaeda25808f5) { z-index: 1; padding: var(--_spacing---section-space--main) var(--_spacing---space--5); position: relative; } .u-layout-column-1:where(.w-variant-58b19052-6f23-ab5e-5e89-54288af57e85), .u-layout-column-1:where(.w-variant-560ed4d9-9e8c-5c39-4619-fc154cdf9f19) { max-width: var(--max-width--small); padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); width: calc(100% - var(--site--margin) * 2); margin-left: auto; margin-right: auto; } .u-layout-column-2 { width: 100%; position: relative; } .u-layout-column-2:where(.w-variant-1261a7e4-2c05-3b0b-2126-d399890906b8), .u-layout-column-2:where(.w-variant-329f6899-ba0f-e4db-0449-3c5b8ba4f388) { grid-row-start: 1; grid-column-start: 1; } .u-layout-column-2:where(.w-variant-4fee4cc0-701f-2817-944f-2c0261b9c2f3) { grid-column: 8 / full; } .u-layout-column-2:where(.w-variant-6bb5e515-55a9-1fc8-d29b-ff898d8b40f7) { grid-column: full / span 7; grid-row-start: 1; } .u-layout-column-2:where(.w-variant-ebfcdcb1-ac53-1b15-fcb9-eaeda25808f5) { pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .u-layout-column-2:where(.w-variant-560ed4d9-9e8c-5c39-4619-fc154cdf9f19) { grid-row-start: 1; grid-column-start: 1; } .u-grid-wrapper { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); width: 100%; display: flex; } .u-grid-wrapper:where(.w-variant-b8204f2e-764d-b421-dc96-2c59d3054271) { container-type: inline-size; } .u-grid { grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); grid-column-gap: inherit; grid-row-gap: inherit; flex-flow: column; width: 100%; display: grid; } .u-grid:where(.w-variant-d58244bf-290f-ebb3-3aa0-352d6fa8e84f) { grid-template-columns: repeat(auto-fit, minmax(min(max(calc(var(--number, 12) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .u-grid:where(.w-variant-129319ac-a2cd-9e88-2ebd-a33b4bb85fa5) { grid-template-columns: repeat(auto-fill, minmax(min(max(calc(var(--number, 12) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .u-content-wrapper { text-align: var(--_alignment---direction, start); width: 100%; } .u-content-wrapper:where(.w-variant-67e1f4a6-997b-b215-d348-cc757a57083b) { --_alignment---direction: start; } .u-content-wrapper:where(.w-variant-4f54624e-ceb1-0769-a238-365d5e220b70) { --_alignment---direction: center; } .u-content-wrapper:where(.w-variant-405b6754-709a-81de-bf32-f0102c0c7aa2) { --_alignment---direction: end; } .u-background-slot { pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .u-video { aspect-ratio: 2; background-color: var(--_theme---background-skeleton); width: 100%; height: 100%; } .u-video:where(.w-variant-db26956a-7929-76af-05b0-02971cbab2f4) { width: 100%; height: 100%; position: absolute; inset: 0%; aspect-ratio: unset !important; } .u-video:where(.w-variant-0b00a75a-35ba-66c2-fce0-21c117d62ce0) { aspect-ratio: 16 / 9; } .u-video:where(.w-variant-a9490bed-5b56-7b46-8413-993d16d77e88) { aspect-ratio: 3 / 2; } .u-video:where(.w-variant-ec7f8a9f-99ac-b5a5-140b-730400a62670) { aspect-ratio: 1; } .u-video:where(.w-variant-8157ca33-45d5-df1a-bd25-894298c8e117) { aspect-ratio: 5 / 4; } .u-video:where(.w-variant-f3f45657-6a73-93f9-25db-a80af56ad72a) { aspect-ratio: 4 / 5; } .u-video:where(.w-variant-c3ccbb6c-6fa7-1113-0f2e-08b77dffca68) { aspect-ratio: 2 / 3; } .u-image-wrapper { aspect-ratio: 2; background-color: var(--_theme---background-skeleton); object-fit: cover; width: 100%; height: 100%; position: relative; overflow: clip; } .u-image-wrapper:where(.w-variant-4972adff-107c-1f37-d19c-526a2bf55c28) { width: 100%; height: 100%; position: absolute; inset: 0%; aspect-ratio: unset !important; } .u-image-wrapper:where(.w-variant-a5f35569-5171-ee3d-f7bb-c5b2372249ac) { aspect-ratio: 1; } .u-image-wrapper:where(.w-variant-27d05669-180c-3169-9b64-0eda31f8d4d3) { aspect-ratio: 16 / 9; } .u-image-wrapper:where(.w-variant-a93327ec-aace-62d3-860b-21ee12acd25a) { aspect-ratio: 2 / 3; } .u-image-wrapper:where(.w-variant-57c7d8f5-d942-5de8-0712-e12fff699502) { aspect-ratio: 3 / 2; } .u-image-wrapper:where(.w-variant-35ea7d22-774e-1ba9-1dcc-8a392636f83d) { aspect-ratio: 4 / 5; } .u-image-wrapper:where(.w-variant-8e41429f-9f9e-7697-357e-815bd3e59383) { aspect-ratio: 5 / 4; } .u-image { object-position: calc(var(--x, 50) * 1%) calc(var(--y, 50) * 1%); object-fit: inherit; height: 100%; display: block; position: absolute; inset: 0%; } .u-iframe-wrapper { aspect-ratio: 16 / 9; position: relative; } .u-iframe { border: none; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .u-overlay { background-color: color-mix(in srgb, black calc(var(--number) / 100 * 80%), transparent); width: 100%; height: 100%; position: absolute; inset: 0%; } .u-overlay:where(.w-variant-9653c0cc-21fc-fb82-1373-c98b1644e5a8) { background-image: linear-gradient(#0000, #0000009e 84%); background-color: color-mix(in srgb, black calc(var(--number) / 100 * 60%), transparent); } .u-eyebrow-wrapper { margin-bottom: var(--_spacing---space--5); justify-content: var(--_alignment---direction, start); display: flex; } .u-eyebrow-layout { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); vertical-align: baseline; display: inline-flex; } .u-eyebrow-marker { width: var(--border-width--main); background-color: currentColor; flex: none; padding-bottom: 0; padding-right: 0; } .u-eyebrow-text { margin-top: 0; margin-bottom: 0; } .u-text { margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); justify-content: center; align-items: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); max-width: calc(var(--number) * 1ch); flex-flow: column; min-width: 100%; display: flex; } .u-text:where(.w-variant-eee56f15-d7ce-d101-2f8c-83b3bbd55d4a) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-3ddfa43e-abc1-422e-6e6d-23dfb7da71f3) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-efb733fe-da83-69a3-ea4a-b3f2f89d0389) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-ad482112-9d0e-852c-0f6e-ba1e5a3aee59) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-93e8af18-8413-e3ac-0442-72629401a3db) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-5c484503-e2a0-ac99-680d-56013d859efa) { --_text-style---font-family: var(--_typography---font--primary-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--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-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--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-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--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--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--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--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--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--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--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--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--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--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--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-12e93187-f8ac-b1a1-2e50-59d85a6bf516) { --_text-style---font-family: var(--_typography---font--primary-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--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-f196774e-dbfd-d1b4-1196-b3e824fc5f7d) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-7bfbf33b-fb56-d8df-e2d2-8fe65a7f2e44) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-9af60b09-c3a1-8c2a-eb78-8e29460ca7a9) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-83c598b0-8cc2-f955-1996-fcb8fb10bf70) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-8ee37a78-065b-6879-973d-319c65e28313) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-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--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--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--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--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--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--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--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-326a9562-3263-06da-e8ef-16981fd70f1c) { --_text-style---font-family: var(--_typography---font--primary-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--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-7c7eb163-b37d-338d-2369-5eae7e6d458a) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-701c4b6c-37cf-de59-d80d-80a1822c4994) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-433d40c6-c261-f13f-c899-61d2cadf150f) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-792802b6-ccdb-f982-5023-5fa970cf03d0) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-text:where(.w-variant-41c609dc-9c80-9eef-75df-03bf0eea00b4) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .u-button-wrapper { margin-top: var(--_spacing---space--6); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); flex-flow: wrap; display: flex; } .u-section { background-color: var(--_theme---background); color: var(--_theme---black-grey); flex-flow: column; justify-content: center; align-items: stretch; display: flex; position: relative; } .u-section:where(.w-variant-a4eabb01-8ed6-63d0-157e-0a7b56aedaa1) { --_theme---black-grey: var(--swatch--dark-900); --_theme---background-2: var(--_button-style---background-hover); --_theme---background: var(--swatch--light-100); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-600); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---black-grey); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---white: white; --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---black-grey); --_theme---bauhaus--red-fenix: #f52f30; --_theme---bauhaus--mustard: #f4be14; --_theme---bauhaus--emerald: #0ba17d; --_theme---bauhaus--purple-haze: #e28cf1; --_theme---bauhaus--blues: #2b39f4; --_theme---bauhaus--pinky-winky: #d3829b; --_theme---bauhaus--nature: #077d3e; --_theme---bauhaus--jungle: #a2c65d; --_theme---bauhaus--violet-femmes: #6f49f3; --_theme---bauhaus--martians: #d7f530; --_theme---bauhaus--momo: #969998; --_theme---bauhaus--black-is-black: #383838; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---black-grey); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---black-grey); --_theme---button-secondary--background-hover: var(--_theme---black-grey); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---white); } .u-section:where(.w-variant-857e5430-97c7-deb6-3c1a-d3063f9fe2c7) { --_theme---black-grey: var(--swatch--light-100); --_theme---background-2: var(--swatch--dark-800); --_theme---background: black; --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---black-grey); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---white: black; --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---bauhaus--red-fenix: #f52f30; --_theme---bauhaus--mustard: #f4be14; --_theme---bauhaus--emerald: #0ba17d; --_theme---bauhaus--purple-haze: #e28cf1; --_theme---bauhaus--blues: #2b39f4; --_theme---bauhaus--pinky-winky: #d3829b; --_theme---bauhaus--nature: #077d3e; --_theme---bauhaus--jungle: #a2c65d; --_theme---bauhaus--violet-femmes: #6f49f3; --_theme---bauhaus--martians: #d7f530; --_theme---bauhaus--momo: #969998; --_theme---bauhaus--black-is-black: #383838; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---black-grey); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---black-grey); --_theme---button-secondary--background-hover: var(--_theme---black-grey); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---white); } .u-section:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---black-grey: var(--swatch--dark-900); --_theme---background-2: var(--_button-style---background-hover); --_theme---background: var(--swatch--light-100); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-600); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---black-grey); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---white: white; --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---black-grey); --_theme---bauhaus--red-fenix: #f52f30; --_theme---bauhaus--mustard: #f4be14; --_theme---bauhaus--emerald: #0ba17d; --_theme---bauhaus--purple-haze: #e28cf1; --_theme---bauhaus--blues: #2b39f4; --_theme---bauhaus--pinky-winky: #d3829b; --_theme---bauhaus--nature: #077d3e; --_theme---bauhaus--jungle: #a2c65d; --_theme---bauhaus--violet-femmes: #6f49f3; --_theme---bauhaus--martians: #d7f530; --_theme---bauhaus--momo: #969998; --_theme---bauhaus--black-is-black: #383838; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---black-grey); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---black-grey); --_theme---button-secondary--background-hover: var(--_theme---black-grey); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---white); } .u-section:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---black-grey: var(--swatch--light-100); --_theme---background-2: var(--swatch--dark-800); --_theme---background: black; --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---black-grey); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---white: black; --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---bauhaus--red-fenix: #f52f30; --_theme---bauhaus--mustard: #f4be14; --_theme---bauhaus--emerald: #0ba17d; --_theme---bauhaus--purple-haze: #e28cf1; --_theme---bauhaus--blues: #2b39f4; --_theme---bauhaus--pinky-winky: #d3829b; --_theme---bauhaus--nature: #077d3e; --_theme---bauhaus--jungle: #a2c65d; --_theme---bauhaus--violet-femmes: #6f49f3; --_theme---bauhaus--martians: #d7f530; --_theme---bauhaus--momo: #969998; --_theme---bauhaus--black-is-black: #383838; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---black-grey); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---black-grey); --_theme---button-secondary--background-hover: var(--_theme---black-grey); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---white); } .u-section:where(.w-variant-25bf08d9-3196-322b-5616-019ac7f0f4f7) { --_theme---black-grey: var(--swatch--brand-text); --_theme---background-2: var(--swatch--brand-600); --_theme---background: #c6fb50; --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: color-mix(in srgb, var(--_theme---black-grey), white 20%); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---black-grey); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---white: white; --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---black-grey); --_theme---bauhaus--red-fenix: #f52f30; --_theme---bauhaus--mustard: #f4be14; --_theme---bauhaus--emerald: #0ba17d; --_theme---bauhaus--purple-haze: #e28cf1; --_theme---bauhaus--blues: #2b39f4; --_theme---bauhaus--pinky-winky: #d3829b; --_theme---bauhaus--nature: #077d3e; --_theme---bauhaus--jungle: #a2c65d; --_theme---bauhaus--violet-femmes: #6f49f3; --_theme---bauhaus--martians: #d7f530; --_theme---bauhaus--momo: #969998; --_theme---bauhaus--black-is-black: #383838; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---black-grey); --_theme---button-secondary--background-hover: var(--_theme---black-grey); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---white); } .u-section-spacer { height: var(--_spacing---section-space--none); position: relative; } .u-section-spacer:where(.w-variant-d422cbd0-f212-c815-68df-63414354c21d) { height: var(--_spacing---section-space--small); } .u-section-spacer:where(.w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490) { height: var(--_spacing---section-space--main); } .u-section-spacer:where(.w-variant-8cc18b30-4618-8767-0111-f6abfe45aaa3) { height: var(--_spacing---section-space--large); } .u-section-spacer:where(.w-variant-41fc0c0a-cac3-53c9-9802-6a916e3fb342) { height: var(--site--margin); } .u-section-spacer:where(.w-variant-e359d2da-de19-6775-b122-3e06f925f39e) { height: var(--_spacing---section-space--page-top); } .u-container { z-index: 1; max-width: var(--max-width--main); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); width: calc(100% - var(--site--margin) * 2); flex-flow: column; justify-content: center; margin-left: auto; margin-right: auto; display: flex; position: relative; container-type: inline-size; } .u-container-small { z-index: 1; max-width: var(--max-width--small); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); width: calc(100% - var(--site--margin) * 2); flex-flow: column; justify-content: center; margin-left: auto; margin-right: auto; display: flex; position: relative; container-type: inline-size; } .u-container-full { z-index: 1; max-width: var(--max-width--full); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); width: calc(100% - var(--site--margin) * 2); flex-flow: column; justify-content: center; margin-left: auto; margin-right: auto; display: flex; position: relative; container-type: inline-size; } .u-svg { width: 100%; height: 100%; display: block; overflow: visible !important; } .u-svg:where(.w-variant-1c3f028b-116e-d4eb-db7f-8484491bbf2e) { transform: rotate(-180deg); } .u-svg:where(.w-variant-a0a4b133-f837-5340-6c98-04b1518f150d) { transform: rotate(-90deg); } .u-svg:where(.w-variant-5939aeba-b378-ecdc-f1bc-b6970df2be03) { transform: rotate(90deg); } .u-svg:where(.w-variant-dc469724-71a3-14e1-b5d5-1294323411ce) { transform: rotate(-180deg); } .u-svg:where(.w-variant-b18a0fcd-abb0-329e-47f4-79155dd8284a) { transform: rotate(-90deg); } .u-svg:where(.w-variant-caa8b8e9-e8ec-6eb3-4526-30f19f7326f5) { transform: rotate(90deg); } .u-path { stroke-width: var(--border-width--main); stroke: currentColor; vector-effect: non-scaling-stroke; } .u-embed-css, .u-embed-js { display: none; } .u-theme-light { background-color: var(--_theme---background); color: var(--_theme---black-grey); --_theme---black-grey: var(--swatch--dark-900); --_theme---background-2: var(--_button-style---background-hover); --_theme---background: var(--swatch--light-100); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-600); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---black-grey); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---white: white; --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---black-grey); --_theme---bauhaus--red-fenix: #f52f30; --_theme---bauhaus--mustard: #f4be14; --_theme---bauhaus--emerald: #0ba17d; --_theme---bauhaus--purple-haze: #e28cf1; --_theme---bauhaus--blues: #2b39f4; --_theme---bauhaus--pinky-winky: #d3829b; --_theme---bauhaus--nature: #077d3e; --_theme---bauhaus--jungle: #a2c65d; --_theme---bauhaus--violet-femmes: #6f49f3; --_theme---bauhaus--martians: #d7f530; --_theme---bauhaus--momo: #969998; --_theme---bauhaus--black-is-black: #383838; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---black-grey); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---black-grey); --_theme---button-secondary--background-hover: var(--_theme---black-grey); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---white); } .u-theme-dark { background-color: var(--_theme---background); color: var(--_theme---black-grey); } .u-theme-brand { background-color: var(--_theme---background); color: var(--_theme---black-grey); --_theme---black-grey: var(--swatch--brand-text); --_theme---background-2: var(--swatch--brand-600); --_theme---background: #c6fb50; --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: color-mix(in srgb, var(--_theme---black-grey), white 20%); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---black-grey); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---white: white; --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---black-grey); --_theme---bauhaus--red-fenix: #f52f30; --_theme---bauhaus--mustard: #f4be14; --_theme---bauhaus--emerald: #0ba17d; --_theme---bauhaus--purple-haze: #e28cf1; --_theme---bauhaus--blues: #2b39f4; --_theme---bauhaus--pinky-winky: #d3829b; --_theme---bauhaus--nature: #077d3e; --_theme---bauhaus--jungle: #a2c65d; --_theme---bauhaus--violet-femmes: #6f49f3; --_theme---bauhaus--martians: #d7f530; --_theme---bauhaus--momo: #969998; --_theme---bauhaus--black-is-black: #383838; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---black-grey); --_theme---button-secondary--background-hover: var(--_theme---black-grey); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---white); } .u-text-style-display { font-family: var(--_text-style---font-family); font-size: var(--_typography---font-size--display); 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--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-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--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-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--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-h3, .u-text-style-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--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-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--primary-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--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-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--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-large { 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--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--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-main { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--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--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--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); } .u-rich-text h1 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h2 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h3 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h4 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h5 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-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--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text h6 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--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--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); } .u-rich-text blockquote { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--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: var(--_alignment---direction, start); flex-flow: column; padding-left: 1.2em; list-style-type: decimal; display: flex; overflow: visible; } .u-rich-text li { margin-top: calc(var(--_text-style---trim-top) * -1); margin-bottom: calc(var(--_text-style---trim-bottom) * -1); display: list-item; } .u-rich-text ul { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); flex-flow: column; padding-left: 1.2em; list-style-type: disc; display: flex; overflow: visible; } .u-rich-text figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .u-line-height-small { line-height: var(--_typography---line-height--small); } .u-line-height-medium { line-height: var(--_typography---line-height--medium); } .u-line-height-large { line-height: var(--_typography---line-height--large); } .u-line-height-huge { line-height: var(--_typography---line-height--huge); } .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 { color: var(--_theme---heading-accent); font-weight: inherit; } .u-flex-horizontal-wrap { align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: wrap; display: flex; } .u-flex-vertical-nowrap { justify-content: center; align-items: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: column; display: flex; } .u-flex-horizontal-nowrap { align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: row; display: flex; } .u-flex-vertical-wrap { justify-content: center; align-items: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: column wrap; display: flex; } .u-flex-grow { flex: 1; } .u-flex-shrink { flex: 0 auto; } .u-flex-noshrink { flex: none; } .u-grid-custom { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); 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-grid-custom._100 { grid-column-gap: 0px; grid-row-gap: 0px; flex: none; width: 100%; } .u-grid-custom.no-gutter { grid-column-gap: 0px; grid-row-gap: 0px; } .u-grid-subgrid { grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: subgrid; grid-column-gap: inherit; grid-row-gap: inherit; grid-column: auto / span 1; display: grid; } .u-grid-autofit { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(auto-fit, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); display: grid; } .u-grid-autofill { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(auto-fill, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); display: grid; } .u-grid-breakout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: [full-start] minmax(0, 1fr) [content-start] repeat(var(--site--column-count), minmax(0, var(--site--column-width))) [content-end] minmax(0, 1fr) [full-end]; display: grid; } .u-align-self-variable { align-self: var(--_alignment---direction, start); } .u-align-self-start { align-self: flex-start; } .u-align-self-center { align-self: center; } .u-align-self-end { align-self: flex-end; } .u-align-self-stretch { align-self: stretch; } .u-align-items-stretch { align-items: stretch; } .u-align-items-start { align-items: flex-start; } .u-align-items-center { --_column-count---value: 2; align-items: center; height: auto; display: flex; } .u-align-items-end { align-items: flex-end; } .u-align-items-variable { align-items: var(--_alignment---direction, start); } .u-justify-content-start { justify-content: flex-start; } .u-justify-content-center { justify-content: center; } .u-justify-content-end { justify-content: flex-end; } .u-justify-content-between { justify-content: space-between; } .u-justify-content-around { justify-content: space-around; } .u-justify-content-variable { justify-content: var(--_alignment---direction, start); } .u-color-inherit { color: inherit; } .u-color-faded { color: color-mix(in srgb, currentColor 70%, transparent); } .u-background-transparent { background-color: #0000; } .u-background-1 { background-color: var(--_theme---background); } .u-background-2 { background-color: var(--_theme---background-2); } .u-background-skeleton { background-color: var(--_theme---background-skeleton); } .u-gap-0 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: 0rem; } .u-gap-inherit { grid-column-gap: inherit; grid-row-gap: inherit; } .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-gutter { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); } .u-gap-3 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--3); } .u-gap-4 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--4); } .u-gap-5 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--5); } .u-gap-6 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--6); } .u-gap-7 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--7); } .u-gap-8 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--8); } .u-gap-row-0 { grid-row-gap: 0rem; } .u-gap-row-inherit { grid-row-gap: inherit; } .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-gutter { grid-row-gap: var(--site--gutter); } .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-top-auto { margin-top: auto; } .u-margin-top-0 { margin-top: 0; } .u-margin-top-gutter { margin-top: var(--site--gutter); } .u-margin-top-text { margin-top: var(--_text-style---margin-top); } .u-margin-top-1 { margin-top: var(--_spacing---space--1); } .u-margin-top-2 { margin-top: var(--_spacing---space--2); } .u-margin-top-3 { margin-top: var(--_spacing---space--3); } .u-margin-top-4 { margin-top: var(--_spacing---space--4); } .u-margin-top-5 { margin-top: var(--_spacing---space--5); } .u-margin-top-6 { margin-top: var(--_spacing---space--6); } .u-margin-top-7 { margin-top: var(--_spacing---space--7); } .u-margin-top-8 { margin-top: var(--_spacing---space--8); } .u-margin-bottom-auto { margin-bottom: auto; } .u-margin-bottom-0 { margin-bottom: 0; } .u-margin-bottom-gutter { margin-bottom: var(--site--gutter); } .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-margin-bottom-5 { margin-bottom: var(--_spacing---space--5); } .u-margin-bottom-6 { margin-bottom: var(--_spacing---space--6); } .u-margin-bottom-7 { margin-bottom: var(--_spacing---space--7); } .u-margin-bottom-8 { margin-bottom: var(--_spacing---space--8); } .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-min-height-screen { min-height: 100svh; } .u-column-span-full { grid-column: 1 / -1; } .u-column-span-full.u-padding-16 { padding: var(--_spacing---comet--16px-1rem); } .u-column-span-indent { grid-column: 2 / -2; } .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-4.u-desktop-80vh { height: 80dvh; } .u-column-span-4.u-padding-16 { padding: var(--_spacing---comet--16px-1rem); } .u-column-span-5 { grid-column-end: span 5; } .u-column-span-6 { grid-column-end: span 6; } .u-column-span-6.u-padding-16 { padding: var(--_spacing---comet--16px-1rem); } .u-column-span-7 { grid-column-end: span 7; } .u-column-span-8 { grid-column-end: span 8; } .u-column-span-8.u-grid-custom { grid-column-gap: 0px; grid-row-gap: 0px; } .u-column-span-8.u-desktop-60vh { height: 60dvh; } .u-column-span-8.u-padding-16 { padding: var(--_spacing---comet--16px-1rem); } .u-column-span-9 { grid-column-end: span 9; } .u-column-span-10 { grid-column-end: span 10; } .u-column-span-11 { grid-column-end: span 11; } .u-column-span-12 { grid-column-end: span 12; } .u-alignment-start { --_alignment---direction: start; text-align: var(--_alignment---direction, start); } .u-alignment-center { --_alignment---direction: center; text-align: var(--_alignment---direction, start); } .u-alignment-end { --_alignment---direction: end; text-align: var(--_alignment---direction, start); } .u-text-transform-none { text-transform: none; } .u-text-transform-uppercase { text-transform: uppercase; } .u-text-transform-capitalize { text-transform: capitalize; } .u-text-transform-lowercase { text-transform: lowercase; } .u-text-wrap-default { text-wrap: wrap; } .u-text-wrap-balance { text-wrap: balance; } .u-text-wrap-pretty { text-wrap: pretty; } .u-max-width-none { max-width: none; } .u-max-width-full { max-width: 100%; } .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--round); } .u-overflow-visible { overflow: visible; } .u-overflow-hidden { overflow: hidden; } .u-overflow-clip { overflow: clip; } .u-overflow-x-auto { overflow: auto clip; } .u-overflow-y-auto { overflow: clip auto; } .u-overflow-hidden-left { -webkit-clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); } .u-display-block { display: block; } .u-display-inline { display: inline; } .u-display-inline-block { display: inline-block; } .u-display-inline-flex { display: inline-flex; } .u-display-inline-grid { display: inline-grid; } .u-display-contents { display: contents; } .u-display-none { display: none; } .u-zindex-negative { z-index: -1; position: relative; } .u-zindex-0 { z-index: 0; position: relative; } .u-zindex-unset { z-index: unset; position: relative; } .u-zindex-1 { z-index: 1; position: relative; } .u-zindex-2 { z-index: 2; position: relative; } .u-zindex-3 { z-index: 3; position: relative; } .u-position-static { position: static; } .u-position-relative { position: relative; } .u-position-absolute { position: absolute; } .u-position-sticky { position: sticky; top: 0; } .u-position-fixed { position: fixed; } .u-height-full { height: 100%; } .u-height-auto { height: auto; } .u-width-full { width: 100%; } .u-cover { width: 100%; height: 100%; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .u-width-auto { width: auto; } .u-min-width-auto { min-width: auto; } .u-pointer-on { pointer-events: auto; } .u-pointer-off { pointer-events: none; } .u-ratio-1-1 { aspect-ratio: 1; } .u-ratio-16-9 { aspect-ratio: 16 / 9; } .u-ratio-3-2 { aspect-ratio: 3 / 2; } .u-ratio-2-3 { aspect-ratio: 2 / 3; } .u-ratio-2-1 { aspect-ratio: 2; } .u-ratio-5-4 { aspect-ratio: 5 / 4; } .u-ratio-4-5 { aspect-ratio: 4 / 5; } .u-margin-inline-auto { margin-left: auto; margin-right: auto; } .u-order-first { order: -1; } .u-order-last { order: 1; } .u-object-fit-cover { object-fit: cover; } .u-object-fit-contain { object-fit: contain; } .u-padding-sitemargin { padding: var(--site--margin); } .u-padding-gutter { padding: var(--site--gutter); } .u-padding-0 { padding: 0; } .u-padding-1 { padding: var(--_spacing---space--1); } .u-padding-2 { padding: var(--_spacing---space--2); } .u-padding-3 { padding: var(--_spacing---space--3); } .u-padding-4 { padding: var(--_spacing---space--4); } .u-padding-5 { padding: var(--_spacing---space--5); } .u-padding-6 { padding: var(--_spacing---space--6); } .u-padding-7 { padding: var(--_spacing---space--7); } .u-padding-8 { padding: var(--_spacing---space--8); } .u-padding-small { padding: var(--_spacing---section-space--small); } .u-padding-main { padding: var(--_spacing---section-space--main); } .u-padding-large { padding: var(--_spacing---section-space--large); } .u-padding-block-sitemargin { padding-top: var(--site--margin); padding-bottom: var(--site--margin); } .u-padding-block-gutter { padding-top: var(--site--gutter); padding-bottom: var(--site--gutter); } .u-padding-block-0 { padding-top: 0; padding-bottom: 0; } .u-padding-block-1 { padding-top: var(--_spacing---space--1); padding-bottom: var(--_spacing---space--1); } .u-padding-block-2 { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); } .u-padding-block-3 { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); } .u-padding-block-4 { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); } .u-padding-block-5 { padding-top: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); } .u-padding-block-6 { padding-top: var(--_spacing---space--6); padding-bottom: var(--_spacing---space--6); } .u-padding-block-7 { padding-top: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--7); } .u-padding-block-8 { padding-top: var(--_spacing---space--8); padding-bottom: var(--_spacing---space--8); } .u-padding-block-small { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .u-padding-block-main { padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); } .u-padding-block-large { padding-top: var(--_spacing---section-space--large); padding-bottom: var(--_spacing---section-space--large); } .u-padding-inline-sitemargin { padding-right: var(--site--margin); padding-left: var(--site--margin); } .u-padding-inline-gutter { padding-right: var(--site--gutter); padding-left: var(--site--gutter); } .u-padding-inline-0 { padding-left: 0; padding-right: 0; } .u-padding-inline-1 { padding-right: var(--_spacing---space--1); padding-left: var(--_spacing---space--1); } .u-padding-inline-2 { padding-right: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .u-padding-inline-3 { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .u-padding-inline-4 { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .u-padding-inline-5 { padding-right: var(--_spacing---space--5); padding-left: var(--_spacing---space--5); } .u-padding-inline-6 { padding-right: var(--_spacing---space--6); padding-left: var(--_spacing---space--6); } .u-padding-inline-7 { padding-right: var(--_spacing---space--7); padding-left: var(--_spacing---space--7); } .u-padding-inline-8 { padding-right: var(--_spacing---space--8); padding-left: var(--_spacing---space--8); } .u-padding-top-sitemargin { padding-top: var(--site--margin); } .u-padding-top-gutter { padding-top: var(--site--gutter); } .u-padding-top-0 { padding-top: 0; } .u-padding-top-1 { padding-top: var(--_spacing---space--1); } .u-padding-top-2 { padding-top: var(--_spacing---space--2); } .u-padding-top-3 { padding-top: var(--_spacing---space--3); } .u-padding-top-4 { padding-top: var(--_spacing---space--4); } .u-padding-top-5 { padding-top: var(--_spacing---space--5); } .u-padding-top-6 { padding-top: var(--_spacing---space--6); } .u-padding-top-7, .u-padding-top-8 { padding-top: var(--_spacing---space--7); } .u-padding-top-small { padding-top: var(--_spacing---section-space--small); } .u-padding-top-main { padding-top: var(--_spacing---section-space--main); } .u-padding-top-large { padding-top: var(--_spacing---section-space--large); } .u-padding-bottom-sitemargin { padding-bottom: var(--site--margin); } .u-padding-bottom-gutter { padding-bottom: var(--site--gutter); } .u-padding-bottom-0 { padding-bottom: 0; } .u-padding-bottom-1 { padding-bottom: var(--_spacing---space--1); } .u-padding-bottom-2 { padding-bottom: var(--_spacing---space--2); } .u-padding-bottom-3 { padding-bottom: var(--_spacing---space--3); } .u-padding-bottom-4 { padding-bottom: var(--_spacing---space--4); } .u-padding-bottom-5 { padding-bottom: var(--_spacing---space--5); } .u-padding-bottom-6 { padding-bottom: var(--_spacing---space--6); } .u-padding-bottom-7 { padding-bottom: var(--_spacing---space--7); } .u-padding-bottom-8 { padding-bottom: var(--_spacing---space--8); } .u-padding-bottom-small { padding-bottom: var(--_spacing---section-space--small); } .u-padding-bottom-main { padding-bottom: var(--_spacing---section-space--main); } .u-padding-bottom-large { padding-bottom: var(--_spacing---section-space--large); } .u-padding-left-sitemargin { padding-left: var(--site--margin); } .u-padding-left-gutter { padding-left: var(--site--gutter); } .u-padding-left-0 { padding-left: 0; } .u-padding-left-1 { padding-left: var(--_spacing---space--1); } .u-padding-left-2 { padding-left: var(--_spacing---space--2); } .u-padding-left-3 { padding-left: var(--_spacing---space--3); } .u-padding-left-4 { padding-left: var(--_spacing---space--4); } .u-padding-left-5 { padding-left: var(--_spacing---space--5); } .u-padding-left-6 { padding-left: var(--_spacing---space--6); } .u-padding-left-7 { padding-left: var(--_spacing---space--7); } .u-padding-left-8 { padding-left: var(--_spacing---space--8); } .u-padding-right-sitemargin { padding-right: var(--site--margin); } .u-padding-right-gutter { padding-right: var(--site--gutter); } .u-padding-right-0 { padding-right: 0; } .u-padding-right-1 { padding-right: var(--_spacing---space--1); } .u-padding-right-2 { padding-right: var(--_spacing---space--2); } .u-padding-right-3 { padding-right: var(--_spacing---space--3); } .u-padding-right-4 { padding-right: var(--_spacing---space--4); } .u-padding-right-5 { padding-right: var(--_spacing---space--5); } .u-padding-right-6 { padding-right: var(--_spacing---space--6); } .u-padding-right-7 { padding-right: var(--_spacing---space--7); } .u-padding-right-8 { padding-right: var(--_spacing---space--8); } .u-column-start-auto { grid-column-start: auto; } .u-column-start-1 { grid-column-start: 1; } .u-column-start-2 { grid-column-start: 2; } .u-column-start-3 { grid-column-start: 3; } .u-column-start-4 { grid-column-start: 4; } .u-column-start-5 { grid-column-start: 5; } .u-column-start-6 { grid-column-start: 6; } .u-column-start-7 { grid-column-start: 7; } .u-column-start-8 { grid-column-start: 8; } .u-column-start-9 { grid-column-start: 9; } .u-column-start-10 { grid-column-start: 10; } .u-column-start-11 { grid-column-start: 11; } .u-column-start-12 { grid-column-start: 12; } .u-row-start-auto { grid-row-start: auto; } .u-row-start-1 { grid-row-start: 1; } .u-row-start-2 { grid-row-start: 2; } .u-row-start-3 { grid-row-start: 3; } .u-row-start-4 { grid-row-start: 4; } .u-row-start-5 { grid-row-start: 5; } .u-row-start-6 { grid-row-start: 6; } .u-row-span-1 { grid-row-end: span 1; } .u-row-span-2 { grid-row-end: span 2; } .u-row-span-3 { grid-row-end: span 3; } .u-row-span-4 { grid-row-end: span 4; } .u-row-span-5 { grid-row-end: span 5; } .u-row-span-6 { grid-row-end: span 6; } .styleguide_subheading { margin-bottom: 0; } .styleguide_card_wrap { padding: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); flex-flow: column; justify-content: space-between; align-items: flex-start; height: 100%; display: flex; position: relative; overflow: hidden; } .styleguide_footer { border-top: var(--border-width--main) solid var(--_theme---border); text-align: center; } .tag_wrap { border-radius: var(--radius--small); background-color: var(--_theme---black-grey); color: var(--_theme---background); line-height: var(--_typography---line-height--small); text-align: center; min-width: 4rem; padding: .5rem .75rem; display: inline-block; } .styleguide_font_item { padding-top: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); border-bottom: var(--border-width--main) solid var(--_theme---border); flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: flex-start; display: flex; } .form_label_wrap { text-align: left; flex-flow: column; width: 100%; display: flex; position: relative; } .form_label_text { margin-bottom: var(--_spacing---space--1); display: inline-block; } .form_label_text:where(.w-variant-46933b79-cf19-81b4-bc00-8af5c19b08b3) { 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; } .form_label_text:where(.w-variant-e8e97384-daa0-7ce7-bc12-14efcd69bcd4) { margin-bottom: var(--_spacing---space--2); font-size: var(--_typography---font-size--text-large); font-weight: var(--_typography---font--primary-bold); } .form_wrap { flex-flow: wrap; width: 100%; margin-bottom: 0; display: flex; } .form_success_wrap { border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); background-color: var(--swatch--transparent); width: 100%; padding: 1.2rem; } .form_layout { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; width: 100%; display: flex; } .form_error_wrap { border: var(--border-width--main) solid var(--_theme---border); background-color: #0000; align-self: flex-start; width: 100%; margin-top: 0; padding: .8rem 1.4rem; } .form_field { border-top-style: solid; border-top-width: var(--border-width--main); border-top-color: #000; border-right-style: solid; border-right-width: var(--border-width--main); border-bottom-style: solid; border-right-color: #000; border-bottom-width: var(--border-width--main); border-bottom-color: #000; border-left-style: solid; border-left-width: var(--border-width--main); 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); 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--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); color: inherit; text-transform: var(--_text-style---text-transform, none); -webkit-appearance: none; appearance: none; border-left-color: #000; border-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_trigger---on)), var(--_theme---black-grey) calc(100% * var(--_trigger---off))); background-color: #0000; width: 100%; height: 3rem; margin-bottom: 0; padding: 0 .9rem; display: block; outline: none !important; } .form_field::placeholder { color: color-mix(in srgb, var(--_theme---black-grey) 60%, transparent); } .form_field.is-textarea { width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: 5rem; padding-top: .5rem; padding-left: .9rem; padding-right: .9rem; } .button_main_element { grid-column-gap: .5rem; grid-row-gap: .5rem; 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); text-align: center; vertical-align: middle; --_column-count---value: 1; --_button-style---text: var(--_theme---button-primary--text); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_button-style---background: var(--_theme---button-primary--background); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---border: var(--_theme---button-primary--border); --_button-style---border-hover: var(--_theme---button-primary--border-hover); color: color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off))); background-color: color-mix(in srgb, var(--_button-style---background) calc(100% * var(--_trigger---on)), var(--_button-style---background-hover) calc(100% * var(--_trigger---off))); border-top-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-right-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-bottom-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-left-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-radius: inherit; justify-content: center; align-items: center; padding: .9rem 1.5rem .75rem; line-height: 1; transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: flex; position: relative; } .button_main_element:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_main_element:where(.w-variant-625d5df4-ad91-f7dc-9e2f-2e69f3fd7400) { border-top-style: none; border-right-style: none; border-bottom-color: var(--_theme---text-link--border); color: color-mix(in srgb, var(--_theme---text-link--text) calc(100% * var(--_trigger---on)), var(--_theme---text-link--text-hover) calc(100% * var(--_trigger---off))); background-color: #0000; border-left-style: none; padding: .5rem 0; } .button_main_text { line-height: inherit; position: relative; } .button_toggle_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; --_button-style---text: var(--_theme---button-primary--text); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_button-style---background: var(--_theme---button-primary--background); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---border: var(--_theme---button-primary--border); --_button-style---border-hover: var(--_theme---button-primary--border-hover); color: color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off))); background-color: color-mix(in srgb, var(--_button-style---background) calc(100% * var(--_trigger---on)), var(--_button-style---background-hover) calc(100% * var(--_trigger---off))); border-top-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-right-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-bottom-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-left-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-radius: inherit; justify-content: center; align-items: center; transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: flex; position: relative; } .button_toggle_element:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57) { width: var(--button-size--medium); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_toggle_element:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) { --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_toggle_element:where(.w-variant-d47b6b31-1410-4123-4cbe-47472b6d649d) { width: var(--button-size--large); } .button_toggle_element:where(.w-variant-3970b3f9-2fa6-52d8-098a-2260caaa12bb) { width: var(--button-size--large); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_toggle_element:where(.w-variant-6c75cae2-0734-1bbf-191f-bfe0f8ed1797) { --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_toggle_icon { aspect-ratio: 1; width: 36%; position: relative; } .page_wrap { z-index: 10; background-color: var(--_theme---black-grey); flex-flow: column; max-width: 1440px; min-height: 100svh; margin-left: auto; margin-right: auto; display: flex; position: relative; overflow: hidden; } .page_main { flex-flow: column; flex: 1; display: flex; } .styleguide_group { padding-top: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); flex-flow: column; display: flex; } .styleguide_visual { padding: var(--_spacing---space--1); aspect-ratio: 3 / 1.5; border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--small); text-align: center; flex-flow: column; justify-content: center; align-items: center; width: 100%; max-height: 7rem; display: flex; position: relative; overflow: hidden; } .styleguide_icon { width: 3rem; height: 3rem; } .hero_utility-page_wrap { color: var(--_theme---white); text-align: center; justify-content: center; align-items: center; min-height: 60dvh; display: flex; } .hero_utility-page_contain { padding-top: var(--_spacing---section-space--page-top); padding-bottom: var(--_spacing---section-space--main); flex-flow: column; justify-content: center; align-items: center; min-height: 100svh; margin-bottom: 0; display: flex; } .hero_utility-page_content { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; max-width: 26rem; margin-left: auto; margin-right: auto; display: flex; } .styleguide_contain { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .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; } .styleguide_list { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); flex-flow: column; align-items: stretch; display: flex; } .styleguide_card_visual { border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); opacity: .1; pointer-events: none; background-color: currentColor; width: 100%; min-width: 3rem; min-height: 3rem; padding: 0; } .styleguide_flex_wrap { aspect-ratio: 1; background-image: url('../images/dots.svg'); background-position: 50%; background-repeat: no-repeat; background-size: 88%; flex-flow: column; width: 100%; display: flex; container-type: inline-size; } .styleguide_flex_dot { opacity: .1; pointer-events: none; background-color: currentColor; border-radius: 100vw; min-width: 16cqw; min-height: 16cqw; padding: 0; } .styleguide_scroll { padding-right: var(--site--margin); padding-left: var(--site--margin); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); margin-left: calc(var(--site--margin) * -1); scrollbar-color: var(--_theme---text) transparent; margin-right: calc(var(--site--margin) * -1); grid-template-rows: auto; grid-template-columns: minmax(15rem, 1fr); grid-auto-columns: minmax(16rem, 1fr); grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; display: grid; overflow: auto clip; -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); } .styleguide_section { padding-top: var(--_spacing---space--8); } .clickable_wrap { z-index: 3; border-radius: inherit; } .clickable_link { border-radius: inherit; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .clickable_btn { border-radius: inherit; width: 100%; height: 100%; display: none; position: absolute; inset: 0%; } .styleguide_layout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--8); --_column-count---value: 12; flex-flow: column; grid-auto-columns: 1fr; align-items: start; } .styleguide_content { grid-column: 1 / span 8; width: 100%; } .styleguide_nav_card { 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); width: 100%; padding: 1rem; overflow: clip auto; } .styleguide_nav_list { border-left: var(--border-width--main) solid var(--_theme---border); } .styleguide_nav_item { margin-left: calc(var(--border-width--main) * -.5); } .styleguide_nav_link { outline-offset: var(--focus--offset-inner); padding-top: .125rem; padding-bottom: .125rem; padding-left: .75rem; display: block; } .styleguide_nav_link.w--current { border-left-style: solid; border-left-width: var(--border-width--main); border-left-color: currentColor; } .styleguide_nav_sub_list { overflow: hidden; } .styleguide_nav_sub_link { --_trigger---on: 1; --_trigger---off: 0; outline-offset: var(--focus--offset-inner); opacity: calc(1 - .4 * var(--_trigger---on)); padding: .125rem 1.1rem; line-height: 1.3em; display: block; } .styleguide_nav_sub_link.w--current { opacity: 1; } .styleguide_nav_sub_wrap { grid-template-rows: 0fr; grid-template-columns: minmax(0, 1fr); transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: grid; } .button_toggle_pause { opacity: var(--_state---false); display: block; } .button_toggle_play { opacity: var(--_state---true); display: block; } .styleguide_card_inner { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: wrap; place-content: center; align-items: center; width: 100%; display: flex; } .styleguide_card_hidden { display: none; } .hero_utility-page_header { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); color: var(--_theme---white); flex-flow: column; justify-content: center; align-items: center; display: flex; } .form_fieldset_wrap { width: 100%; position: relative; container-type: inline-size; } .form_fieldset_list { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .form_fieldset_list:where(.w-variant-14c165fa-7397-02ef-8dc0-6e307b6c980f) { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--2); grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-auto-columns: 1fr; display: grid; } .form_fieldset_list:where(.w-variant-5fdb0361-c340-58a0-00d3-b0e0b17257ad) { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--2); grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); grid-auto-columns: 1fr; display: grid; } .form_fieldset_list:where(.w-variant-ccbf2df7-16d0-30d7-0afb-0df098785596) { justify-content: var(--_alignment---direction, start); flex-flow: wrap; } .form_ui_label { grid-column-gap: .5rem; grid-row-gap: .5rem; font-weight: inherit; justify-content: flex-start; align-items: center; margin-bottom: 0; transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: flex; position: relative; } .form_ui_label:where(.w-variant-e3978449-fef8-38a6-7f29-4e26ca4f8f53) { 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); border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); border-top-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---black-grey) calc(100% * var(--_state---false))); border-right-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---black-grey) calc(100% * var(--_state---false))); border-bottom-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---black-grey) calc(100% * var(--_state---false))); border-left-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---black-grey) calc(100% * var(--_state---false))); background-color: color-mix(in srgb, var(--swatch--transparent) calc(100% * var(--_state---true)), var(--_theme---black-grey) calc(100% * var(--_state---false))); color: color-mix(in srgb, currentColor calc(100% * var(--_state---true)), var(--_theme---background) calc(100% * var(--_state---false))); padding: .6rem 1rem .6rem .6rem; } .form_ui_input { z-index: 2; cursor: pointer; -webkit-appearance: none; appearance: none; outline-style: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .form_ui_visual_wrap { 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); 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); color: var(--_theme---background); border-top-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---black-grey) calc(100% * var(--_state---false))); border-right-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---black-grey) calc(100% * var(--_state---false))); border-bottom-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---black-grey) calc(100% * var(--_state---false))); border-left-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---black-grey) calc(100% * var(--_state---false))); background-color: color-mix(in srgb, var(--swatch--transparent) calc(100% * var(--_state---true)), var(--_theme---black-grey) calc(100% * var(--_state---false))); flex: none; justify-content: center; align-items: center; width: 1.6rem; padding: 0; transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: flex; } .form_ui_visual_wrap:where(.w-variant-05ff758a-80c8-4344-649b-149f87b62cc9) { aspect-ratio: auto; border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); background-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---black-grey) calc(100% * var(--_state---false))); border-style: none; justify-content: flex-start; align-items: center; width: 3.1rem; height: 1.6rem; padding: .2rem; } .form_ui_visual_wrap:where(.w-variant-e3978449-fef8-38a6-7f29-4e26ca4f8f53) { border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); background-color: color-mix(in srgb, var(--swatch--transparent) calc(100% * var(--_state---true)), var(--_theme---background) calc(100% * var(--_state---false))); color: color-mix(in srgb, currentColor calc(100% * var(--_state---true)), var(--_theme---black-grey) calc(100% * var(--_state---false))); } .form_ui_visual_wrap:where(.w-variant-c18f59b8-0331-9f8c-c106-08818710cc20) { border-color: var(--_theme---border); border-radius: var(--radius--round); background-color: #0000; } .form_ui_visual_icon { opacity: var(--_state---false); width: 100%; display: block; overflow: visible !important; } .form_ui_visual_icon:where(.w-variant-05ff758a-80c8-4344-649b-149f87b62cc9), .form_ui_visual_icon:where(.w-variant-c18f59b8-0331-9f8c-c106-08818710cc20) { display: none; } .form_select_wrap { border-radius: 0; justify-content: flex-end; align-items: center; display: flex; position: relative; } .form_select_icon { pointer-events: none; width: .8em; margin-right: .9rem; display: block; position: absolute; overflow: visible !important; } .section_wrap:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---black-grey: var(--swatch--dark-900); --_theme---background-2: var(--_button-style---background-hover); --_theme---background: var(--swatch--light-100); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-600); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---black-grey); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---white: white; --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---black-grey); --_theme---bauhaus--red-fenix: #f52f30; --_theme---bauhaus--mustard: #f4be14; --_theme---bauhaus--emerald: #0ba17d; --_theme---bauhaus--purple-haze: #e28cf1; --_theme---bauhaus--blues: #2b39f4; --_theme---bauhaus--pinky-winky: #d3829b; --_theme---bauhaus--nature: #077d3e; --_theme---bauhaus--jungle: #a2c65d; --_theme---bauhaus--violet-femmes: #6f49f3; --_theme---bauhaus--martians: #d7f530; --_theme---bauhaus--momo: #969998; --_theme---bauhaus--black-is-black: #383838; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---black-grey); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---black-grey); --_theme---button-secondary--background-hover: var(--_theme---black-grey); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---white); } .section_wrap:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---black-grey: var(--swatch--light-100); --_theme---background-2: var(--swatch--dark-800); --_theme---background: black; --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---black-grey); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---white: black; --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---bauhaus--red-fenix: #f52f30; --_theme---bauhaus--mustard: #f4be14; --_theme---bauhaus--emerald: #0ba17d; --_theme---bauhaus--purple-haze: #e28cf1; --_theme---bauhaus--blues: #2b39f4; --_theme---bauhaus--pinky-winky: #d3829b; --_theme---bauhaus--nature: #077d3e; --_theme---bauhaus--jungle: #a2c65d; --_theme---bauhaus--violet-femmes: #6f49f3; --_theme---bauhaus--martians: #d7f530; --_theme---bauhaus--momo: #969998; --_theme---bauhaus--black-is-black: #383838; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---black-grey); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---black-grey); --_theme---button-secondary--background-hover: var(--_theme---black-grey); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---white); } .section_wrap:where(.w-variant-bb2c68bd-fd74-aa1e-69b0-e84595dd4ec8) { --_theme---black-grey: var(--swatch--brand-text); --_theme---background-2: var(--swatch--brand-600); --_theme---background: #c6fb50; --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: color-mix(in srgb, var(--_theme---black-grey), white 20%); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---black-grey); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---white: white; --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---black-grey); --_theme---bauhaus--red-fenix: #f52f30; --_theme---bauhaus--mustard: #f4be14; --_theme---bauhaus--emerald: #0ba17d; --_theme---bauhaus--purple-haze: #e28cf1; --_theme---bauhaus--blues: #2b39f4; --_theme---bauhaus--pinky-winky: #d3829b; --_theme---bauhaus--nature: #077d3e; --_theme---bauhaus--jungle: #a2c65d; --_theme---bauhaus--violet-femmes: #6f49f3; --_theme---bauhaus--martians: #d7f530; --_theme---bauhaus--momo: #969998; --_theme---bauhaus--black-is-black: #383838; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---black-grey); --_theme---button-secondary--background-hover: var(--_theme---black-grey); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---white); } .form_element { width: 100%; display: flex; } .slider_bullet_list { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); justify-content: flex-start; align-items: center; display: flex; width: auto !important; } .swiper-wrapper { display: flex; } .swiper-wrapper.is-slider-main { justify-content: flex-start; align-items: flex-start; width: 100%; } .slider_bullet_item { aspect-ratio: 1; border: .09rem solid var(--_theme---border); background-color: #eee0; border-radius: 100vw; width: 1rem; min-width: 0; padding: 0; } .slider_bullet_item.is-active { border-color: var(--_theme---black-grey); background-color: var(--_theme---black-grey); } .slider_wrap { grid-column-gap: 0rem; grid-row-gap: var(--_spacing---space--4); flex-flow: column; width: 100%; height: 100%; display: flex; } .slider_offset { margin-left: calc(var(--_gap---size) * -.5); margin-right: calc(var(--_gap---size) * -.5); flex: 1; display: flex; } .slider_list { height: 100%; } .slider_list.swiper-wrapper { display: flex; } .slider_controls { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: wrap; place-content: center space-between; align-items: center; display: flex; } .slider_button_layout { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .slider_element.swiper { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; overflow: visible; } .slider_element.swiper:where(.w-variant-bfb8c45c-dbfa-13cc-2dfc-0c02a34504e4) { overflow: hidden; } .slider_element.swiper:where(.w-variant-b8ee48da-439e-7156-5d2e-5b4f080e200e) { -webkit-clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); } .card_primary_wrap { width: 100%; height: 100%; display: flex; } .card_primary_element { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); 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); border-top-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_trigger---on)), var(--_theme---black-grey) calc(100% * var(--_trigger---off))); border-right-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_trigger---on)), var(--_theme---black-grey) calc(100% * var(--_trigger---off))); border-bottom-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_trigger---on)), var(--_theme---black-grey) calc(100% * var(--_trigger---off))); border-left-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_trigger---on)), var(--_theme---black-grey) calc(100% * var(--_trigger---off))); border-radius: inherit; padding-top: calc(var(--_spacing---space--7) * max(var(--_responsive---large), var(--_responsive---medium)) + var(--_spacing---space--5) * max(var(--_responsive---small), var(--_responsive---xsmall))); padding-left: calc(var(--_spacing---space--7) * max(var(--_responsive---large), var(--_responsive---medium)) + var(--_spacing---space--4) * max(var(--_responsive---small), var(--_responsive---xsmall))); padding-right: calc(var(--_spacing---space--7) * max(var(--_responsive---large), var(--_responsive---medium)) + var(--_spacing---space--4) * max(var(--_responsive---small), var(--_responsive---xsmall))); padding-bottom: calc(var(--_spacing---space--7) * max(var(--_responsive---large), var(--_responsive---medium)) + var(--_spacing---space--5) * max(var(--_responsive---small), var(--_responsive---xsmall))); flex-flow: column; align-items: stretch; width: 100%; transition-property: border-color; transition-duration: .2s; transition-timing-function: ease; display: flex; } .card_primary_element:where(.w-variant-51efa20c-c7be-48fe-973a-11367f19d622) { background-color: var(--_theme---background); color: var(--_theme---black-grey); --_theme---black-grey: var(--swatch--light-100); --_theme---background-2: var(--swatch--dark-800); --_theme---background: black; --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---black-grey); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---white: black; --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---bauhaus--red-fenix: #f52f30; --_theme---bauhaus--mustard: #f4be14; --_theme---bauhaus--emerald: #0ba17d; --_theme---bauhaus--purple-haze: #e28cf1; --_theme---bauhaus--blues: #2b39f4; --_theme---bauhaus--pinky-winky: #d3829b; --_theme---bauhaus--nature: #077d3e; --_theme---bauhaus--jungle: #a2c65d; --_theme---bauhaus--violet-femmes: #6f49f3; --_theme---bauhaus--martians: #d7f530; --_theme---bauhaus--momo: #969998; --_theme---bauhaus--black-is-black: #383838; --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---black-grey); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---black-grey); --_theme---button-secondary--background-hover: var(--_theme---black-grey); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---white); border-style: none; } .card_primary_element:where(.w-variant-da648fa9-bbba-c8cb-e549-1d22cb8af97b) { border-style: none; padding: 0; } .button_arrow_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; --_button-style---text: var(--_theme---button-primary--text); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_button-style---background: var(--_theme---button-primary--background); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---border: var(--_theme---button-primary--border); --_button-style---border-hover: var(--_theme---button-primary--border-hover); background-color: color-mix(in srgb, var(--_button-style---background) calc(100% * var(--_trigger---on)), var(--_button-style---background-hover) calc(100% * var(--_trigger---off))); color: color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off))); border-top-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-right-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-bottom-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-left-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-radius: inherit; justify-content: center; align-items: center; transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: flex; position: relative; } .button_arrow_element:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57) { --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_arrow_element:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) { width: var(--button-size--medium); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_arrow_element:where(.w-variant-c144d67f-2c62-4dbf-0fd8-0b6056b717ec), .button_arrow_element:where(.w-variant-3970b3f9-2fa6-52d8-098a-2260caaa12bb) { --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_arrow_element:where(.w-variant-d7d7e32c-ac47-de0c-eb2d-07f19dfa19d2) { width: var(--button-size--large); } .button_arrow_element:where(.w-variant-6c75cae2-0734-1bbf-191f-bfe0f8ed1797) { width: var(--button-size--large); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_arrow_element:where(.w-variant-c6d40e5e-3298-1af4-067d-37896ebd2a45) { --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_arrow_icon { aspect-ratio: 1; width: 36%; position: relative; } .accordion_wrap { padding-top: 1px; } .accordion_toggle_icon { aspect-ratio: 1; transform: rotate(calc(-180deg * var(--_state---false))); flex: none; width: 1.4rem; transition-property: transform; transition-duration: .2s; transition-timing-function: ease; } .accordion_content_wrap { width: 100%; display: none; position: relative; overflow: visible clip; } .accordion_content_padding { padding-bottom: var(--_spacing---space--5); } .accordion_component { border-bottom: var(--border-width--main) solid var(--_theme---border); } .accordion_toggle_heading { margin-top: 0; margin-bottom: 0; } .accordion_list { margin-top: calc(var(--_spacing---space--4) * -1); } .accordion_toggle_button { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); outline-offset: var(--focus--offset-inner); justify-content: space-between; align-items: center; width: 100%; display: flex; } .nav_links_svg { transform: rotate(calc(-180deg * var(--_state---false))); flex: none; width: 1rem; margin-left: auto; transition-property: transform; transition-duration: .2s; transition-timing-function: ease; overflow: visible !important; } .nav_mobile_contain { max-width: var(--nav--max-width-outer); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); margin-left: auto; margin-right: auto; } .nav_banner_close_wrap { outline-offset: var(--focus--offset-inner); flex: none; justify-content: center; align-items: center; width: 100%; padding: 0; display: flex; position: relative; outline-color: var(--_theme---background) !important; } .nav_links_wrap { flex: 1; } .nav_links_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { flex-flow: row; justify-content: center; align-items: stretch; display: flex; } .nav_banner_wrap { z-index: 1; background-color: var(--_theme---black-grey); pointer-events: auto; color: var(--_theme---background); font-size: var(--text-small--font-size); height: var(--nav--banner-height); position: relative; } .nav_links_item { display: flex; } .nav_dropdown_mega_content { position: relative; } .nav_dropdown_mega_content:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { border-radius: var(--nav--radius); background-color: var(--_theme---nav--background); } .nav_dropdown_mega_contain { width: 100%; margin-left: auto; margin-right: auto; position: relative; } .nav_dropdown_mega_contain:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { max-width: var(--nav--max-width-inner); padding-top: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--8); } .nav_dropdown_main_scroll:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { border-top-left-radius: var(--nav--radius); border-top-right-radius: var(--nav--radius); border-bottom-left-radius: var(--nav--radius); border-bottom-right-radius: var(--nav--radius); background-color: var(--_theme---nav--background); max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); position: relative; overflow-x: hidden; overflow-y: auto !important; } .nav_component { z-index: 1000; pointer-events: none; background-color: #0000; position: sticky; inset: 0% 0% auto; container-type: inline-size; } .nav_component:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) { position: fixed; } .nav_dropdown_main_wrap { background-color: #0000; min-width: 0; position: relative; } .nav_dropdown_main_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding-top: var(--_spacing---space--1); width: 10rem; position: absolute; } .nav_dropdown_backdrop { z-index: 0; opacity: 0; pointer-events: none; background-color: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent); width: 100%; height: 100vh; display: none; position: absolute; inset: 0%; } .nav_search_field { font-size: inherit; color: inherit; background-color: #0000; border-style: none; border-width: 0; border-radius: 0; width: 100%; min-width: 0; max-width: 100%; height: 2.9em; margin-bottom: 0; padding: 0 0; } .nav_search_field::placeholder { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .nav_dropdown_mega_layout { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); } .nav_dropdown_mega_layout:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--6); grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); grid-auto-columns: 1fr; display: grid; } .nav_desktop_layout { height: var(--nav--height); max-width: var(--nav--max-width-inner); grid-column-gap: var(--_spacing---space--3); pointer-events: auto; justify-content: space-between; width: 100%; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; display: flex; position: static; } .nav_dropdown_component { z-index: unset; width: 100%; height: 100%; margin-left: 0; margin-right: 0; position: static; } .nav_dropdown_link { z-index: 2; padding-top: var(--_spacing---space--1); padding-right: 0; padding-bottom: var(--_spacing---space--1); grid-column-gap: var(--_spacing---space--2); cursor: pointer; color: inherit; font-size: var(--text-small--font-size); flex: 1; justify-content: flex-start; align-items: center; width: 100%; padding-left: 0; display: flex; position: relative; outline-offset: var(--focus--offset-inner) !important; } .nav_dropdown_link:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { 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_links_search_icon { width: 1.1rem; } .nav_dropdown_text { transition: opacity .1s; } .nav_button_line { height: var(--nav--hamburger-thickness); pointer-events: auto; background-color: currentColor; flex: none; width: 100%; transition-property: all; transition-duration: .2s; transition-timing-function: ease; } .nav_button_line.is-1 { transform: translateY(calc((var(--nav--hamburger-thickness) * .5 + var(--nav--hamburger-gap) * .5) * var(--_state---false))) rotate(calc(-45deg * var(--_state---false))); } .nav_button_line.is-2 { transform: translateY(calc((var(--nav--hamburger-thickness) * -.5 + var(--nav--hamburger-gap) * -.5) * var(--_state---false))) rotate(calc(45deg * var(--_state---false))); } .nav_mobile_layout { z-index: 2; height: var(--nav--height); padding: 0px var(--nav--spacing-inner-horizontal); grid-column-gap: var(--_spacing---space--3); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--nav--radius); background-color: var(--_theme---nav--background); pointer-events: auto; justify-content: space-between; width: 100%; 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_banner_close_svg { width: 100%; overflow: visible !important; } .nav_screen-reader-text { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .nav_buttons_item { z-index: 2; text-align: center; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; position: relative; } .nav_buttons_item.is-main { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--3); } .nav_buttons_item.is-main:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin: 0px var(--_spacing---space--3); } .nav_links_link { z-index: 2; padding-top: var(--_spacing---space--2); padding-right: 0; padding-bottom: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--2); cursor: pointer; color: inherit; flex: 1; justify-content: flex-start; align-items: center; width: 100%; padding-left: 0; display: flex; position: relative; outline-offset: var(--focus--offset-inner) !important; } .nav_links_link:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding: 0px var(--_spacing---space--3); height: 100%; } .nav_mobile_wrap { z-index: 1; margin-top: var(--nav--spacing-outer-vertical); background-color: #0000; position: relative; } .nav_banner_svg { transform: rotate(calc(-45deg * var(--_state---false))); width: 1rem; overflow: visible !important; } .nav_banner_link { grid-column-gap: var(--_spacing---space--2); grid-column-start: 2; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; outline-offset: var(--focus--offset-inner) !important; outline-color: var(--_theme---background) !important; } .nav_button_wrap { z-index: 2; 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_search_label { width: 100%; } .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---black-grey); 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-start; } .nav_search_btn_icon { width: 1.1rem; overflow: visible !important; } .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) { flex-flow: row; padding-top: 0; padding-bottom: 0; display: flex; } .nav_dropdown_mega_scroll { position: relative; } .nav_dropdown_mega_scroll:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin-top: var(--nav--height); padding-right: var(--nav--spacing-inner-horizontal); padding-left: var(--nav--spacing-inner-horizontal); max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); overflow: hidden auto; } .nav_banner_contain { grid-column-gap: var(--_spacing---space--4); grid-template-rows: auto; grid-template-columns: minmax(1.1rem, 1.1rem) minmax(0, 1fr) minmax(1.1rem, 1.1rem); grid-auto-columns: 1fr; width: 100%; height: 100%; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; display: grid; } .nav_dropdown_mega_wrap { z-index: 1; background-color: #0000; width: 100%; position: relative; inset: 0% auto auto 0%; } .nav_dropdown_mega_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { max-width: var(--nav--max-width-outer); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); min-width: 0; margin-left: auto; margin-right: auto; position: absolute; inset: 0% 0% auto; } .nav_search_btn_wrap { outline-offset: var(--focus--offset-inner); justify-content: center; align-items: center; margin-left: -1rem; padding-left: 1rem; padding-right: 1rem; display: flex; } .nav_mobile_menu_scroll { 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_search_wrap { border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-bottom-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_trigger---on)), var(--_theme---black-grey) calc(100% * var(--_trigger---off))); display: flex; } .nav_desktop_wrap { z-index: 1; margin-top: var(--nav--spacing-outer-vertical); background-color: #0000; display: none; position: relative; } .nav_desktop_contain { max-width: var(--nav--max-width-outer); padding-right: var(--nav--spacing-inner-horizontal); padding-left: var(--nav--spacing-inner-horizontal); border-top-style: solid; border-top-width: var(--border-width--main); border-top-color: var(--_theme---border); border-right-style: solid; border-right-width: var(--border-width--main); border-right-color: var(--_theme---border); border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-bottom-color: var(--_theme---border); border-left-style: solid; border-left-width: var(--border-width--main); border-left-color: var(--_theme---border); 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); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); margin-left: auto; margin-right: auto; } .nav_desktop_logo { z-index: 2; outline-offset: var(--focus--offset-inner); justify-content: flex-start; align-items: center; width: 6rem; display: flex; position: relative; } .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 { 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; height: 100%; display: flex; position: relative; overflow: hidden auto; } .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; color: inherit; background-color: #0000; border-style: none; border-width: 0; width: 100%; max-width: none; height: 100vh; max-height: none; margin: 0; padding: 0; position: fixed; inset: 0% 0% auto; overflow: clip; } .modal_content { border-radius: var(--radius--main); background-color: var(--_theme---background); color: var(--_theme---black-grey); width: 100%; max-width: 38rem; max-height: 100%; 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 { padding: var(--site--margin); flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100dvh; 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; --_button-style---text: var(--_theme---button-primary--text); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_button-style---background: var(--_theme---button-primary--background); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---border: var(--_theme---button-primary--border); --_button-style---border-hover: var(--_theme---button-primary--border-hover); background-color: color-mix(in srgb, var(--_button-style---background) calc(100% * var(--_trigger---on)), var(--_button-style---background-hover) calc(100% * var(--_trigger---off))); color: color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off))); border-top-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-right-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-bottom-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-left-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-radius: inherit; justify-content: center; align-items: center; 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) { --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_close_element:where(.w-variant-c144d67f-2c62-4dbf-0fd8-0b6056b717ec) { width: var(--button-size--medium); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_close_element:where(.w-variant-3970b3f9-2fa6-52d8-098a-2260caaa12bb), .button_close_element:where(.w-variant-6c75cae2-0734-1bbf-191f-bfe0f8ed1797) { --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_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); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_close_icon { aspect-ratio: 1; width: 36%; position: relative; } .footer_bottom_contain.u-container { width: auto; max-width: none; } .footer_wrap { background-color: var(--_button-style---background-hover); color: var(--_theme---background); } .footer_bottom_wrap { margin-left: 0; margin-right: 0; padding-left: 0; } .footer_bottom_list { flex-flow: wrap; place-content: center flex-start; align-items: center; margin: -.5rem; display: flex; } .footer_bottom_link_wrap { opacity: calc(1 - .5 * var(--_trigger---off)); padding: .5rem; transition-property: opacity; transition-duration: .1s; transition-timing-function: ease; } .footer_bottom_layout { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); border-top-style: solid; border-top-width: var(--border-width--main); flex-flow: wrap; place-content: center space-between; align-items: center; padding: 2.5rem 2vw; display: flex; } .footer_group_item { display: flex; } .footer_group_list { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .footer_bottom_item { display: flex; } .footer_link_wrap { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); opacity: calc(1 - .5 * var(--_trigger---off)); transition-property: opacity; transition-duration: .1s; transition-timing-function: ease; } .modal_close { z-index: 2; align-self: flex-end; position: sticky; inset: 0 auto auto 0%; } .tab_control_wrap { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: wrap; justify-content: space-between; align-items: center; display: flex; } .tab_button_item { padding-top: var(--_spacing---space--4); padding-right: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-bottom-color: var(--_theme---border); text-align: center; cursor: pointer; outline-offset: var(--focus--offset-inner); outline-width: var(--focus--width); width: 100%; min-width: 10rem; position: relative; } .tab_button_item:where(.w-variant-8ffc88d1-7ba2-15f6-9b67-306f6d86c1bd) { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); border-top-style: solid; border-top-width: 1px; border-top-color: var(--_theme---border); border-right-style: solid; border-right-width: 1px; border-right-color: var(--_theme---border); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--_theme---border); border-left-style: solid; border-left-width: 1px; border-left-color: var(--_theme---border); border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); background-color: color-mix(in srgb, transparent calc(100% * var(--_state---true)), var(--_theme---black-grey) calc(100% * var(--_state---false))); color: color-mix(in srgb, currentColor calc(100% * var(--_state---true)), var(--_theme---background) calc(100% * var(--_state---false))); flex-flow: column; flex: none; justify-content: center; align-items: center; width: auto; min-width: auto; display: flex; } .tab_button_list { padding-right: var(--site--margin); padding-left: var(--site--margin); grid-column-gap: .5rem; grid-row-gap: .5rem; margin-left: calc(var(--site--margin) * -1); margin-right: calc(var(--site--margin) * -1); display: flex; overflow: auto clip; } .tab_button_list:where(.w-variant-490ac534-1fb5-5322-5b2f-0dc20ea2f909) { flex-direction: var(--row-medium, column); } .tab_content_list { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; display: flex; position: relative; } .tab_button_text { opacity: calc(1 - .3 * var(--_state---true)); } .tab_button_text.u-text-style-main { font-weight: calc(var(--_typography---font--primary-regular) * var(--_state---true) + var(--_typography---font--primary-bold) * var(--_state---false)); } .tab_wrap { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--5); flex-flow: column; display: flex; } .tab_wrap:where(.w-variant-490ac534-1fb5-5322-5b2f-0dc20ea2f909) { display: var(--flex-medium, grid); flex-flow: column; grid-template-columns: repeat(12, minmax(0, 1fr)); } .tab_button_line { height: var(--border-width--main); opacity: var(--_state---false); width: calc(100% * var(--progress, 1)); background-color: currentColor; position: absolute; inset: auto auto 0% 0%; transform: translate(0, 100%); } .tab_button_line:where(.w-variant-8ffc88d1-7ba2-15f6-9b67-306f6d86c1bd) { width: calc(100% * var(--progress, 0)); border-radius: inherit; background-color: color-mix(in srgb, currentColor 10%, transparent); height: 100%; inset: 0% auto 0% 0%; transform: none; } .tab_content_wrap { padding-right: var(--site--margin); padding-left: var(--site--margin); margin-left: calc(var(--site--margin) * -1); margin-right: calc(var(--site--margin) * -1); overflow-x: clip; } .tab_arrow_wrap { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .card_primary_image { transform: scale(calc(1 + .1 * var(--_trigger---off))); height: 100%; transition-property: transform; transition-duration: .3s; transition-timing-function: ease; position: absolute; inset: 0%; } .card_primary_image:where(.w-variant-51efa20c-c7be-48fe-973a-11367f19d622) { display: block; } .card_primary_group { border-radius: var(--radius--main); width: 100%; display: flex; position: relative; } .card_primary_group:where(.w-variant-da648fa9-bbba-c8cb-e549-1d22cb8af97b) { border-radius: 0; } .card_primary_visual { z-index: 1; border-radius: inherit; display: none; position: relative; overflow: clip; } .card_primary_visual:where(.w-variant-51efa20c-c7be-48fe-973a-11367f19d622) { opacity: .6; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .card_primary_visual:where(.w-variant-da648fa9-bbba-c8cb-e549-1d22cb8af97b) { aspect-ratio: 16 / 9; border-radius: var(--radius--small); background-color: var(--_theme---background-skeleton); display: block; } .card_primary_title { margin-bottom: var(--_text-style---margin-bottom); } .card_primary_title.u-text-style-h4:where(.w-variant-da648fa9-bbba-c8cb-e549-1d22cb8af97b) { margin-bottom: var(--_spacing---space--3); --_text-style---font-family: var(--_typography---font--primary-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--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .card_primary_content { z-index: 1; position: relative; } .button_main_wrap { border-radius: var(--radius--round); display: inline-block; position: relative; } .button_main_wrap:where(.w-variant-625d5df4-ad91-f7dc-9e2f-2e69f3fd7400) { border-radius: 0; } .button_toggle_wrap, .button_arrow_wrap, .button_close_wrap { border-radius: var(--radius--round); display: inline-block; position: relative; } .button_main_icon { aspect-ratio: 1; flex-flow: column; flex: none; justify-content: center; align-items: center; width: .8rem; margin-top: -.5rem; margin-bottom: -.5rem; display: flex; } .form_range_input { border-radius: inherit; background-color: #0000; width: 100%; height: .7rem; display: block; } .form_range_element { border-radius: var(--radius--round); background-color: var(--_theme---background-2); margin-top: .3rem; display: block; position: relative; } .form_range_fill { background-color: var(--_theme---black-grey); pointer-events: none; width: calc(var(--progress) * 100% + var(--thumb-size) * -1 * (var(--progress) - .5)); border-top-left-radius: inherit; border-bottom-left-radius: inherit; height: 100%; position: absolute; inset: 0% auto 0% 0%; } .form_range_thumb_wrap { pointer-events: none; transform: translateX(calc((var(--progress) - .5) * 100% - (var(--progress) - .5) * var(--thumb-size))); flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; inset: 0%; } .form_range_thumb_element { aspect-ratio: 1; border-top-style: solid; border-top-width: .3rem; border-top-color: var(--_theme---black-grey); border-right-style: solid; border-right-width: .3rem; border-right-color: var(--_theme---black-grey); border-bottom-style: solid; border-bottom-width: .3rem; border-bottom-color: var(--_theme---black-grey); border-left-style: solid; border-left-width: .3rem; border-left-color: var(--_theme---black-grey); background-color: var(--_theme---background); width: var(--thumb-size); border-radius: var(--thumb-radius); } .form_range_output_wrap { pointer-events: none; transform: translateX(calc((var(--progress) - .5) * 100% - (var(--progress) - .5) * var(--thumb-size))); justify-content: center; align-items: center; padding-top: 1rem; display: flex; } .form_range_output_element { border-radius: var(--radius--small); background-color: var(--_theme---background-2); pointer-events: auto; padding: .1rem .6rem; } .tab_left { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; display: flex; } .tab_left:where(.w-variant-490ac534-1fb5-5322-5b2f-0dc20ea2f909) { grid-column: span 3; } .tab_right { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); flex-flow: column; display: flex; } .tab_right:where(.w-variant-490ac534-1fb5-5322-5b2f-0dc20ea2f909) { grid-column: span 9; } .form_ui_visual_inner { width: 63%; height: auto; transition: all .2s; } .form_ui_visual_inner:where(.w-variant-05ff758a-80c8-4344-649b-149f87b62cc9) { border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); background-color: color-mix(in srgb, var(--_theme---background) calc(100% * var(--_state---true)), var(--_theme---background) calc(100% * var(--_state---false))); transform: translateX(calc(43% * var(--_state---false))); width: 70%; height: 100%; } .form_ui_visual_inner:where(.w-variant-c18f59b8-0331-9f8c-c106-08818710cc20) { background-color: var(--_theme---black-grey); opacity: var(--_state---false); border-radius: inherit; width: 70%; height: 70%; } .styleguide_nav_wrap { top: var(--site--margin); max-height: calc(100svh - var(--site--margin) * 2); order: 1; grid-column: 10 / -1; display: flex; position: sticky; } .button_main_line { height: var(--border-width--main); pointer-events: none; transform: translateY(100%) scaleX(calc(100% * var(--_trigger---off))); transform-origin: calc(100% * var(--_trigger---on)) 100%; transition-property: transform; transition-duration: .3s; transition-timing-function: cubic-bezier(.25, .46, .45, .94); position: absolute; inset: auto 0% 0%; } .button_main_line:where(.w-variant-625d5df4-ad91-f7dc-9e2f-2e69f3fd7400) { background-color: var(--_theme---text-link--border-hover); } .main-wrapper { background-color: var(--_theme---black-grey); color: var(--_theme---white); max-width: 1440px; margin-left: auto; margin-right: auto; overflow: hidden; } .arrow-right { padding: var(--_spacing---comet--32px-2rem); background-color: var(--_theme---bauhaus--red-fenix); color: var(--_theme---white); width: 50%; } .arrow-left { padding: var(--_spacing---comet--32px-2rem); background-color: var(--_theme---background-2); color: var(--_theme---bauhaus--red-fenix); width: 50%; } .u-rotate-180 { transform: rotate(180deg); } .u-jumbo-h1 { font-family: var(--_text-style---font-family); font-size: var(--_typography---font-size--display); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); vertical-align: baseline; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_column-count---value: 12; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); margin-bottom: 20px; padding-top: 0; display: block; } .u-jumbo-h2 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: 1; font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); padding-top: 0; padding-bottom: 0; display: flow-root; } .hero-icons { grid-column-gap: 16px; grid-row-gap: 16px; background-color: var(--_theme---black-grey); color: var(--_theme---white); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; padding: 60px; display: grid; } .svg-icon { width: 100%; height: 100%; } .footer-txt { color: var(--_theme---white); text-align: center; letter-spacing: -.05em; max-width: none; margin-left: auto; margin-right: auto; font-size: clamp(3rem, 34vw, 32rem); line-height: clamp(3rem, 41.964vw - 5.268rem, 32rem); } .footer { background-color: var(--_theme---black-grey); color: var(--_theme---white); max-width: 1440px; margin-left: auto; margin-right: auto; position: sticky; bottom: 0; overflow: hidden; } .unsplash-image { object-fit: contain; object-position: 50% 50%; width: 100%; height: auto; display: block; } .unsplash-image.u-cover { aspect-ratio: auto; object-fit: cover; background-color: #0000; height: 100%; } .unsplash-image.u-cover-top { aspect-ratio: auto; object-fit: cover; height: 100%; } .unsplash-image.u-full { z-index: 1; object-fit: cover; height: 100%; position: absolute; inset: 0%; } .unsplash-image._90 { z-index: 1; object-fit: cover; height: 88%; position: absolute; inset: 0%; } .unsplash-image.u-cover-copy { aspect-ratio: auto; object-fit: cover; width: 50%; height: 100%; } .unsplash-image._100 { object-fit: cover; background-color: #0000; height: 100%; } .section-white { grid-column-gap: var(--_spacing---comet--24px-1-5rem); grid-row-gap: var(--_spacing---comet--24px-1-5rem); color: var(--_theme---white); flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 60px 45px; display: flex; } .u-max-height-50vh { width: 256px; height: 384px; max-height: none; } .u-text-hashtag { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .bottombar { z-index: 888; grid-column-gap: 8px; grid-row-gap: 8px; color: #202020; background-color: #0000; border: 0 #222325; border-radius: 0; flex-direction: column; min-width: 740px; max-width: 100%; padding: 20px; display: flex; position: fixed; inset: auto 0% 0%; transform: translate(0); } .menu-all { flex-flow: column; justify-content: center; align-items: center; display: flex; } .menu-inner { grid-column-gap: 16px; grid-row-gap: 16px; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); background-color: #ffffff4d; border-radius: 40px; justify-content: center; align-items: center; padding: 20px; display: flex; } .menu-inner-left { grid-column-gap: 8px; grid-row-gap: 8px; background-color: #fff; border-radius: 92px; justify-content: space-between; width: 100%; padding: 8px 8px 8px 1.25rem; display: flex; overflow: auto; } .menu-inner-left.pad-8 { padding-left: 8px; } .bbar-indicator { color: #fff; text-align: center; text-transform: uppercase; background-color: #202020; border-radius: 80px; min-width: 230px; padding: 20px 1.25rem; font-weight: 400; line-height: 1.5rem; } .hide { display: none; } .parallax-section { justify-content: center; align-items: center; min-height: 100dvh; display: flex; position: relative; } .video-background { border-radius: 25px; justify-content: center; align-items: flex-start; width: 100%; height: 100%; margin-left: auto; margin-right: auto; display: flex; position: absolute; inset: 0% auto auto; overflow: hidden; } .video-background.square { max-width: 400px; max-height: 400px; top: auto; } .loading-container { z-index: 500; pointer-events: none; position: fixed; inset: 0; overflow: hidden; } .loading-screen { pointer-events: auto; color: #fff; background-color: #000; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; top: 0; left: 0; } .loading-words { grid-column-gap: 2em; grid-row-gap: 2em; opacity: 0; align-items: center; display: flex; } .loading-words__dot { background-color: #fff; border-radius: 50%; width: .75em; height: .75em; } .loading-words__word { margin-bottom: 0; font-size: 4.5em; font-weight: 500; line-height: 1; } .swiper-slide { flex: none; max-width: 20em; padding-right: 1.25em; } .swiper-slide.is-slider-main { width: 33.33%; padding-right: 0; } .swiper { flex-flow: row; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; overflow: visible !important; } .sidebar-link-background { z-index: 1; background-color: #455ce9; border-radius: 100%; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .sidebar-link { z-index: 10; color: #fff; border: 1px #000; border-radius: 100%; justify-content: center; align-items: center; width: 6vw; min-width: 6vw; height: 6vw; min-height: 6vw; display: flex; position: absolute; inset: auto; } .title-wrapper { border-bottom: 0 #0000; min-width: 23rem; padding-bottom: 0; } .sidebar-top { height: 50%; position: relative; } .menu-link-arrow { justify-content: center; align-items: center; width: 1.25rem; margin-right: 0; display: none; position: absolute; inset: 0% 0% 0% auto; } .menu-link-mouseover { border: 1px #000; position: absolute; inset: 0%; } .sidebar-menu-list { flex-direction: column; align-items: stretch; width: 100%; margin-top: 0; display: flex; } .sidebar { z-index: 1000; flex-direction: column; width: 7vw; height: 100vh; display: flex; position: fixed; inset: 0% 0% 0% auto; overflow: hidden; } .sidebar-bottom { z-index: 50; background-color: #fff0; flex-direction: column; flex: 1; justify-content: center; align-items: center; margin-left: -4rem; padding-left: 4rem; display: none; position: relative; overflow: hidden; } .sidebar-menu-block { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-direction: column; flex: 1; justify-content: flex-start; align-items: flex-start; padding-top: 10vh; display: flex; } .form-number { letter-spacing: 2px; justify-content: center; align-items: center; margin-left: 0; font-size: .75rem; font-weight: 400; display: flex; position: absolute; inset: 0%; } .mega-menu-overlay { cursor: pointer; background-color: #070a0cb3; margin-right: 7vw; display: none; position: fixed; inset: 0%; } .menu-link { z-index: 30; grid-column-gap: .6vw; grid-row-gap: .6vw; cursor: pointer; border-radius: 100%; flex-direction: column; justify-content: center; align-items: center; width: 0; min-width: 6vw; height: 0; min-height: 6vw; display: flex; position: absolute; inset: 3.5rem auto auto -7rem; } .dot-wrapper { justify-content: center; align-items: center; margin-top: -.2rem; margin-right: 1.9rem; display: flex; position: relative; } .dot-wrapper.nav-dot { justify-content: flex-start; margin-top: 0; left: .1rem; } .sidebar-menu-item { align-items: center; margin-left: -2.6px; padding: .75rem 2rem .75rem .5rem; font-size: 3rem; font-weight: 500; display: flex; position: relative; } .sidebar-menu-item.w--current { z-index: 10; } .mega-menu-social { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-direction: column; align-items: flex-start; width: 100%; margin-top: 20px; display: flex; } .open-menu-link { position: absolute; inset: 0%; } .menu-line { z-index: 10; background-color: #fff; width: 1.4rem; height: .15rem; position: relative; } .menu-line.bottom { margin-right: -.5rem; } .menu-line.top { margin-left: -.5rem; } .menu-link-background { border: 5px solid var(--_theme---white); background-color: var(--_theme---black-grey); border-radius: 100%; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .menu-link-base { border: 1px #000; border-radius: 100%; justify-content: center; align-items: center; max-width: 6vw; max-height: 6vw; display: flex; position: absolute; inset: 0%; } .close-menu-link { width: 6vw; height: 6vw; position: absolute; inset: 0%; } .icon { z-index: 10; color: #fff; border-radius: 100%; justify-content: center; align-items: center; width: 1.4rem; height: 1.4rem; display: flex; position: relative; } .open-menu-link-wrapper { width: 6vw; height: 6vw; position: absolute; inset: 0%; } .menu-line-wrapper { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-direction: column; justify-content: space-between; display: flex; } .sidebar-link-wrapper { z-index: 10; border: 1px #000; border-radius: 100%; justify-content: center; align-items: center; max-width: 6vw; max-height: 6vw; display: flex; position: absolute; inset: 0%; overflow: hidden; } .dot-mouseover { justify-content: center; align-items: center; display: flex; position: relative; } .sidebar-menu-content { grid-column-gap: 3rem; grid-row-gap: 3rem; color: var(--_theme---white); flex-direction: column; grid-template-rows: 1fr auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-content: center space-between; align-items: stretch; min-width: 25rem; height: 100%; padding: 1rem 0 3.25rem 7vw; display: none; } .sidebar-menu-content.show { display: block; } .dot { background-color: #fff; border-radius: 100rem; justify-content: center; align-items: center; width: .6rem; min-width: .6rem; height: .6rem; min-height: .6rem; display: none; position: relative; } .text-size-small { font-size: 1rem; line-height: 1.65; } .sidebar-menu { z-index: 999; background-color: var(--_theme---black-grey); color: var(--_theme---background-skeleton); padding-right: 7vw; display: block; position: fixed; inset: 0% -7vw 0% auto; overflow: visible; } .sidebar-menu.show { padding-right: 0; } .mega-menu-trigger { z-index: 0; width: 7vw; height: 100vh; position: absolute; inset: 0% 0% 0% auto; overflow: visible; } .services-component { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-direction: row; grid-template-rows: auto; grid-template-columns: auto 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .margin-bottom.margin-small { margin-bottom: 24px; } .max-width-small { width: 100%; max-width: 20rem; } .inside { background-color: #0f13160f; border-radius: 1rem; justify-content: center; align-items: center; width: 100%; margin-bottom: 70px; display: flex; position: relative; } .inside.solid { background-color: #0000; align-items: flex-start; margin-bottom: 0; position: relative; } .inside.solid.end { margin-bottom: -4.5rem; } .image-base { background-color: #0000; width: 100%; height: 79vh; max-height: 64rem; margin-top: .5rem; margin-bottom: .5rem; position: sticky; top: 10.5vh; overflow: hidden; } .image-base.special { background-color: var(--_theme---black-grey); object-fit: contain; height: auto; } .anchor-link { background-color: #fff; border: .15rem solid #fff; border-radius: 100px; width: .75rem; height: .75rem; font-size: 1.5rem; font-weight: 500; transition: background-color .25s cubic-bezier(.215, .61, .355, 1), height .4s cubic-bezier(.25, .46, .45, .94); } .anchor-link.w--current { background-color: #0f131600; height: 2.25rem; } .heading-medium { font-size: 2.75rem; font-weight: 500; line-height: 1.35; } .underline-link { align-items: center; text-decoration: none; display: flex; } .page-padding { width: 100%; max-width: 93vw; padding-left: 7vw; padding-right: 7vw; } .text-size-tiny { font-size: .75rem; } .text-size-tiny.caps { text-transform: uppercase; } .image-full { object-fit: contain; background-color: #0000; width: 100%; height: 100%; position: absolute; inset: 0%; transform: scale(1.01); } .image-full.contain { object-fit: contain; } .image-full.half { object-fit: contain; width: 40%; margin-left: auto; margin-right: auto; } .timeline-content { z-index: 20; border-radius: 9px; flex: 1; height: 100%; margin-top: 0; position: relative; } .arrow-icon { opacity: 1; filter: none; justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; } .arrow-icon.large-arrow-icon { width: 1.25rem; height: 1.25rem; } .button-text { background-color: #0000; justify-content: center; align-items: center; padding: 0; } .service-card { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-direction: column; justify-content: center; align-items: center; display: flex; } .service-card.light { z-index: 20; flex-direction: column; justify-content: center; align-items: flex-start; max-width: 27rem; min-height: 79vh; margin: .5rem auto auto; padding-bottom: 0; padding-left: 0; display: flex; position: relative; } .service-item { grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-rows: auto; grid-template-columns: 1.5fr .5fr; grid-auto-columns: 1fr; min-height: 110vh; margin-bottom: 0; display: grid; } .service-item.reverse { grid-template-columns: .5fr 1.5fr; min-height: 80vh; } .section-services { border-bottom: 1px #1a242c; margin-bottom: 4.5rem; } .arrow-icon-clip { justify-content: flex-end; align-items: center; width: 1rem; display: flex; overflow: hidden; } .anchor-link-wrapper { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-direction: column; justify-content: center; align-items: center; width: 7vw; height: 75vh; margin-bottom: -4.5rem; margin-left: -7vw; padding-right: 0; display: flex; position: sticky; bottom: 12.5vh; } .container-large { width: 100%; max-width: 94rem; margin-left: auto; margin-right: auto; } .text-size-regular { font-size: 1.25rem; line-height: 1.65; } .timeline-inside { border-radius: 1rem; height: auto; margin-top: 0; padding-top: 0; padding-bottom: 0; display: flex; position: sticky; top: 0; overflow: visible; } .service-title { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; flex-direction: column; display: flex; } .swiper-drag-wrapper.is-slider-main { background-color: #ffffff1a; width: 38em; max-width: 100%; height: .5rem; } .slider-main_top-wrapper { grid-column-gap: 2em; grid-row-gap: 2em; color: var(--_theme---white); flex-wrap: wrap; justify-content: flex-start; align-items: center; padding-top: 10px; padding-bottom: 3.2em; display: flex; } .swiper-bullet-wrapper.is-slider-main { grid-column-gap: .5em; grid-row-gap: .5em; flex-wrap: wrap; flex: none; justify-content: flex-start; align-items: center; width: auto; display: flex; } .slider-main_link { opacity: .5; color: #fff; width: 100%; transition: all .5s; position: relative; } .slider-main_link.opacity-100 { opacity: 1; border: 1px solid #fff; justify-content: center; align-items: center; min-height: 400px; padding: 10px; display: block; } .swiper-drag.is-slider-main { background-color: #fff; width: 5em; height: 100%; } .slider-main_button { color: #c8dd5e; text-align: center; border: 2px solid #c8dd5e; border-radius: 100vw; justify-content: center; align-items: center; width: 7.5em; height: 3.25em; transition: color .2s, background-color .2s; display: flex; } .slider-main_button:hover { color: #161616; background-color: #c8dd5e; } .slider-main_button.swiper-next { grid-column-gap: .5rem; grid-row-gap: .5rem; color: #fff; border-color: #fff; width: 12em; } .slider-main_button.swiper-next:hover { color: #161616; background-color: #fff; } .slider-main_button.swiper-next.no-trans { grid-column-gap: 0rem; grid-row-gap: 0rem; border-width: 1px; border-radius: 50%; width: 3rem; height: 3rem; transition-property: none; } .slider-main_button.swiper-prev { grid-column-gap: .5rem; grid-row-gap: .5rem; color: #fff; border-color: #fff; width: 12em; } .slider-main_button.swiper-prev:hover { color: #161616; background-color: #fff; } .slider-main_button.swiper-prev.no-trans { grid-column-gap: 0rem; grid-row-gap: 0rem; border-width: 1px; border-radius: 50%; flex: none; width: 3rem; height: 3rem; line-height: 1; transition-property: none; } .order-txt { z-index: 2; background-color: var(--_theme---black-grey); color: #fff; font-size: 2rem; line-height: var(--_typography---line-height--small); padding: 6px 10px; display: block; position: absolute; inset: auto 10px 10px; } .slider-main_bottom-wrapper { grid-column-gap: 2em; grid-row-gap: 2em; flex-flow: column; justify-content: space-between; align-items: center; padding-top: 3rem; display: flex; } .slider-main_component { --_column-count---value: 1; } .slider-main_button-icon { flex: 0 auto; width: 24px; height: 24px; } .slider-main_button-icon.is-reversed { width: 24px; height: 24px; transform: rotate(-180deg); } .swiper-bullet { opacity: .3; text-align: center; background-color: #fff; border-radius: 50%; flex: none; justify-content: center; align-items: center; width: 1.25em; min-height: 1.25em; transition: all .2s; display: flex; } .swiper-bullet.is-active { opacity: 1; background-color: #fff; } .slider-main_button-wrapper { grid-column-gap: .75em; grid-row-gap: .75em; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; display: flex; } .social-icons-wrapper-footer { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; display: flex; } .social-link-item { justify-content: center; align-items: center; width: 24px; height: 24px; transition: opacity .1s; display: flex; } .social-link-item:hover { opacity: .7; } .about-image { align-items: center; width: 100%; height: 100vh; margin-bottom: -4.5rem; padding-top: .5rem; padding-bottom: .5rem; display: flex; position: sticky; bottom: 0; overflow: hidden; } .about-hero-component { grid-column-gap: 4rem; grid-row-gap: 0rem; flex-direction: row; grid-template-rows: 1fr auto; grid-template-columns: 50% 1fr; grid-auto-columns: 1fr; justify-content: space-between; min-height: 75vh; padding-top: 1rem; padding-bottom: 0; display: grid; } .heading-xlarge { padding-top: 0; font-size: 4.5rem; font-weight: 500; line-height: 1.25; } .form-field-wrapper { grid-column-gap: .75rem; grid-row-gap: .75rem; border-bottom: 1px solid #1a242c; flex-direction: column; padding: 4rem 0 0; display: flex; } .portrait-image { width: 100%; height: 100%; position: relative; overflow: hidden; } .portrait { object-fit: cover; width: 100%; height: 100%; transform: scale(1.02); } .text-size-large { font-size: 1.75rem; } .text-size-large.m-top { margin-top: 20px; } .text-size-large.white { z-index: 50; background-color: var(--_theme---black-grey); padding: 10px; position: absolute; inset: auto 0% 0%; } .form-field-title { align-items: center; display: flex; } .section-history { flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; } .history-year { border-bottom: 1px #ffffff40; margin-bottom: 1rem; } .heading-small { font-size: 1.75rem; font-weight: 500; line-height: 1.4; } .history-intro { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-direction: column; align-items: center; max-width: 42rem; margin-left: auto; margin-right: auto; display: flex; } .padding-vertical { padding-left: 0; padding-right: 0; } .about-history-banner { z-index: 25; grid-column-gap: 12rem; grid-row-gap: 12rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-end; width: 100%; max-width: 55rem; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 6rem; display: flex; position: relative; } .history-title { text-align: center; border-bottom: 1px #ffffff26; padding-top: 3rem; padding-bottom: 3rem; } .history-list-item { z-index: 2; grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; position: relative; } .history-card { grid-column-gap: .875rem; grid-row-gap: .875rem; border-top: 1px #cfe0e4; border-bottom: 1px #000; flex-direction: column; padding-top: 0; padding-bottom: 0; display: flex; } .history-list { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: center; justify-items: center; display: grid; position: relative; } .max-width-medium { width: 100%; max-width: 32rem; } .heading-large { align-items: center; font-size: 3.25rem; font-weight: 500; line-height: 1.45; } .heading-large.m-bottom { margin-bottom: 40px; } .sticky-about-banner { flex-direction: column; justify-content: flex-end; display: flex; position: absolute; inset: 0%; } .background-wrapper { position: absolute; inset: 0%; } .background-wrapper.sticky { height: 100vh; max-height: 100vh; position: sticky; inset: auto auto 0%; overflow: hidden; } .background-image { background-color: #0000; justify-content: center; align-items: center; height: 100%; display: flex; position: static; inset: 0%; overflow: hidden; } .background-image.relative { position: relative; } .overlay { background-color: #0f13164d; position: absolute; inset: 0%; } .overlay.no-bg, .overlay.transparent { background-color: #0000; } .section-4 { color: var(--_theme---white); } .section-services-swiper { border-bottom: 1px #1a242c; width: 100%; margin-bottom: 0; padding: 3rem 7vw; } .heading-paragraph { grid-column-gap: 3.5rem; grid-row-gap: 3.5rem; text-align: center; flex-direction: column; align-items: center; max-width: 50rem; margin-left: auto; margin-right: auto; font-size: 3rem; display: flex; } .section-about-home { margin-top: 60px; margin-bottom: 60px; position: relative; overflow: hidden; } .about-intro { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-direction: column; display: flex; } .button { color: #fff; text-align: center; border-radius: 100px; justify-content: center; align-items: center; padding: 1rem 2rem; font-size: .875rem; font-weight: 400; transition: box-shadow .4s cubic-bezier(.215, .61, .355, 1); display: flex; box-shadow: inset 0 0 0 1px #1a242c; } .button:hover { outline-width: 2px; outline-color: #0f1316; box-shadow: inset 0 0 0 2px #617481; } .button.w--current { color: #fff; cursor: default; background-color: #1a242c; border-color: #0f1316; box-shadow: inset 0 0 0 1px #0f1316; } .button.light-button { box-shadow: inset 0 0 0 1px #ffffff80; } .button.light-button:hover { box-shadow: inset 0 0 0 2px #fff; } .home-hero-top { justify-content: center; width: 100%; height: 100%; display: flex; } .home-hero-component { flex-direction: row; flex: 1; justify-content: center; padding-top: 5rem; padding-right: 0; display: flex; } .home-hero-intro { flex-direction: column; align-items: flex-start; max-width: 50rem; display: flex; } .home-hero-intro.no-max { max-width: none; } .hero-image-strip { justify-content: flex-end; display: flex; } .home-hero-images { flex: 0 auto; justify-content: flex-end; max-width: 93vw; display: flex; overflow: hidden; } .hero-image { width: 70vh; min-width: 70vh; height: 70vh; margin-left: .5rem; position: relative; overflow: hidden; } .hero-trigger { margin-top: 100vh; position: absolute; inset: 0%; } .section-hero-home { color: var(--_theme---white); background-color: #0000; flex-direction: column; justify-content: space-between; width: 100%; min-height: 60dvh; display: flex; position: relative; overflow: hidden; } .home-hero-content { flex: 1; justify-content: space-between; align-items: flex-end; width: 100%; height: 100%; padding-top: 8rem; padding-bottom: 6rem; display: flex; } .faq-title { z-index: 10; height: 100%; padding: 5rem 7rem 5rem 0; position: relative; } .tab-lottie { justify-content: center; align-items: center; width: .875rem; display: flex; } .faq-action-wrapper { z-index: 25; justify-content: center; align-items: center; height: 100%; display: flex; position: absolute; inset: 0% 2rem 0% auto; } .faq-bottom-content { grid-column-gap: 0px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr .5fr; grid-auto-columns: 1fr; padding-bottom: 4rem; display: grid; } .faq-list { border-top: 1px solid #1a242c; flex-direction: column; display: flex; position: relative; } .faq-item { border-bottom: 1px solid #1a242c; } .faq-action { border: 3px solid var(--_theme---white); background-color: var(--_theme---black-grey); border-radius: 100%; justify-content: center; align-items: center; width: 4rem; height: 4rem; display: flex; } .faq-top { z-index: 1; cursor: pointer; padding: 0; position: relative; } .section-faq { color: var(--_theme---white); overflow: hidden; } .faq-tab-link { background-color: #ddd0; padding: 0; } .faq-tab-link.w--current { background-color: #c8c8c800; } .faq-bottom { z-index: 10; position: relative; overflow: hidden; } .testimonial-credit { align-items: center; display: flex; } .slide-nav-hide { display: none; } .testimonials-mask { max-width: 60rem; overflow: visible; } .testimonial-slider-wrapper { padding-top: 0; padding-left: 0; } .testimonial-text { font-size: 2.5rem; } .slider-testimonial { background-color: #ddd0; height: auto; padding-top: 3rem; } .testimonial-avatar { border-radius: 100%; width: 4.5rem; height: 4.5rem; margin-right: 1.5rem; position: relative; overflow: hidden; } .section-testimonials { padding: 100px 0 0; overflow: hidden; } .slide-arrow-icon { color: #fff; justify-content: center; align-items: center; width: 1.25rem; height: 1.25rem; display: flex; } .slide-arrow-testimonial { justify-content: flex-start; align-items: center; width: 2rem; height: 3rem; display: flex; top: 0; bottom: auto; right: auto; } .slide-arrow-testimonial.right-arrow-testimonial { justify-content: flex-end; left: 2rem; } .testimonial-slide { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; flex-direction: column; align-items: flex-start; padding-top: 3rem; padding-bottom: 1.5rem; padding-right: 15rem; display: flex; } .action-intro-wrapper { z-index: 10; grid-column-gap: 3.5rem; grid-row-gap: 3.5rem; text-align: center; flex-direction: column; align-items: center; padding-top: 6rem; padding-bottom: 6rem; display: flex; position: relative; } .action-intro { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-direction: column; align-items: center; max-width: 40rem; display: flex; } .tag-wrapper { z-index: 25; background-color: var(--_theme---black-grey); color: #fff; text-transform: none; padding: 10px; position: absolute; inset: auto auto 25% 0%; } .tag-wrapper.tag-wrapper-small { margin-left: 0; top: 2rem; left: 2rem; } .work-card-image { color: #fff; flex-direction: column; justify-content: flex-end; padding: 0; display: flex; position: absolute; inset: 0%; overflow: hidden; } .project-arrow { justify-content: center; align-items: center; height: 2.25rem; display: flex; position: absolute; inset: auto 0% 0% auto; } .project-arrow.project-arrow-small { height: 1.75rem; } .page-padding-grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .work-card-info { z-index: 10; grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; flex-direction: column; justify-content: flex-end; align-items: flex-start; height: 100%; padding-left: 0; padding-right: 1.5rem; display: flex; position: relative; } .work-card { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; color: #fff; flex-direction: column; height: 26vw; padding: 2rem; display: flex; position: relative; } .tag { background-color: var(--_theme---black-grey); letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px solid #ffffff80; padding-left: 10px; padding-right: 10px; font-size: .7rem; font-weight: 500; transition: border-color .4s cubic-bezier(.215, .61, .355, 1); } .tag:hover { border-bottom-color: #fff; } .works-hero-content { flex-direction: column; justify-content: space-between; min-height: auto; margin-top: 40px; padding-bottom: 0; display: flex; } .project-item { position: relative; } .site-link { color: var(--_theme---white); text-decoration: underline; } .bbar-name { color: #fff; text-align: center; text-transform: uppercase; background-color: #202020; border-radius: 80px; min-width: 230px; padding: 20px 1.25rem; font-weight: 400; line-height: 1.5rem; } .portrait-background { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .speaker-text { grid-column-gap: 0rem; grid-row-gap: 4rem; padding-bottom: .55rem; display: flex; } .page-padding-2 { width: 100%; padding-left: 5vw; padding-right: 5vw; } .speaker-name { z-index: 10; flex: 1; padding-top: 2rem; position: relative; overflow: hidden; } .portrait-image-works { border-radius: .5rem; width: 20vw; height: 29vw; position: relative; overflow: hidden; } .image-portrait { justify-content: center; align-items: center; width: 50%; height: 100%; margin-top: 0; padding-left: 4rem; display: flex; position: absolute; inset: 0% 0% 0% auto; } .preview-works { overflow: hidden; } .section-works { z-index: 25; background-color: #0000; padding-top: 100px; position: relative; overflow: hidden; } .speaker-item-preview { grid-column-gap: 16px; grid-row-gap: 16px; border-bottom: 1px solid #d3e5e9; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: stretch; padding-left: 0; display: flex; } .number { margin-top: .5rem; font-size: 1.25rem; font-style: italic; font-weight: 500; } .number-wrapper { width: 14vw; padding-left: 4vw; display: flex; } .speaker-list { border-top: 1px solid #d3e5e9; width: 100%; margin-bottom: 9rem; position: relative; } .sixteen-nine { border-radius: .5rem; width: 50vw; height: 20vw; position: relative; overflow: hidden; } .services-about-intro { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-direction: row; justify-content: space-between; align-items: flex-end; margin-bottom: 6rem; display: flex; } .services-list-item { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; border-top: 1px solid #1a242c; border-bottom: 1px solid #1a242c; flex-direction: column; min-height: 100%; margin-top: -1px; padding-top: 4rem; padding-bottom: 4rem; padding-left: 0; display: flex; } .history-info { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-direction: column; display: flex; } .title-stacked { grid-column-gap: 3.5rem; grid-row-gap: 3.5rem; flex-direction: column; align-items: stretch; display: flex; } .services-intro { max-width: 30rem; } .container-large-2 { width: 100%; max-width: 94rem; margin-left: auto; margin-right: auto; } .footer-component { grid-column-gap: 3rem; grid-row-gap: 3rem; flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; min-height: 85vh; padding-top: 0; display: flex; } .footer-email { letter-spacing: -.01rem; font-size: 4.5rem; font-weight: 500; } .footer-email-wrapper { grid-column-gap: 3rem; grid-row-gap: 3rem; flex-direction: column; flex: 1; justify-content: center; align-items: center; padding-top: 6rem; padding-bottom: 3rem; display: flex; } .section-footer { background-color: var(--_theme---black-grey); color: var(--_theme---white); width: 100%; position: sticky; bottom: 0; overflow: hidden; } .projects { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding-top: 3rem; padding-bottom: 0; display: grid; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .nav-link { color: #fff; justify-content: center; align-items: center; padding: 1rem 1.75rem; font-size: .95rem; display: flex; } .nav-link.w--current { color: #fff; } .page-padding-5 { width: 100%; max-width: 93vw; padding-left: 7vw; padding-right: 7vw; } .page-padding-5._100 { height: 100%; } .project-card { z-index: 20; color: #fff; width: 100%; height: 50vw; min-height: 100%; padding: 3rem; position: relative; overflow: hidden; } .project-background { position: absolute; inset: 0%; } .circle-link { z-index: 100; color: #fff; letter-spacing: 4px; text-transform: uppercase; background-color: #060d11; border: 1px solid #eff9fc1a; border-radius: 100%; justify-content: center; align-items: center; width: 140px; height: 140px; margin-bottom: 0; margin-right: -70px; font-size: 10px; text-decoration: none; display: flex; position: relative; transform: none; } .background-wrapper-2 { width: 100%; position: absolute; inset: 0% 0% 0% auto; overflow: hidden; } .background-wrapper-2.half-page { z-index: 10; width: 50%; } .content-wrapper { z-index: 20; grid-column-gap: 0px; grid-row-gap: 16px; grid-template-rows: 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; position: relative; } .scroll-link-outline { border: 1px dashed #eff9fc1a; border-radius: 100%; width: 150%; height: 150%; display: flex; position: absolute; } .home-hero { border-bottom: 1px #eff9fc1a; justify-content: center; min-height: 100vh; padding-top: 80px; padding-bottom: 0; display: flex; position: relative; overflow: hidden; } .home-hero.small { border-bottom-style: solid; min-height: 90vh; padding-top: 0; } .home-hero-intro-2 { grid-column-gap: 16px; grid-row-gap: 48px; text-align: left; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-content: space-between start; justify-items: start; width: 100%; padding-right: 0; display: grid; } .button-text-2 { z-index: 25; position: relative; } .heading-2.large { letter-spacing: -.01em; font-size: 52px; } .background { background-image: url('../images/dark-profile.webp'); background-position: 40% 100%; background-repeat: no-repeat; background-size: cover; position: absolute; inset: 0%; } .overlay-2 { z-index: 6; background-color: #04060a80; position: absolute; inset: 0%; } .overlay-2.light { background-color: #04060a4d; } .body-display { color: #fffc; font-size: 18px; line-height: 1.65em; } .body-display.dual-paragraph { column-count: 2; column-gap: 60px; } .body-display.white { color: var(--_theme---white); } .hero-title { max-width: 500px; } .small-width { max-width: 400px; } .grid-wrapper { z-index: 25; grid-column-gap: 0px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr); grid-auto-columns: 1fr; width: 100%; display: grid; position: relative; } .hero-content { z-index: 20; grid-column-gap: 0px; grid-row-gap: 50px; color: #fff; grid-template-rows: 1fr; grid-template-columns: 1fr; grid-auto-columns: 1fr; margin-top: 80px; padding-top: 80px; padding-bottom: 100px; display: grid; position: relative; } .logos-wrapper { grid-column-gap: 0px; grid-row-gap: 0px; border-top: 1px #eff9fc1a; border-bottom: 1px #eff9fc1a; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; height: 10vh; min-height: 10vh; display: flex; position: relative; overflow: hidden; } .logo-image { opacity: .3; width: 100%; max-width: 70px; } .logo { border-left: 1px solid #eff9fc1a; border-right: 1px solid #eff9fc1a; justify-content: center; align-items: center; width: 14vw; min-width: 170px; padding-left: 0; padding-right: 0; display: flex; } .stacked-title { grid-column-gap: 16px; grid-row-gap: 36px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .subtitle { color: #fffc; letter-spacing: 4px; text-transform: uppercase; font-size: 11px; } .section-intro { grid-column-gap: 16px; grid-row-gap: 60px; text-align: center; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; max-width: 975px; display: grid; } .button-2 { color: #fff; letter-spacing: 4px; text-transform: uppercase; border: 1px #eff9fc1a; border-radius: 100px; justify-content: center; align-items: center; padding: 18px 42px; font-size: 10px; text-decoration: none; display: flex; position: relative; } .stacked-content { grid-column-gap: 16px; grid-row-gap: 48px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .stacked-content.large { grid-row-gap: 170px; } .paragraph-heading { font-size: 52px; } .navigation { z-index: 999; display: block; position: relative; } .scroll_component { height: 100vh; overflow: clip; } .container { flex-flow: column; justify-content: center; width: 100%; max-width: 70rem; height: 100vh; margin-left: auto; margin-right: auto; padding: 2.5rem; display: flex; position: sticky; top: 0; } .scroll_wrap { flex: 1; min-height: 0; display: flex; container-type: inline-size; } .scroll_track { display: flex; } .scroll_list { grid-column-gap: .8rem; grid-row-gap: .8rem; color: var(--_theme---white); margin-right: -100cqw; display: flex; } .scroll_image { border-radius: .7rem; width: 22rem; max-width: 100cqw; position: relative; } .scroll_image.is-wide { width: 39rem; } .project-card-2 { grid-column-gap: 36px; grid-row-gap: 36px; color: #fff; grid-template-rows: 1fr auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 100%; height: 100%; min-height: 400px; padding-bottom: 24px; text-decoration: none; display: grid; position: relative; overflow: visible; } .project-info { z-index: 2; grid-column-gap: 16px; grid-row-gap: 10px; background-color: var(--_theme---black-grey); text-align: center; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-items: center; padding-top: 20px; padding-bottom: 20px; display: grid; position: absolute; inset: auto 0% 0%; } .project-info._1 { grid-template-rows: auto; display: block; } .section-iam { width: 100%; padding-left: 5vw; padding-right: 5vw; overflow: hidden; } .looping-text { grid-column-gap: 15vw; grid-row-gap: 15vw; font-size: 10vw; line-height: var(--_typography---line-height--medium); letter-spacing: -.1rem; white-space: nowrap; padding-right: 0; font-weight: 500; display: flex; } .special { font-style: italic; font-weight: 500; line-height: 1.1; } .button-text-item { justify-content: center; align-items: center; min-height: 1.875rem; display: flex; } .text-size-regular-5 { font-size: 1.2rem; line-height: 1.65; } .name-title { grid-column-gap: 0vw; grid-row-gap: 0vw; flex-direction: column; grid-template-rows: auto; grid-template-columns: auto; grid-auto-columns: auto; grid-auto-flow: column; justify-content: center; justify-items: end; height: 8vw; display: flex; } .footer-action-component { grid-column-gap: 0rem; grid-row-gap: 1rem; color: #fff; grid-template-rows: auto; grid-template-columns: auto auto; grid-auto-columns: 1fr; place-content: center; align-items: center; padding-top: 3rem; padding-bottom: 4rem; display: grid; } .name-list-wrapper { overflow: hidden; } .footer-action-heading { letter-spacing: 0; text-transform: none; margin-bottom: 60px; font-size: 5vw; font-weight: 500; line-height: 1; } .name-item { letter-spacing: 0; text-transform: none; justify-content: center; align-items: center; height: 9.5vw; padding-top: 0; font-size: 5vw; font-weight: 500; line-height: 1; display: flex; } .action-description { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-direction: column; align-items: flex-start; max-width: 17rem; display: flex; } .underline-link-2 { grid-column-gap: .4rem; grid-row-gap: .4rem; color: #fff; border-bottom: 1px #1a1c24; align-items: center; padding-bottom: 0; display: flex; } .name-list { mix-blend-mode: difference; flex-direction: column; align-items: center; margin-top: -1vw; margin-bottom: 1vw; display: flex; } .name-block { background-color: #fff; border: 1px #fff; border-radius: 100px; height: 7.5vw; margin-left: 3vw; padding-left: 4vw; padding-right: 4vw; } .sticky-card-item { flex-direction: column; height: 100%; display: flex; } .section-sticky-cards { z-index: 25; background-color: var(--_theme---black-grey); color: var(--_theme---white); margin-top: -4rem; position: relative; } .sticky-base { background-color: var(--_theme---black-grey); border: 1px solid #d3e5e9; border-bottom-style: none; border-top-left-radius: 5vw; border-top-right-radius: 5vw; justify-content: center; height: 90vh; max-height: 53rem; margin-top: -4rem; display: flex; position: sticky; top: 0; } .sticky-base.one { background-color: var(--_theme---black-grey); flex-direction: row; justify-content: center; margin-bottom: 8rem; } .sticky-base.two { background-color: var(--_theme---black-grey); margin-top: -12rem; margin-bottom: 4rem; top: 4rem; } .sticky-base.three { margin-top: -20rem; top: 8rem; } .sticky-base.four { margin-top: -20rem; top: 12rem; } .sticky-base.five { margin-top: -26rem; top: 16rem; } .sticky-base.six { margin-top: -35rem; top: 20rem; } .sticky-cover { justify-content: center; height: 100%; display: flex; } .sticky-intro { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-direction: column; justify-content: center; align-items: flex-start; max-width: 35rem; display: flex; } .preview-title { max-width: 32rem; } .sticky-description { max-width: 31rem; } .sticky-top { justify-content: space-between; align-items: center; height: 4rem; padding-top: 0; padding-bottom: 0; display: flex; } .heading-large-5 { font-size: 4rem; font-weight: 500; line-height: 1.2; } .image-fill { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; overflow: hidden; transform: scale(1.02); } .sticky-image { border-radius: .5rem; height: 85%; position: relative; overflow: hidden; } .sticky-anchor { height: 0; position: relative; top: -14rem; } .sticky-top-side { grid-column-gap: 2rem; grid-row-gap: 2rem; display: flex; } .container-large-3 { width: 100%; max-width: 96rem; margin-left: auto; margin-right: auto; } .sticky-content { grid-column-gap: 3rem; grid-row-gap: 3rem; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: stretch; place-items: center stretch; padding-top: 0; padding-bottom: 6rem; display: grid; } .history-bg { z-index: 1; opacity: .5; background-image: url('../images/comet-byn-c.webp'); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 100%; height: 100%; position: absolute; inset: 0%; } .section-info { border-bottom: 1px #1a242c; margin-bottom: 4.5rem; } .general-wrapper { color: var(--_theme---white); --_column-count---value: 1; overflow: hidden; } .section-contact { color: #fff; flex-direction: column; justify-content: flex-start; align-items: center; height: 100dvh; margin-top: 60px; display: flex; position: relative; } .container-large-5 { width: 100%; max-width: 94rem; margin-left: auto; margin-right: auto; } .marquee { grid-column-gap: 1rem; color: var(--_theme---white); background-color: #0000; width: 100%; margin-bottom: 0; padding-top: 1rem; padding-bottom: 0; display: flex; overflow: hidden; } .marquee-content { grid-column-gap: 1rem; flex: none; justify-content: space-around; min-width: 100%; display: flex; } .marquee-content.scroll.reverse { color: var(--_theme---white); } .back-to-top { z-index: 100; background-color: var(--_theme---white); color: var(--_theme---white); justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; position: fixed; inset: auto auto 0% 0%; } .arrow-top { color: var(--_theme---black-grey); width: 100%; height: 36px; transform: rotate(180deg); } .bg-wrap { position: absolute; inset: 0%; } .bg-wrap.dv { height: 80dvh; position: relative; } .bg-image { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; transform: scale(1.01); } .section-about-hero { border-bottom: 1px #1a242c; margin-bottom: 4rem; } .about-history { grid-column-gap: 4rem; grid-row-gap: 4rem; border-top: 1px #cfe0e4; flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: stretch; width: 100%; max-width: 30rem; min-height: 110vh; margin-left: auto; margin-right: auto; padding-bottom: 20rem; display: flex; } .container-large-6 { width: 100%; max-width: 94rem; margin-left: auto; margin-right: auto; } .text-size-regular-7 { font-size: 1.25rem; line-height: 1.65; } .services-description { padding-top: 40px; } .container-large-7 { width: 100%; max-width: 94rem; margin-left: auto; margin-right: auto; } .text-size-regular-8 { font-size: 1.25rem; line-height: 1.65; } .action-wrapper { z-index: 5; color: #fff; text-align: left; position: relative; } .preview-background { z-index: 2; position: absolute; inset: 0%; overflow: hidden; } .section-banner { position: relative; } .page-padding-6 { width: 100%; padding-left: 5vw; padding-right: 5vw; } .overlay-3 { z-index: 10; background-color: #121316b3; position: absolute; inset: 0%; } .overlay-3.overlay-light { background-color: #1213164d; } .text-size-large-2 { font-size: 1.5rem; line-height: 1.65; } .action-intro-2 { grid-column-gap: 15rem; grid-row-gap: 15rem; text-align: center; flex-direction: column; justify-content: center; align-items: center; max-width: 40rem; margin-left: auto; margin-right: auto; display: flex; } .banner-description { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; flex-direction: column; align-items: center; max-width: 32rem; display: flex; } .heading-large-6 { font-size: 4rem; font-weight: 500; line-height: 1.2; } .button-text-4 { text-align: center; background-color: #0000; flex-direction: column; justify-content: flex-start; align-items: center; height: 1.875rem; padding: 0; display: flex; overflow: hidden; } .preview-paralax { background-image: url('../images/image67-1.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; position: absolute; inset: 0%; } .button-3 { color: #000; text-align: center; background-color: #fff; border-radius: 100px; justify-content: center; align-items: center; padding: .75rem 1.875rem; font-size: 1rem; font-weight: 400; display: flex; } .large-width { max-width: 900px; } .growing-image { flex: 1; width: 40%; position: relative; } .growing-image.right { margin-left: 24px; } .growing-image.small { flex: 0 auto; width: 35%; margin-right: 0; overflow: visible; } .growing-image.left { margin-right: 24px; } .growing-background { background-image: url('../images/Image013.jpeg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; position: absolute; inset: 0%; } .growing-background.three { background-image: url('../images/runner.webp'); } .growing-background.five { background-image: url('../images/Webflow-Spanish-Crew.webp'); } .growing-background.four { background-image: url('../images/red-valley.webp'); } .growing-background.six { background-image: url('../images/1000247263.webp'); } .section-path { z-index: 20; border-bottom: 1px solid #eff9fc1a; justify-content: center; padding-top: 180px; padding-bottom: 180px; display: flex; position: relative; overflow: visible; } .heading-4.large { letter-spacing: -.01em; font-size: 52px; } .heading-4.extra-large { font-size: 56px; line-height: 1.45em; } .large-growing-images { flex-wrap: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1px 1fr; grid-auto-columns: 1fr; justify-content: space-between; min-height: 550px; display: flex; } .gallery-wrapper { grid-column-gap: 16px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .about-me-hero { border-bottom: 1px solid #eff9fc1a; justify-content: center; min-height: 90vh; display: flex; } .stacked-description { grid-column-gap: 16px; grid-row-gap: 9px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .hero-description { padding-bottom: 80px; padding-right: 60px; } .centered-intro { z-index: 20; grid-column-gap: 36px; grid-row-gap: 36px; text-align: center; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; max-width: 950px; margin-top: 80px; padding-top: 80px; padding-bottom: 100px; display: grid; position: relative; } .background-2 { background-image: url('../images/Image013.jpeg'); background-position: 40% 100%; background-repeat: no-repeat; background-size: cover; position: absolute; inset: 0%; } .background-2.about-background { background-image: url('../images/dark-profile.webp'); } .center-banner { position: relative; overflow: hidden; } .license-image { aspect-ratio: 3 / 2; border-radius: .55rem; position: relative; overflow: hidden; } .license-grid { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .utility-text { text-align: center; max-width: 30rem; } .text-regular { font-size: 1.15rem; } .text-small { justify-content: center; align-items: center; margin-bottom: 0; font-size: 1rem; font-weight: 400; } .license-stack { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; } .utility-base { grid-column-gap: 3.5rem; grid-row-gap: 3.5rem; flex-flow: column; justify-content: flex-start; align-items: center; min-height: 50vh; padding-top: 2.5rem; padding-bottom: 6rem; display: flex; } .padding-regular { padding-left: 3rem; padding-right: 3rem; } .image-cover { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .info-item { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-direction: column; display: flex; } .info-grid { grid-column-gap: 9rem; grid-row-gap: 9rem; border-top: 1px solid #d3e5e9; border-bottom: 1px solid #d3e5e9; justify-content: space-between; align-items: flex-start; padding-top: 4rem; padding-bottom: 4rem; display: flex; } .infro-item-wrapper { grid-column-gap: 4rem; grid-row-gap: 4rem; flex: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: start; display: grid; } .section-values { color: var(--_theme---white); } .div-block-7 { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .section-about, .works-logos { z-index: 20; border-bottom: 1px solid #eff9fc1a; justify-content: center; padding-top: 180px; padding-bottom: 180px; display: flex; position: relative; overflow: visible; } .works-logos.no-padding { padding-top: 0; padding-bottom: 0; } .works-about { z-index: 20; border-bottom: 1px solid #eff9fc1a; justify-content: center; padding-top: 180px; padding-bottom: 180px; display: flex; position: relative; overflow: visible; } .heading-5 { padding-top: 10px; padding-bottom: 10px; } .section-writer { z-index: 20; border-bottom: 1px solid #eff9fc1a; justify-content: center; padding-top: 180px; padding-bottom: 180px; display: flex; position: relative; overflow: visible; } .section-about-about { margin-top: 60px; margin-bottom: 60px; padding-top: 60px; position: relative; overflow: hidden; } .horizontal__wrap { flex-flow: row; min-height: 84dvh; display: flex; overflow: hidden; } .horizontal__panel { flex: none; width: 100%; } .horizontal__panel._50 { width: 50%; } .horizontal__panel-inner { width: 100%; height: 100%; padding: 1.25em; } .demo-card { border-radius: 1.25em; flex-flow: column; justify-content: flex-end; align-items: flex-start; width: 100%; height: 100%; padding: 3em; display: flex; position: relative; overflow: hidden; } .demo-card._50 { width: 50%; height: 100%; } .demo-card__bg { z-index: 0; position: absolute; inset: 0%; } .demo-card__bg-img { object-fit: cover; width: 100%; height: 100%; } .demo-card__inner { z-index: 1; position: relative; } .demo-header__h1 { letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: 4em; font-weight: 500; line-height: .95; } .work-title-link { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); margin-top: -20px; text-decoration: underline; display: flow-root; } .work-subtitle { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_typography---line-height--small); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .image { object-fit: contain; } .fs-cc-banner2_component { z-index: 999; color: #fff; background-color: #060606; border-radius: 8px; width: 28.125rem; padding: 2rem; display: none; position: fixed; inset: auto 0% 0% auto; } .fs-cc-banner2_container { flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; max-width: 60rem; margin-left: auto; margin-right: auto; display: flex; } .fs-cc-banner2_text { font-size: 1rem; } .link-4 { color: #fff; text-decoration: underline; } .fs-cc-banner2_buttons-wrapper { flex: none; grid-template-rows: auto; grid-template-columns: auto auto; grid-auto-columns: 1fr; align-items: center; margin-top: 1rem; display: flex; } .fs-cc-banner2_button { color: #060606; text-align: center; text-transform: uppercase; background-color: #fff; flex: 1; min-width: 7.5rem; margin-left: 0; margin-right: 1rem; padding: .5rem 1.25rem; font-weight: 700; } .fs-cc-banner2_button.fs-cc-button-alt { opacity: 1; color: #fff9; background-color: #80808080; } .fs-cc-manager2_component { z-index: 999; display: none; position: fixed; inset: auto auto 1.25rem 1.25rem; } .fs-cc-manager2_button { color: #060606; cursor: pointer; background-color: #fff; border-radius: 8px; flex-direction: column; width: 40px; height: 40px; padding: .5rem; transition: color .2s; display: flex; } .fs-cc-manager2_button:hover { color: gray; } .fs-cc-prefs2_checkbox-field { justify-content: center; align-items: center; width: 1.25rem; height: 1.25rem; margin-bottom: 0; padding: .125rem; display: flex; position: relative; } .fs-cc-prefs2_component { z-index: 997; opacity: 1; border-radius: 0; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 0; padding: 2rem; display: none; position: fixed; inset: 0%; } .fs-cc-prefs2_label { color: #060606; margin-top: 0; margin-bottom: 0; margin-right: 2rem; font-size: 1rem; font-weight: 700; } .fs-cc-prefs2_option { border-bottom: 1px solid #c0c0c04d; padding-top: 1rem; padding-bottom: 1rem; } .fs-cc-prefs2_toggle-wrapper { flex-direction: row; justify-content: space-between; align-items: center; display: flex; } .fs-cc-prefs2_space-small { margin-top: 10px; margin-bottom: .75rem; } .fs-cc-prefs2_form-wrapper { color: #060606; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 0; padding: 1.5rem; display: flex; position: absolute; inset: 0%; } .fs-cc-preferences2_close-icon { color: #fff; width: 1.5rem; height: 1.5rem; } .fs-cc-prefs2_close { color: #fff; cursor: pointer; background-color: #060606; border-top-right-radius: 8px; padding: .75rem; font-size: 1.25rem; text-decoration: none; position: absolute; inset: 0 0 auto auto; box-shadow: -1px 1px 4px #3333331a; } .fs-cc-prefs2_checkbox { z-index: 1; cursor: pointer; background-color: #fff; border-width: 2px; border-color: #060606; width: 100%; height: 100%; margin-top: 0; margin-left: 0; position: absolute; inset: 0%; } .fs-cc-prefs2_checkbox.w--redirected-checked { background-color: #060606; background-size: auto; border-color: #060606; } .fs-cc-prefs2_form { color: #fff; background-color: #333; border-radius: 8px; width: 100%; max-width: 25rem; max-height: 85vh; margin-bottom: 0; position: relative; } .fs-cc-prefs2_buttons-wrapper { flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-end; margin-top: 1rem; display: flex; } .fs-cc-prefs2_button { text-align: center; background-color: #060606; border: 1px solid #060606; padding: .75rem 1.25rem; font-weight: 700; } .fs-cc-prefs2_button.fs-cc-button-alt { color: #060606; background-color: #fff; border-color: #060606; margin-bottom: .75rem; } .fs-cc-prefs2_submit { text-align: center; background-color: gray; margin-top: .75rem; padding: .75rem 1.25rem; font-weight: 700; } .fs-cc-prefs2_overlay { z-index: -1; opacity: .7; background-color: #060606; width: 100%; height: 100%; position: absolute; inset: 0%; } .fs-cc-prefs2_content { color: #000; background-color: #fff; border-radius: 8px; height: 100%; padding: 2.5rem 2rem; } .fs-cc-prefs2_title { color: #010440; text-align: center; font-size: 1.5rem; font-weight: 700; line-height: 1.2em; } .fs-cc-prefs2_checkbox-label { display: none; } .rich-text-block { padding-bottom: 40px; } .svg { width: 24px; height: 24px; transform: rotate(180deg); } .back-top { z-index: 5000; grid-column-gap: 4px; grid-row-gap: 4px; justify-content: center; align-items: center; display: flex; position: relative; } .social-wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; display: flex; } .section-txt { text-align: left; letter-spacing: -.01em; text-transform: none; white-space: pre-wrap; align-self: center; width: auto; margin-left: auto; margin-right: auto; font-size: 20px; font-weight: 400; line-height: 30px; } .cookie-hero-component { flex-direction: row; flex: 1; justify-content: center; padding-top: 2rem; padding-right: 0; display: flex; } .section-hero-cookie { grid-column-gap: 16px; grid-row-gap: 16px; color: var(--_theme---white); object-fit: fill; background-color: #0000; flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: center; width: 100%; min-height: 30dvh; padding-left: 7vw; padding-right: 7vw; display: flex; position: relative; overflow: hidden; } .footer-action-faq { letter-spacing: 0; text-transform: none; margin-bottom: 0; font-size: 5vw; font-weight: 500; line-height: 1; } @media screen and (min-width: 1280px) { .image-base { background-color: #0000; } .image-base.special { object-fit: contain; } .image-full.contain { object-fit: contain; transform: scale(1.01); } .image-full.contain.max-width { width: 100%; max-width: 800px; padding: 0; transform: none; } .section-services-swiper { width: 100%; } .logo-image { max-width: 80px; } .bg-wrap.dv { height: 90dvh; } .div-block-7 { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media screen and (max-width: 991px) { .u-column-span-full.u-padding-16 { padding-right: var(--_spacing---comet--0px); padding-left: var(--_spacing---comet--0px); } .u-column-span-4 { grid-column-end: span 12; } .u-column-span-4.u-desktop-80vh, .u-column-span-4.u-tablet-50vh { height: 50dvh; } .u-column-span-4.u-padding-16 { padding-right: var(--_spacing---comet--0px); padding-left: var(--_spacing---comet--0px); } .u-column-span-6.u-padding-16 { padding-right: var(--_spacing---comet--0px); padding-left: var(--_spacing---comet--0px); grid-column-end: span 12; } .u-column-span-8.u-grid-custom { grid-column-end: span 12; } .u-column-span-8.u-desktop-60vh { grid-column-end: span 12; height: 50dvh; } .u-column-span-8.u-tablet-full { grid-column-end: span 12; height: auto; } .u-column-span-8.u-padding-16 { padding-right: var(--_spacing---comet--0px); padding-left: var(--_spacing---comet--0px); grid-column-end: span 12; } .nav_button_wrap.w--open { color: inherit; background-color: #c8c8c800; } .unsplash-image.u-cover { object-position: 50% 50%; } .unsplash-image.u-cover-top { object-position: 50% 0%; } .unsplash-image.u-cover-copy { object-position: 50% 50%; } .section-white { padding: 20px; } .u-text-hashtag { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .bottombar { min-width: auto; } .menu-inner { grid-column-gap: 4px; grid-row-gap: 4px; min-width: 60vw; padding-top: 16.5px; padding-bottom: 16.5px; } .menu-inner-left { padding: 0; } .menu-inner-left.pad-8 { padding: 4px; } .bbar-indicator { width: 100%; min-width: auto; font-size: 12px; line-height: 16px; } .parallax-section { min-height: 50dvh; } .sidebar-link { display: none; } .title-wrapper { min-width: 100%; } .sidebar { width: 0; } .sidebar-bottom { display: none; } .mega-menu-overlay { margin-right: 0; } .menu-link { min-width: 4rem; min-height: 4rem; margin-left: -4rem; top: 1rem; } .menu-line { width: 1.2rem; height: .1rem; } .close-menu-link, .open-menu-link-wrapper { width: 4rem; height: 4rem; } .sidebar-link-wrapper { display: none; } .sidebar-menu-content { background-color: #141a1f; min-width: 80vw; margin-left: -5rem; padding-left: 4rem; padding-right: 4rem; display: none; overflow: auto; } .sidebar-menu { background-color: #141a1f00; padding-right: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .inside.solid { flex: 0 auto; } .inside.solid.end { margin-bottom: 0; } .image-base { width: 70%; height: 70vw; } .image-base.full-tablet { width: 100%; height: 50vw; } .heading-medium { font-size: 2.25rem; } .page-padding { max-width: none; padding-left: 3rem; padding-right: 3rem; } .service-card.light { justify-content: center; align-items: flex-start; min-height: 50vh; } .service-item { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr; min-height: auto; padding-bottom: 6rem; } .service-item.reverse { flex-flow: column; grid-template-columns: .5fr; display: flex; } .section-services { margin-bottom: 0; } .anchor-link-wrapper { margin-bottom: 0; margin-left: -3rem; } .timeline-inside { height: auto; } .social-icons-wrapper-footer { justify-content: space-between; width: 100%; } .social-icons-wrapper-footer.nav { justify-content: flex-start; } .about-image { height: auto; margin-bottom: 0; position: relative; } .about-hero-component { grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-columns: 1fr; min-height: auto; } .heading-xlarge { font-size: 3.5rem; } .padding-vertical { padding-left: 0; padding-right: 0; } .about-history-banner { grid-column-gap: 9rem; grid-row-gap: 9rem; } .history-title { padding-top: 1rem; padding-bottom: 1rem; } .heading-large { font-size: 3rem; } .section-services-swiper { margin-bottom: 0; } .heading-paragraph { font-size: 2.5rem; } .home-hero-intro { max-width: none; } .home-hero-images { max-width: 100vw; } .hero-image { width: 60vh; min-width: 60vh; height: 60vh; } .faq-title { padding-top: 4rem; padding-bottom: 4rem; padding-right: 3rem; } .tab-lottie { width: .75rem; } .faq-action-wrapper { right: 0; } .faq-bottom-content { grid-template-columns: 1fr .25fr; padding-bottom: 3rem; } .faq-action { width: 3rem; height: 3rem; } .testimonial-text { font-size: 2.25rem; } .testimonial-slide { padding-right: 4rem; } .project-arrow { height: 1.875rem; } .page-padding-grid { grid-template-columns: minmax(3rem, 1fr) minmax(auto, 94rem) minmax(3rem, 1fr); } .work-card { min-width: 50vw; height: 50vw; } .works-hero-content { grid-column-gap: 4rem; grid-row-gap: 4rem; flex-flow: column; min-height: 93vh; margin-top: 20px; } .bbar-name { width: 100%; min-width: auto; font-size: 12px; line-height: 16px; } .speaker-text { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-direction: column; padding-bottom: 0; } .speaker-name { padding-top: 1.5rem; padding-bottom: 0; } .portrait-image-works { width: 40vw; height: 58vw; } .image-portrait { justify-content: flex-start; width: 100%; height: auto; margin-top: 0; padding-left: 0; position: relative; } .section-works { padding-top: 60px; } .speaker-item-preview { grid-column-gap: 0px; grid-row-gap: 0px; border-bottom-style: none; flex-direction: column-reverse; width: 40vw; max-width: 45vw; height: 100%; padding-top: 4.5rem; padding-left: 0; } .number-wrapper { width: 7rem; padding-left: 0; } .speaker-list { grid-column-gap: 2.5vw; grid-row-gap: 0vw; flex-wrap: wrap; justify-content: space-between; margin-bottom: 7rem; display: flex; } .sixteen-nine { width: 40vw; height: 58vw; } .services-about-intro { margin-bottom: 4rem; } .footer-component { min-height: 75vh; } .footer-email { font-size: 3rem; } .footer-email-wrapper { grid-column-gap: 2rem; grid-row-gap: 2rem; padding-top: 4rem; padding-bottom: 4rem; } .section-footer { position: relative; } .projects { padding-top: 2rem; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .page-padding-5 { max-width: none; padding-left: 3rem; padding-right: 3rem; } .circle-link { z-index: 40; margin-top: 100px; margin-bottom: -90px; margin-right: 0; } .background-wrapper-2.half-page { border-top: 1px solid #eff9fc1a; width: 100%; min-height: 500px; position: relative; } .content-wrapper { grid-row-gap: 60px; grid-template-columns: 1fr 1fr 1fr; } .home-hero-intro-2 { grid-row-gap: 24px; text-align: center; justify-content: center; justify-items: center; } .heading-2.large { font-size: 46px; } .hero-title { max-width: 650px; } .grid-wrapper { grid-row-gap: 20px; grid-template-rows: 1fr; } .hero-content { padding-top: 80px; padding-bottom: 0; } .logo { min-width: 130px; } .stacked-title { grid-row-gap: 24px; } .stacked-content.large { grid-row-gap: 80px; } .paragraph-heading { font-size: 46px; } .footer-action-component { grid-row-gap: 2rem; text-align: center; grid-template-columns: auto; justify-items: center; padding-top: 1rem; } .footer-action-heading { font-size: 3rem; } .name-item { height: 5rem; font-size: 3rem; } .action-description { text-align: center; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; padding-bottom: 2rem; } .name-block { height: 4rem; margin-left: 0; } .section-sticky-cards { background-color: #fff; border-top-left-radius: 4rem; border-top-right-radius: 4rem; } .sticky-base { height: auto; min-height: auto; max-height: none; margin-top: 0; position: relative; } .sticky-base.one { margin-bottom: 0; } .sticky-base.two { margin-top: 0; margin-bottom: 0; top: 0; } .heading-large-5 { font-size: 3.5rem; } .sticky-image { min-height: 60vh; } .sticky-content { grid-template-columns: 1fr; } .section-info, .section-about-hero { margin-bottom: 0; } .about-history { min-height: auto; padding-bottom: 12rem; } .action-intro-2 { grid-column-gap: 10rem; grid-row-gap: 10rem; max-width: 35rem; } .heading-large-6 { font-size: 3.5rem; } .section-path { padding-top: 120px; padding-bottom: 120px; } .heading-4.large { font-size: 46px; } .heading-4.extra-large { font-size: 48px; } .about-me-hero { padding-top: 0; } .hero-description { z-index: 20; padding-bottom: 60px; padding-left: 60px; position: relative; } .centered-intro { max-width: 775px; margin-top: 80px; padding-top: 60px; padding-bottom: 24px; } .center-banner { height: 75vh; min-height: 550px; } .padding-regular { padding-left: 1.625rem; padding-right: 1.625rem; } .info-grid { grid-column-gap: 3rem; grid-row-gap: 3rem; flex-direction: column; } .infro-item-wrapper { grid-template-columns: 1fr 1fr; } .div-block-7 { grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-columns: 1fr 1fr 1fr; } .section-about, .works-logos, .works-about, .section-writer { padding-top: 120px; padding-bottom: 120px; } .section-txt { width: auto; margin-left: 0; margin-right: 0; } .section-hero-cookie { min-height: 20dvh; } .footer-action-faq { font-size: 3rem; } } @media screen and (max-width: 767px) { .u-column-span-6.u-padding-16 { grid-column-end: span 12; } .main-wrapper { width: 100%; } .arrow-right, .arrow-left { padding: var(--_spacing---comet--16px-1rem); } .footer-txt { line-height: 1.2; } .section-white { padding: 16px; display: flex; } .menu-inner { flex-flow: column; min-width: 70vw; } .menu-inner-left.pad-8 { justify-content: space-between; align-items: center; } .menu-inner-left.pad-8.hide-mobile { display: none; } .parallax-section { min-height: 50dvh; } .loading-words { font-size: 2.75vw; } .title-wrapper { min-width: 100%; } .sidebar-bottom { display: none; } .form-number { font-size: .75rem; } .menu-link { min-width: 3.75rem; min-height: 3.75rem; margin-left: -5.5rem; left: -2rem; } .sidebar-menu-item { padding-right: 0; font-size: 2rem; } .close-menu-link, .open-menu-link-wrapper { width: 3.75rem; height: 3.75rem; } .sidebar-menu-content { min-width: 75vw; margin-left: -3rem; padding-left: 3rem; padding-right: 3rem; display: none; overflow: auto; } .services-component { grid-template-columns: 1fr; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .image-base { width: 100%; height: 110vw; } .heading-medium { font-size: 2rem; } .page-padding { padding-left: 1.5rem; padding-right: 1.5rem; } .service-item { padding-bottom: 6rem; } .anchor-link-wrapper { align-items: center; margin-left: -1.5rem; display: none; } .container-large { width: auto; } .heading-xlarge { font-size: 2.875rem; } .text-size-large { font-size: 1.5rem; } .heading-small { font-size: 1.25rem; } .padding-vertical { padding-left: 0; padding-right: 0; } .about-history-banner { padding-bottom: 4rem; } .history-list-item { display: flex; } .history-list { grid-column-gap: 4rem; grid-row-gap: 4rem; } .heading-large { font-size: 2.5rem; } .heading-paragraph { grid-column-gap: 3rem; grid-row-gap: 3rem; font-size: 2.25rem; } .home-hero-intro { grid-column-gap: .5rem; grid-row-gap: .5rem; } .home-hero-content { padding-top: 6rem; padding-bottom: 4rem; } .faq-title { padding-top: 3rem; padding-bottom: 3rem; } .testimonial-slide-item { margin-right: 2rem; } .testimonial-slide { padding-right: 0; } .tag-wrapper { left: 2.5rem; } .project-arrow { height: 1.5rem; } .page-padding-grid { grid-template-columns: minmax(1.5rem, 1fr) minmax(auto, 94rem) minmax(1.5rem, 1fr); } .site-link { font-size: var(--_typography---font-size--h4); } .page-padding-2 { padding-left: 5vw; padding-right: 5vw; } .speaker-name { padding-top: 1.5rem; padding-bottom: 3rem; } .portrait-image-works { width: 60vw; height: 88vw; } .section-works { padding-top: 40px; } .speaker-item-preview { width: auto; max-width: none; padding-top: 2.5rem; } .speaker-list { flex-direction: column; margin-bottom: 4rem; } .sixteen-nine { width: 60vw; height: 88vw; } .services-about-intro { grid-column-gap: 3rem; grid-row-gap: 3rem; flex-direction: column; align-items: flex-start; margin-bottom: 3.5rem; } .history-info { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; } .title-stacked { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; } .footer-email { font-size: 2.25rem; } .footer-email-wrapper { grid-column-gap: 1.75rem; grid-row-gap: 1.75rem; order: -1; padding-top: 3rem; padding-bottom: 0; } .section-footer { position: relative; } .projects { grid-template-columns: 1fr; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .page-padding-5 { padding-left: 1.5rem; padding-right: 1.5rem; } .project-card { height: 120vw; padding: 3rem 2.5rem; } .circle-link { margin-top: 80px; } .background-wrapper-2.half-page { min-height: 400px; } .content-wrapper { grid-row-gap: 48px; grid-template-columns: 1fr; } .heading-2.large { font-size: 40px; } .body-display.dual-paragraph { column-count: 1; } .hero-content { padding-top: 60px; } .logos-wrapper { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; min-height: 20vh; display: grid; } .logo { border-bottom: 1px solid #eff9fc1a; } .stacked-content.large { grid-row-gap: 60px; } .paragraph-heading { font-size: 42px; } .section-iam { padding-left: 5vw; padding-right: 5vw; } .looping-text { font-size: 12vw; } .footer-action-component { grid-row-gap: 1.75rem; padding-top: 1rem; padding-bottom: 3rem; } .footer-action-heading { font-size: 2.5rem; } .name-item { height: 4.5rem; font-size: 2.5rem; } .name-block { height: 3.75rem; } .sticky-intro { grid-column-gap: 1rem; grid-row-gap: 1rem; } .heading-large-5 { font-size: 2.75rem; } .sticky-content { grid-column-gap: 2rem; grid-row-gap: 2rem; padding-bottom: 4.5rem; } .bg-wrap.dv { height: 70dvh; } .bg-image { object-fit: contain; } .page-padding-6 { padding-left: 5vw; padding-right: 5vw; } .text-size-large-2 { font-size: 1.25rem; } .heading-large-6 { font-size: 2.75rem; } .section-path { padding-top: 100px; padding-bottom: 100px; } .heading-4.large, .heading-4.extra-large { font-size: 40px; } .large-growing-images { height: 65vw; min-height: 300px; } .hero-description { padding: 48px; } .padding-regular { padding-left: 1rem; padding-right: 1rem; } .info-grid { padding-top: 1.5rem; padding-bottom: 2rem; } .infro-item-wrapper { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; grid-template-columns: 1fr; } .div-block-7 { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr 1fr; } .section-about, .works-logos, .works-about, .section-writer { padding-top: 100px; padding-bottom: 100px; } .horizontal__wrap { flex-flow: column; } .horizontal__panel { height: 30em; } .horizontal__panel._50 { width: 100%; } .demo-card { padding: 1.25em; } .demo-header__h1 { font-size: 2.5em; } .fs-cc-banner2_container { flex-direction: column; align-items: flex-start; } .footer-action-faq { font-size: 2.5rem; } } @media screen and (max-width: 479px) { .u-text-style-h2 { width: 100%; display: flow-root; } .u-max-width-full { max-width: 100%; } .footer_bottom_text.u-text-style-small { flex-flow: row; display: flex; } .u-jumbo-h1 { font-size: var(--_typography---font-size--h1); } .footer-txt { font-size: 32vw; line-height: 1.2; } .footer { min-height: 0; } .menu-inner { flex-flow: column; min-width: 90vw; } .parallax-section { min-height: 30dvh; } .video-background.square { max-width: 300px; max-height: 300px; } .title-wrapper { width: 50vw; } .menu-link { margin-left: -4.2rem; } .sidebar-menu-item { padding-right: 0; } .sidebar-menu-content { min-width: 100vw; margin-left: -6rem; padding-bottom: 4rem; padding-left: 2rem; padding-right: 2rem; display: none; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .service-card.light { justify-content: flex-start; padding-top: 0; padding-bottom: 4rem; } .service-item { grid-column-gap: 1rem; grid-row-gap: 1rem; padding-bottom: 0; } .about-hero-component { grid-column-gap: 1rem; grid-row-gap: 1rem; } .heading-xlarge { font-size: 2.75rem; } .padding-vertical { padding-left: 0; padding-right: 0; } .history-title { padding-top: 0; padding-bottom: 0; } .heading-paragraph { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; font-size: 2rem; } .hero-image { width: 80vw; min-width: 80vw; height: 80vw; } .faq-title { padding-top: 3rem; padding-bottom: 3rem; padding-right: 3.5rem; } .faq-bottom-content { display: flex; } .testimonial-text { font-size: 1.875rem; } .tag-wrapper { top: 2rem; left: 1.5rem; } .tag-wrapper.tag-wrapper-small { top: 1.75rem; left: 1.5rem; } .project-arrow { height: 1.5rem; } .work-card { min-width: 85vw; height: 85vw; } .works-hero-content { grid-column-gap: 3rem; grid-row-gap: 3rem; } .site-link { font-size: var(--_typography---font-size--h6); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .speaker-name { padding-top: .75rem; padding-bottom: 2.5rem; } .portrait-image-works { width: 90vw; height: 128vw; } .speaker-item-preview { padding-top: 2.5rem; } .speaker-list { margin-bottom: 1rem; } .sixteen-nine { width: 90vw; height: 128vw; } .services-about-intro { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; margin-bottom: 3rem; } .services-list-item { grid-column-gap: 1.75rem; grid-row-gap: 1.75rem; padding-top: 3rem; padding-bottom: 3rem; } .title-stacked { grid-column-gap: 2rem; grid-row-gap: 2rem; } .footer-component { grid-column-gap: 3rem; grid-row-gap: 3rem; min-height: 65vh; } .footer-email { font-size: 1.5rem; } .footer-email-wrapper { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .section-footer { position: sticky; } .projects { padding-top: 0; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .project-card { padding: 2rem 1.5rem; } .circle-link { margin-top: 72px; } .background-wrapper-2.half-page { min-height: 350px; } .content-wrapper { grid-row-gap: 36px; } .heading-2 { font-size: 36px; } .heading-2.large { font-size: 38px; } .hero-content { padding-top: 48px; } .logo { min-width: 110px; } .paragraph-heading { font-size: 28px; } .looping-text { font-size: 18vw; } .footer-action-component { padding-top: 1rem; } .footer-action-heading { margin-bottom: 40px; font-size: 2rem; } .name-item { height: 3.25rem; font-size: 2rem; } .name-block { height: 3rem; } .bg-wrap.dv { height: 45dvh; } .about-history { padding-bottom: 16rem; } .action-intro-2 { grid-column-gap: 9rem; grid-row-gap: 9rem; } .heading-4 { font-size: 36px; } .heading-4.large { font-size: 38px; } .heading-4.extra-large { font-size: 36px; } .large-growing-images { min-height: auto; } .about-me-hero { padding-top: 0; } .hero-description { padding: 24px 24px 36px; } .centered-intro { grid-row-gap: 24px; padding-bottom: 36px; } .center-banner { height: auto; min-height: 500px; } .div-block-7 { grid-template-columns: 1fr; } .work-title-link, .work-subtitle { width: 100%; display: flow-root; } .fs-cc-banner2_component { width: 100%; } .fs-cc-prefs2_component { padding: 1.5rem; } .fs-cc-prefs2_label { font-size: .875rem; } .fs-cc-prefs2_close { padding: .5rem; } .fs-cc-prefs2_button.fs-cc-button-alt { margin-bottom: .5rem; } .fs-cc-prefs2_submit { margin-top: 8px; } .fs-cc-prefs2_content { padding: 1.5rem; } .fs-cc-prefs2_title { font-size: 1.125rem; } .section-txt { width: auto; font-size: 16px; line-height: 24px; } .footer-action-faq { margin-bottom: 0; font-size: 2rem; } } #w-node-_618f72cc-537c-afd0-54f4-48b09df31cbc-4061750a { align-self: end; } #w-node-_618f72cc-537c-afd0-54f4-48b09df31cc0-4061750a { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_618f72cc-537c-afd0-54f4-48b09df31cc7-4061750a, #w-node-_618f72cc-537c-afd0-54f4-48b09df31ce0-4061750a, #w-node-_618f72cc-537c-afd0-54f4-48b09df31cf9-4061750a, #w-node-c7899109-1f57-811c-91d8-4b83fd1e96e4-4061750a { align-self: stretch; } #w-node-c108d439-ab7a-c5ae-cbdb-00c99b88cb24-4061750a { grid-area: 1 / 1 / 2 / 2; justify-self: start; } #w-node-c108d439-ab7a-c5ae-cbdb-00c99b88cb25-4061750a, #w-node-c108d439-ab7a-c5ae-cbdb-00c99b88cb26-4061750a, #w-node-c108d439-ab7a-c5ae-cbdb-00c99b88cb2e-4061750a { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-c108d439-ab7a-c5ae-cbdb-00c99b88cb2f-4061750a { grid-area: 1 / 2 / 2 / 3; } #w-node-c108d439-ab7a-c5ae-cbdb-00c99b88cb37-4061750a, #w-node-c108d439-ab7a-c5ae-cbdb-00c99b88cb38-4061750a, #w-node-c108d439-ab7a-c5ae-cbdb-00c99b88cb40-4061750a { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-c108d439-ab7a-c5ae-cbdb-00c99b88cb41-4061750a { grid-area: 1 / 2 / 2 / 3; } #w-node-_17acfd80-0e80-85b1-a3bf-fd6f4cb74aeb-4cb74ad9 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_0a796e4b-b539-bb90-8b83-57a0cc965f49-20f054d4 { place-self: center; } #w-node-aca4ddf2-34ad-dcdf-2181-87594957fb60-20f054d4 { justify-self: center; } #w-node-aca4ddf2-34ad-dcdf-2181-87594957fb61-20f054d4 { grid-area: 1 / 2 / 2 / 3; } #w-node-aca4ddf2-34ad-dcdf-2181-87594957fb67-20f054d4 { grid-area: 2 / 2 / 3 / 3; } #w-node-aca4ddf2-34ad-dcdf-2181-87594957fb7a-20f054d4 { justify-self: center; } #w-node-aca4ddf2-34ad-dcdf-2181-87594957fb7b-20f054d4 { grid-area: 1 / 2 / 2 / 3; } #w-node-aca4ddf2-34ad-dcdf-2181-87594957fb83-20f054d4 { grid-area: 2 / 2 / 3 / 3; } #w-node-b77cf0a4-756c-6aa7-6493-aa1ea8cdcd1d-20f054d4 { justify-self: center; } #w-node-b77cf0a4-756c-6aa7-6493-aa1ea8cdcd1e-20f054d4 { grid-area: 1 / 2 / 2 / 3; } #w-node-b95fb83e-8523-c84f-1b11-c7e7ed445aac-20f054d4 { justify-self: center; } #w-node-b95fb83e-8523-c84f-1b11-c7e7ed445aad-20f054d4 { grid-area: 1 / 2 / 2 / 3; } #w-node-a8a3bd34-7b3a-3b92-a6a5-3e7e7b9da491-20f054d4 { justify-self: center; } #w-node-a8a3bd34-7b3a-3b92-a6a5-3e7e7b9da492-20f054d4 { grid-area: 1 / 2 / 2 / 3; } #w-node-aca4ddf2-34ad-dcdf-2181-87594957fb97-20f054d4 { justify-self: center; } #w-node-aca4ddf2-34ad-dcdf-2181-87594957fb98-20f054d4, #w-node-_52026a94-2c69-c41d-bc68-91d5662d924a-20f054d4 { grid-area: 1 / 2 / 2 / 3; } #w-node-_52026a94-2c69-c41d-bc68-91d5662d9250-20f054d4 { grid-area: 2 / 2 / 3 / 3; } #w-node-_368e0349-b623-de75-7cd2-447703129f16-20f054d4, #w-node-_368e0349-b623-de75-7cd2-447703129f1b-20f054d4, #w-node-_368e0349-b623-de75-7cd2-447703129f20-20f054d4, #w-node-_368e0349-b623-de75-7cd2-447703129f25-20f054d4, #w-node-_368e0349-b623-de75-7cd2-447703129f2a-20f054d4, #w-node-_368e0349-b623-de75-7cd2-447703129f2f-20f054d4 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_15a23cde-b213-97cc-cada-f156d1d12d1c-d1d12d15, #w-node-_6345f92f-e761-cf22-6f75-47ef73595ded-73595de6 { align-self: end; } #w-node-_862aa59d-e3ab-2cd7-efb9-6c70d8152a63-d8152a49 { align-self: auto; } #w-node-_5498e368-7605-d63c-c5a3-9297e2e2f81c-e2e2f810 { place-self: start end; } #w-node-_5498e368-7605-d63c-c5a3-9297e2e2f821-e2e2f810 { place-self: auto; } #w-node-b87e07f7-be4a-ccf0-0cb5-f962aca90772-aca9076e { align-self: end; } #w-node-b87e07f7-be4a-ccf0-0cb5-f962aca90776-aca9076e { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b87e07f7-be4a-ccf0-0cb5-f962aca90778-aca9076e, #w-node-b87e07f7-be4a-ccf0-0cb5-f962aca90787-aca9076e, #w-node-b87e07f7-be4a-ccf0-0cb5-f962aca90796-aca9076e { align-self: stretch; } #w-node-_89e1a5de-387a-f3d0-fa32-ba20632c3c89-632c3c85 { align-self: end; } #w-node-_89e1a5de-387a-f3d0-fa32-ba20632c3c8d-632c3c85 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_89e1a5de-387a-f3d0-fa32-ba20632c3c94-632c3c85, #w-node-_89e1a5de-387a-f3d0-fa32-ba20632c3caf-632c3c85, #w-node-_89e1a5de-387a-f3d0-fa32-ba20632c3cc9-632c3c85 { align-self: stretch; } #w-node-_6322da12-9768-d90f-2ee5-bf3935eb380c-3916ae65 { grid-area: 1 / 2 / 2 / 3; } #w-node-_6322da12-9768-d90f-2ee5-bf3935eb380d-3916ae65 { grid-area: 1 / 2 / 3 / 4; } #w-node-_6322da12-9768-d90f-2ee5-bf3935eb3811-3916ae65 { grid-area: 1 / 1 / 2 / 5; place-self: center; } #w-node-_6322da12-9768-d90f-2ee5-bf3935eb3817-3916ae65 { grid-area: 2 / 1 / 3 / 2; align-self: end; } #w-node-d91f1257-0be0-e500-15ce-500a62b2a46f-3916ae65 { grid-area: span 1 / span 3 / span 1 / span 3; place-self: center; } #w-node-c22f313b-1ffb-8eeb-01b7-38c5d21c0da4-3916ae65 { grid-area: 1 / 2 / 2 / 3; } #w-node-c22f313b-1ffb-8eeb-01b7-38c5d21c0da6-3916ae65 { grid-area: 1 / 1 / 2 / 5; justify-self: center; } #w-node-_06c33e57-aa2f-6799-9378-4a435d270dee-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270df7-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e00-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e09-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e12-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e24-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e2c-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e33-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e3a-5d270ddf { justify-self: center; } #w-node-_06c33e57-aa2f-6799-9378-4a435d270e41-5d270ddf { justify-self: end; } #w-node-_06c33e57-aa2f-6799-9378-4a435d270e51-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e58-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e5f-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e66-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e6d-5d270ddf { justify-self: center; } #w-node-_956ec404-914e-a2e8-aa4a-923618abc2e6-18abc2e3 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-f043b73e-ef6c-dbb8-ddb9-a048b0c4afcb-776db3e0, #w-node-f043b73e-ef6c-dbb8-ddb9-a048b0c4afd4-776db3e0, #w-node-f043b73e-ef6c-dbb8-ddb9-a048b0c4afdd-776db3e0, #w-node-f043b73e-ef6c-dbb8-ddb9-a048b0c4afe6-776db3e0, #w-node-f043b73e-ef6c-dbb8-ddb9-a048b0c4afef-776db3e0, #w-node-_91e590dc-86b4-6283-3779-63d9d1480621-776db3e0, #w-node-_91e590dc-86b4-6283-3779-63d9d1480629-776db3e0, #w-node-_91e590dc-86b4-6283-3779-63d9d1480630-776db3e0, #w-node-_91e590dc-86b4-6283-3779-63d9d1480637-776db3e0 { justify-self: center; } #w-node-_91e590dc-86b4-6283-3779-63d9d148063e-776db3e0 { justify-self: end; } #w-node-_1cad7d7d-9e60-fb15-ad1f-18fe579976db-776db3e0, #w-node-_1cad7d7d-9e60-fb15-ad1f-18fe579976e2-776db3e0, #w-node-_1cad7d7d-9e60-fb15-ad1f-18fe579976e9-776db3e0, #w-node-_1cad7d7d-9e60-fb15-ad1f-18fe579976f0-776db3e0, #w-node-_1cad7d7d-9e60-fb15-ad1f-18fe579976f7-776db3e0 { justify-self: center; } #w-node-c22f313b-1ffb-8eeb-01b7-38c5d21c0da4-776db3e0 { grid-area: 1 / 2 / 2 / 3; } #w-node-c22f313b-1ffb-8eeb-01b7-38c5d21c0da6-776db3e0 { grid-area: 1 / 1 / 2 / 5; justify-self: center; } #w-node-_2a9e3de7-680f-c59c-f6ad-b5b81a6934d9-64389f16 { grid-area: 1 / 2 / 2 / 3; } #w-node-_2a9e3de7-680f-c59c-f6ad-b5b81a6934da-64389f16 { grid-area: 1 / 1 / 3 / 2; } #w-node-_2a9e3de7-680f-c59c-f6ad-b5b81a6934db-64389f16 { grid-area: 1 / 1 / 2 / 3; place-self: stretch stretch; } #w-node-_2a9e3de7-680f-c59c-f6ad-b5b81a6934df-64389f16 { grid-area: span 1 / span 1 / span 1 / span 1; place-self: center end; } #w-node-_2a9e3de7-680f-c59c-f6ad-b5b81a6934e3-64389f16 { align-self: end; } #w-node-b653c438-2680-1019-26d4-701b72c0d024-64389f16 { grid-area: 1 / 2 / 2 / 3; } #w-node-b653c438-2680-1019-26d4-701b72c0d026-64389f16 { align-self: start; } #w-node-b653c438-2680-1019-26d4-701b72c0d028-64389f16 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-e9540d5c-cf66-540b-6b0b-db49fa340645-64389f16 { grid-area: 1 / 1 / 3 / 2; align-self: end; } #scroll.w-node-e9540d5c-cf66-540b-6b0b-db49fa340651-64389f16 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-baf12431-22df-90b0-ca73-2ebb7947f5a5-64389f16 { grid-area: 1 / 2 / 2 / 3; } #w-node-baf12431-22df-90b0-ca73-2ebb7947f5a9-64389f16 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_189cc0d6-f9c4-13d3-60f8-4f6f79c0ef82-79c0ef80 { grid-area: 1 / 2 / 2 / 3; } #w-node-_189cc0d6-f9c4-13d3-60f8-4f6f79c0ef86-79c0ef80 { grid-area: 2 / 1 / 3 / 2; } #w-node-_189cc0d6-f9c4-13d3-60f8-4f6f79c0ef90-79c0ef80 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: stretch; } #w-node-fbfbdfa3-3a46-2494-9f70-31b4a9e384c4-a9e384b1, #w-node-fbfbdfa3-3a46-2494-9f70-31b4a9e384d1-a9e384b1, #w-node-fbfbdfa3-3a46-2494-9f70-31b4a9e384de-a9e384b1, #w-node-fbfbdfa3-3a46-2494-9f70-31b4a9e384fd-a9e384b1, #w-node-fbfbdfa3-3a46-2494-9f70-31b4a9e38524-a9e384b1, #w-node-fbfbdfa3-3a46-2494-9f70-31b4a9e38535-a9e384b1, #w-node-_22b250cc-011d-a74e-bac1-0eec0f41243e-0f412432, #w-node-_22b250cc-011d-a74e-bac1-0eec0f412440-0f412432, #w-node-_22b250cc-011d-a74e-bac1-0eec0f412442-0f412432, #w-node-_22b250cc-011d-a74e-bac1-0eec0f412444-0f412432, #w-node-_22b250cc-011d-a74e-bac1-0eec0f412446-0f412432, #w-node-_22b250cc-011d-a74e-bac1-0eec0f412448-0f412432, #w-node-_22b250cc-011d-a74e-bac1-0eec0f41244a-0f412432, #w-node-_22b250cc-011d-a74e-bac1-0eec0f41244c-0f412432, #w-node-_22b250cc-011d-a74e-bac1-0eec0f41244e-0f412432, #w-node-_22b250cc-011d-a74e-bac1-0eec0f412450-0f412432, #w-node-_22b250cc-011d-a74e-bac1-0eec0f412452-0f412432, #w-node-_22b250cc-011d-a74e-bac1-0eec0f412454-0f412432, #w-node-_22b250cc-011d-a74e-bac1-0eec0f412456-0f412432, #w-node-_22b250cc-011d-a74e-bac1-0eec0f412458-0f412432, #w-node-_22b250cc-011d-a74e-bac1-0eec0f41245a-0f412432 { grid-area: span 1 / span 1 / span 1 / span 1; } @media screen and (max-width: 991px) { #w-node-_5498e368-7605-d63c-c5a3-9297e2e2f81c-e2e2f810 { justify-self: auto; } #w-node-_6322da12-9768-d90f-2ee5-bf3935eb380d-3916ae65 { grid-row-start: 2; grid-column-start: 1; } #w-node-_6322da12-9768-d90f-2ee5-bf3935eb3811-3916ae65 { grid-column-end: 4; } #w-node-_6322da12-9768-d90f-2ee5-bf3935eb3817-3916ae65 { grid-column-end: 3; } #w-node-c22f313b-1ffb-8eeb-01b7-38c5d21c0da6-3916ae65, #w-node-c22f313b-1ffb-8eeb-01b7-38c5d21c0da6-776db3e0 { grid-column-end: 4; } #w-node-_2a9e3de7-680f-c59c-f6ad-b5b81a6934d6-64389f16 { grid-area: 2 / 1 / 3 / 4; } #w-node-_2a9e3de7-680f-c59c-f6ad-b5b81a6934d9-64389f16 { grid-row-start: 1; } #w-node-_2a9e3de7-680f-c59c-f6ad-b5b81a6934db-64389f16 { grid-column-end: 4; } #w-node-_2a9e3de7-680f-c59c-f6ad-b5b81a6934dc-64389f16 { justify-self: center; } #w-node-_2a9e3de7-680f-c59c-f6ad-b5b81a6934df-64389f16 { order: 9999; justify-self: center; } #w-node-_2a9e3de7-680f-c59c-f6ad-b5b81a6934e3-64389f16 { justify-self: center; } #w-node-e9540d5c-cf66-540b-6b0b-db49fa340645-64389f16 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_189cc0d6-f9c4-13d3-60f8-4f6f79c0ef86-79c0ef80 { order: -9999; grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_189cc0d6-f9c4-13d3-60f8-4f6f79c0ef90-79c0ef80 { grid-area: span 1 / span 1 / span 1 / span 1; } } @media screen and (max-width: 767px) { #w-node-_618f72cc-537c-afd0-54f4-48b09df31cc0-4061750a, #w-node-b87e07f7-be4a-ccf0-0cb5-f962aca90776-aca9076e, #w-node-_89e1a5de-387a-f3d0-fa32-ba20632c3c8d-632c3c85 { grid-column: span 1 / span 1; } #w-node-_6322da12-9768-d90f-2ee5-bf3935eb380d-3916ae65, #w-node-_6322da12-9768-d90f-2ee5-bf3935eb3811-3916ae65, #w-node-_6322da12-9768-d90f-2ee5-bf3935eb3817-3916ae65, #w-node-c22f313b-1ffb-8eeb-01b7-38c5d21c0da6-3916ae65, #w-node-c22f313b-1ffb-8eeb-01b7-38c5d21c0da6-776db3e0 { grid-column-end: 2; } } @media screen and (max-width: 479px) { #w-node-_06c33e57-aa2f-6799-9378-4a435d270dee-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270df7-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e00-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e09-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e12-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e24-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e2c-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e33-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e3a-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e41-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e51-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e58-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e5f-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e66-5d270ddf, #w-node-_06c33e57-aa2f-6799-9378-4a435d270e6d-5d270ddf, #w-node-f043b73e-ef6c-dbb8-ddb9-a048b0c4afcb-776db3e0, #w-node-f043b73e-ef6c-dbb8-ddb9-a048b0c4afd4-776db3e0, #w-node-f043b73e-ef6c-dbb8-ddb9-a048b0c4afdd-776db3e0, #w-node-f043b73e-ef6c-dbb8-ddb9-a048b0c4afe6-776db3e0, #w-node-f043b73e-ef6c-dbb8-ddb9-a048b0c4afef-776db3e0, #w-node-_91e590dc-86b4-6283-3779-63d9d1480621-776db3e0, #w-node-_91e590dc-86b4-6283-3779-63d9d1480629-776db3e0, #w-node-_91e590dc-86b4-6283-3779-63d9d1480630-776db3e0, #w-node-_91e590dc-86b4-6283-3779-63d9d1480637-776db3e0, #w-node-_91e590dc-86b4-6283-3779-63d9d148063e-776db3e0, #w-node-_1cad7d7d-9e60-fb15-ad1f-18fe579976db-776db3e0, #w-node-_1cad7d7d-9e60-fb15-ad1f-18fe579976e2-776db3e0, #w-node-_1cad7d7d-9e60-fb15-ad1f-18fe579976e9-776db3e0, #w-node-_1cad7d7d-9e60-fb15-ad1f-18fe579976f0-776db3e0, #w-node-_1cad7d7d-9e60-fb15-ad1f-18fe579976f7-776db3e0 { justify-self: center; } }