:root { --_theme---background: var(--swatch--light-100); --_text-style---font-family: var(--_typography---font--primary-family); --_theme---text: var(--swatch--dark-900); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_typography---line-height--huge: 1.5; --swatch--brand-500: #f4f444; --_theme---heading-accent: var(--swatch--brand-600); --_typography---font-size--h2: clamp(1.8 * 1rem, ((1.8 - ((2.4 - 1.8) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.4 - 1.8) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.4 * 1rem); --_text-style---text-wrap: pretty; --_typography---line-height--medium: 1.1; --_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-size--h3: clamp(1.5 * 1rem, ((1.5 - ((1.8 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.8 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.8 * 1rem); --_spacing---space--3: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --_spacing---space--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); --_typography---font--primary-bold: 700; --_gap---size: var(--site--gutter); --_column-count---value: 1; --_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--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); --_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); --_typography---line-height--large: 1.3; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_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); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_typography---line-height--small: 1; --_typography---letter-spacing--tight: -.03em; --_typography---letter-spacing--normal: 0em; --swatch--light-100: white; --radius--large: 2rem; --_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); --_theme---background-3: var(--swatch--light-300); --_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); --swatch--transparent: transparent; --max-width--main: calc(var(--site--viewport-max) * 1rem); --site--margin: 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); --max-width--full: 100%; --site--viewport-max: 106; --site--viewport-min: 20; --max-width--small: clamp(65 * 1rem, ((999 - ((65 - 999) / (90 - 20) * 20)) * 1rem + ((65 - 999) / (90 - 20)) * 100vw), 999 * 1rem); --_theme---selection--text-inverse: var(--swatch--light-100); --border-width--main: .094rem; --_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); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---border: var(--swatch--dark-900-o20); --site--gutter: clamp(1 * 1rem, ((1 - ((2 - 1) / (90 - 20) * 20)) * 1rem + ((2 - 1) / (90 - 20)) * 100vw), 2 * 1rem); --_theme---background-2: var(--swatch--light-200); --_typography---font--primary-family: Fustat, sans-serif; --_typography---font--primary-regular: 400; --_typography---font--primary-medium: 500; --radius--small: .5rem; --radius--main: 1rem; --radius--round: 100vw; --swatch--dark-900-o20: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent); --swatch--light-100-o20: color-mix(in srgb, var(--swatch--light-100) 20%, transparent); --_button-style---border: var(--_theme---button-primary--border); --_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 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --swatch--dark-800: #2f2b2d; --swatch--dark-900: #25343c; --swatch--brand-text: var(--swatch--dark-900); --_theme---black: black; --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_theme---text-link--text: var(--_theme---text); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_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); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_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--brand-text-o20: color-mix(in srgb, var(--swatch--brand-text) 20%, transparent); --swatch--light-300: #f7fafc; --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); --nav--height: 4rem; --nav--hamburger-thickness: var(--border-width--main); --nav--spacing-inner-horizontal: var(--_spacing---space--5); --nav--hamburger-gap: var(--_spacing---space--2); --focus--width: .125rem; --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%); --_text-style---text-transform: var(--_typography---text-transform--none); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --site--column-count: 12; --focus--offset-outer: .1875rem; --swatch--light-200: #ebebeb; --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-900: color-mix(in srgb, var(--swatch--brand-500), black 80%); --swatch--brand-600: color-mix(in srgb, var(--swatch--brand-500), black 20%); --_alignment---direction: start; --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_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); --nav--banner-height: 2.4rem; --nav--menu-open-duration: var(--nav-duration, .4s); --_typography---font--primary-trim-top: .38em; --_typography---font--primary-trim-bottom: .38em; --nav--menu-close-duration: var(--nav-duration, .4s); --nav--dropdown-open-duration: var(--nav-duration, .4s); --nav--dropdown-close-duration: var(--nav-duration, .4s); --_typography---letter-spacing--heading: 0em; --_typography---font-size--h6: clamp(1 * 1rem, ((1 - ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.125 * 1rem); --_typography---font-size--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--h1: clamp(2.4 * 1rem, ((2.4 - ((3.125 - 2.4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3.125 - 2.4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3.125 * 1rem); --_typography---font-size--display: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7 * 1rem); --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)); --_typography---text-transform--none: var(--text-transform, none); --_typography---text-transform--uppercase: uppercase; --_typography---text-transform--capitalize: capitalize; --_typography---text-transform--lowercase: lowercase; } body { background-color: var(--_theme---background); font-family: var(--_text-style---font-family); color: var(--_theme---text); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_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%; } img:hover:where(.w-variant-4ebc5b5d-fa7b-fef8-b689-93ce310cc2dc), img:hover:where(.w-variant-0c15eeb4-29f0-3e28-050e-22821ede404b) { color: var(--swatch--brand-500); } strong { color: var(--swatch--brand-500); font-weight: inherit; } strong:where(.w-variant-792802b6-ccdb-f982-5023-5fa970cf03d0) { color: var(--_theme---heading-accent); font-weight: inherit; } blockquote { border-style: none; padding: 0; } figure { margin-bottom: 0; } .c-heading { font-family: var(--_text-style---font-family); font-size: var(--_typography---font-size--h2); 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); } .c-heading: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---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--6); --_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); } .c-heading:where(.w-variant-433d40c6-c261-f13f-c899-61d2cadf150f) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--large); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_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); } .c-heading: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--large); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_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); } .c-heading: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---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: 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); } .c-heading: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--huge); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: 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); } .c-heading: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---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: 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); } .c-heading: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---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: 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); } .c-heading: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---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: 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); } .c-heading: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---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: 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); } .c-heading:where(.w-variant-fc26c14e-9aca-c876-3ea0-44fd5c59eb95) { font-size: var(--_typography---font-size--h2); } .c-heading.u-margin-bottom-4, .c-heading.u-margin-bottom-4:where(.w-variant-fc26c14e-9aca-c876-3ea0-44fd5c59eb95) { line-height: var(--_typography---line-height--medium); } .c-heading.h1 { margin-bottom: var(--_spacing---space--4); --_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--large); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_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); animation-name: slideUp; } .c-heading.h1.u-color-brand.card-icon-company { font-size: 9rem; } .c-heading.h1.word-wrap.u-margin-trim.u-child-contain { min-width: auto; } .c-paragraph { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .c-paragraph: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---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--6); --_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); } .c-paragraph: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--large); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_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); } .c-paragraph:where(.w-variant-efb733fe-da83-69a3-ea4a-b3f2f89d0389) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--large); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_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); } .c-paragraph: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--large); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_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); } .c-paragraph: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---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: 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); } .c-paragraph: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--huge); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: 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); } .c-paragraph: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---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: 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); } .c-paragraph: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---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: 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); } .c-paragraph: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---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: 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); } .c-paragraph:where(.w-variant-4099173f-f581-635c-a5fe-cf4a89c62029) { --_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---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: 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); } .c-paragraph.cards-anim_text.u-margin-bottom-2 { margin-bottom: var(--_spacing---space--3); } .c-paragraph.cards-anim_text.u-margin-bottom-3 { margin-bottom: var(--_spacing---space--1); } .c-paragraph.is-eybrow { font-weight: var(--_typography---font--primary-bold); } .c-grid { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 1; --_gap---size: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--type, auto-fit), minmax(min(max(calc(var(--column-width, 18) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); display: grid; } .c-grid:where(.w-variant-2d129b71-f389-2bb5-157e-4c6664b6f1f7) { --_column-count---value: 2; } .c-grid:where(.w-variant-205cb359-64f4-9613-16be-7b6ea21da130) { --_column-count---value: 3; } .c-grid:where(.w-variant-a43392db-4e92-372b-85af-453fa5f58a0b) { --_column-count---value: 4; } .c-grid:where(.w-variant-a49c393c-8eb9-9702-a7f7-b0d31c2535b6) { --_column-count---value: 5; } .c-grid:where(.w-variant-1fa34b50-a837-2ff8-cbdc-a25a0f0f655e) { --_column-count---value: 6; } .c-grid:where(.w-variant-40a5ac65-6ad6-ab31-f112-a487dd6f4194) { --_column-count---value: 7; } .c-grid:where(.w-variant-acca940a-8500-4c63-671b-ba41437b73b7) { --_column-count---value: 8; } .c-grid:where(.w-variant-3f4418b6-400a-afb6-8442-1ca7dcd18498) { --_column-count---value: 9; } .c-grid:where(.w-variant-6ad0d720-f0d5-1ea4-b1b1-2599a18bd67d) { --_column-count---value: 10; } .c-grid:where(.w-variant-d8367f61-c746-929f-bff3-d9477c01c581) { --_column-count---value: 11; } .c-grid:where(.w-variant-fd7db3dc-d58a-e1d7-ed64-9b8a1a6798b5), .c-grid._12, .c-grid._12-3 { --_column-count---value: 12; } .c-grid._2 { --_column-count---value: 2; } .c-grid.masnry_grid { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .c-grid.masnry_grid:where(.w-variant-2d129b71-f389-2bb5-157e-4c6664b6f1f7) { column-count: 2; column-gap: 3rem; width: 100%; height: auto; padding-left: 0; padding-right: 0; display: block; } .c-grid.masnry_grid:where(.w-variant-205cb359-64f4-9613-16be-7b6ea21da130), .c-grid.masnry_grid:where(.w-variant-a43392db-4e92-372b-85af-453fa5f58a0b) { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); padding-left: 0; padding-right: 0; } .c-grid.masnry_grid:where(.w-variant-fd7db3dc-d58a-e1d7-ed64-9b8a1a6798b5) { padding-left: 0; padding-right: 0; } .c-grid.masnry_grid._12-5 { --_column-count---value: 12; } .c-grid.masnry_grid._2-3 { column-count: 2; --_column-count---value: 2; column-gap: 2rem; width: 100%; height: auto; display: block; } .c-grid.card_wrap { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--type, auto-fit), minmax(min(max(calc(var(--column-width, 18) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); flex-flow: row; justify-content: flex-start; display: flex; } .c-grid._2-5 { --_column-count---value: 2; } .u-theme-light { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--light-100); --_theme---text: var(--swatch--dark-900); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-3: var(--swatch--light-300); --_theme---selection--text-inverse: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---border: var(--swatch--dark-900-o20); --_theme---background-2: var(--swatch--light-200); --_theme---black: black; --_theme---text-link--text: var(--_theme---text); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_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); } .u-theme-dark { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-100); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-3: var(--swatch--light-300); --_theme---selection--text-inverse: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---background-2: var(--swatch--dark-800); --_theme---text-link--text: var(--_theme---text); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---nav--background: var(--_theme---background-2); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_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); } .u-theme-brand { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-text); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---background-3: var(--swatch--light-300); --_theme---selection--text-inverse: var(--swatch--brand-text-o20); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---border: var(--swatch--brand-text-o20); --_theme---background-2: var(--swatch--brand-600); --_theme---text-link--text: var(--_theme---text); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: 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); } .u-text-style-display { 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--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---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--6); --_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--large); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_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--h2); --_text-style---line-height: var(--_typography---line-height--large); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_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.cards-anim_title { margin-bottom: var(--_spacing---space--1); line-height: var(--_typography---line-height--large); } .u-text-style-h3 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--large); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_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-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---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: 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-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--huge); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: 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-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---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: 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-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---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: 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---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: 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---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: 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--large); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h2 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--large); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_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--large); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_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---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: 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); } .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--huge); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: 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-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---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: 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-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---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: 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-section { color: var(--_theme---text); flex-flow: column; justify-content: center; align-items: stretch; display: flex; overflow: hidden; } .u-section:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--light-100); --_theme---text: var(--swatch--dark-900); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-3: var(--swatch--light-300); --_theme---selection--text-inverse: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---border: var(--swatch--dark-900-o20); --_theme---background-2: var(--swatch--light-200); --_theme---black: black; --_theme---text-link--text: var(--_theme---text); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_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); } .u-section:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-100); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-3: var(--swatch--light-300); --_theme---selection--text-inverse: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---background-2: var(--swatch--dark-800); --_theme---text-link--text: var(--_theme---text); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---nav--background: var(--_theme---background-2); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_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); } .u-section.rounded { background-color: var(--swatch--light-100); } .u-section.rounded.brand { border-radius: var(--radius--large); background-color: var(--_theme---background); --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-text); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---background-3: var(--swatch--light-300); --_theme---selection--text-inverse: var(--swatch--brand-text-o20); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---border: var(--swatch--brand-text-o20); --_theme---background-2: var(--swatch--brand-600); --_theme---text-link--text: var(--_theme---text); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: 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); overflow: hidden; } .u-section.rounded.light { --_theme---background: var(--swatch--light-100); --_theme---text: var(--swatch--dark-900); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-3: var(--swatch--light-300); --_theme---selection--text-inverse: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---border: var(--swatch--dark-900-o20); --_theme---background-2: var(--swatch--light-200); --_theme---black: black; --_theme---text-link--text: var(--_theme---text); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_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); } .u-section.rounded.u-background-3, .u-section.rounded.brand_slider { background-color: var(--_theme---background-3); } .u-section.image_full_wrap { border-radius: var(--radius--large); } .u-section.image_section_wrap { padding-top: var(--_spacing---space--4); background-color: var(--_theme---background-3); } .u-section.u-background-3 { aspect-ratio: auto; } .u-section.u-background-3.round-section { border-radius: var(--radius--large); } .u-section.image_section_wraper { padding-top: var(--_spacing---space--4); background-color: var(--_theme---background-3); } .u-section.image_section_wraper.u-container.u-padding-8 { background-color: var(--swatch--transparent); } .u-section.image_section_wraper.is-on-background { border-top-left-radius: var(--radius--large); border-top-right-radius: var(--radius--large); background-color: var(--_theme---background-3); padding-top: 1rem; } .u-container { z-index: 1; max-width: var(--max-width--main); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; container: threshold-large / inline-size; } .u-container.u-padding-top-6.u-logos-wrap { flex-flow: column; justify-content: space-around; display: flex; } .u-container.u-padding-top-6.u-logos-wrap.u-flex-vertical-nowrap.u-justify-content-between, .u-container.u-padding-top-6.u-flex-vertical-nowrap.u-justify-content-between.u-margin-trim { height: 100%; } .u-container.u-padding-top-6.card_content { height: var(--max-width--full); padding-top: 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); flex-flow: column; align-items: flex-start; display: flex; } .u-container.u-margin-trim.card_layout { flex-flow: column; align-items: flex-start; height: 100%; display: flex; } .u-container.card-flex { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; height: 100%; display: flex; } .u-container.card-flex.lega_card { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); } .u-container.test-class { width: 720px; } .u-container.masnry { grid-column-gap: 16px; grid-row-gap: 16px; column-count: 2; column-rule-width: 0px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; column-gap: 30px; } .u-container.card_person_layout { grid-column-gap: 16px; grid-row-gap: 16px; border-radius: var(--radius--large); background-color: var(--swatch--brand-500); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding: 1rem; display: grid; overflow: hidden; } .u-container.flex-align { grid-row-gap: var(--_spacing---space--1); flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-bottom: 0; display: flex; } .u-container-small { z-index: 1; max-width: var(--max-width--small); margin-right: auto; margin-bottom: var(--_spacing---space--8); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; overflow: hidden; container: threshold-large / inline-size; } .u-container-full { z-index: 1; max-width: var(--max-width--full); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; container: threshold-large / inline-size; } .u-svg { width: 100%; max-width: 1rem; 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-svg:where(.w-variant-aca882f0-075e-3c5a-11d4-2ee0c47ada7a) { transform: rotate(-180deg); } .u-svg:where(.w-variant-aca882f0-075e-3c5a-11d4-2ee0c47ada7b) { transform: rotate(-90deg); } .u-svg:where(.w-variant-aca882f0-075e-3c5a-11d4-2ee0c47ada7c) { transform: rotate(90deg); } .u-svg:where(.w-variant-a8c13e07-17d5-38e0-789c-d0832bffa9a7) { transform: rotate(-180deg); } .u-svg:where(.w-variant-a8c13e07-17d5-38e0-789c-d0832bffa9a8) { transform: rotate(-90deg); } .u-svg:where(.w-variant-a8c13e07-17d5-38e0-789c-d0832bffa9a9) { transform: rotate(90deg); } .u-svg:where(.w-variant-4ebc5b5d-fa7b-fef8-b689-93ce310cc2dc), .u-svg:where(.w-variant-0c15eeb4-29f0-3e28-050e-22821ede404b) { max-width: 2rem; } .u-svg.settings { max-width: 4rem; } .u-svg.circle { color: var(--_theme---selection--text-inverse); } .u-svg.u-svg-medium { max-width: 8rem; height: 8rem; } .u-svg.icon_button_svg:where(.w-variant-4ebc5b5d-fa7b-fef8-b689-93ce310cc2dc), .u-svg.icon_button_svg:where(.w-variant-0c15eeb4-29f0-3e28-050e-22821ede404b) { max-width: 1.125rem; } .u-path { stroke-width: var(--border-width--main); stroke: currentColor; vector-effect: non-scaling-stroke; } .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-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-heading-accent strong { color: var(--_theme---heading-accent); font-weight: inherit; } .u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 { display: -webkit-box; overflow: hidden; } .u-content-wrapper { text-align: var(--_alignment---direction, start); } .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-content-wrapper.hero_content { border-radius: var(--radius--large); flex-flow: column; align-items: flex-start; min-height: 35rem; padding-top: 0; padding-bottom: 0; display: flex; } .u-content-wrapper.hero_content.job_hero_wrap { background-color: var(--_theme---button-primary--background); color: var(--_theme---text); } .u-content-wrapper.hero_content.hero_subapges { flex-flow: column; align-items: flex-start; display: flex; } .u-content-wrapper.hero_content_case_study { padding: var(--_spacing---space--2) var(--_spacing---space--3) var(--_spacing---space--2) var(--_spacing---space--2); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--large); } .u-content-wrapper.hero_content_case_study.job_hero_wrap { background-color: var(--_theme---button-primary--background); color: var(--_theme---text); } .u-content-wrapper.contact_aside { width: 70%; } .u-button-group { 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-child-contain { justify-content: center; align-items: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: column; min-width: 100%; display: flex; } .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-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-above, .u-grid-below { 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-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: var(--grid-breakout); 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 { align-items: center; } .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 60%, 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: color-mix(in lab, currentcolor 10%, transparent); } .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-full { grid-column: 1 / -1; } .u-column-indent { grid-column: 2 / -2; } .u-column-1 { grid-column-end: span 1; } .u-column-2 { grid-column-end: span 2; } .u-column-3 { grid-column-end: span 3; } .u-column-4 { grid-column-end: span 4; } .u-column-5 { grid-column-end: span 5; } .u-column-6 { grid-column-end: span 6; justify-content: space-around; display: flex; } .u-column-7 { grid-column-end: span 7; } .u-column-8 { grid-column-end: span 8; } .u-column-9 { grid-column-end: span 9; } .u-column-10 { grid-column-end: span 10; } .u-column-11 { grid-column-end: span 11; } .u-column-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-10ch { max-width: 10ch; } .u-max-width-12ch { max-width: 12ch; } .u-max-width-14ch { max-width: 14ch; } .u-max-width-16ch { max-width: 16ch; } .u-max-width-18ch { max-width: 18ch; } .u-max-width-20ch { max-width: 20ch; } .u-max-width-30ch { max-width: 30ch; } .u-max-width-40ch { max-width: 40ch; } .u-max-width-50ch { max-width: 50ch; } .u-max-width-60ch { max-width: 60ch; } .u-max-width-70ch { max-width: 70ch; } .u-max-width-80ch { max-width: 80ch; } .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, .u-display-contents.flex-inline { 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-width-full { width: 100%; } .u-cover { width: 100%; height: 100%; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .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-threshold-large { container-name: threshold-large; } .u-threshold-medium { container-name: threshold-medium; } .u-threshold-small { container-name: threshold-small; } .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: var(--border-width--main) solid var(--swatch--dark-900-o20); border-radius: var(--max-width--main); background-color: var(--_theme---text); color: var(--_theme---background); line-height: var(--_typography---line-height--small); text-align: center; min-width: 4rem; padding: .5rem .75rem; display: inline-block; } .tag_wrap:where(.w-variant-03228006-f3d9-4b23-36f0-062077eab27f) { background-color: var(--swatch--light-100-o20); color: var(--_theme---text); -webkit-text-stroke-color: var(--_theme---border); } .tag_wrap.secondary { border-color: var(--_theme---border); background-color: var(--_theme---background); color: var(--_theme---text); text-align: left; flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .tag_wrap.secondary:where(.w-variant-e5e11997-d1fe-cf66-5e12-623ebafc3e39) { border-color: var(--_theme---button-primary--background); background-color: var(--_theme---button-primary--background); } .tag_wrap.secondary:where(.w-variant-c0df7870-6d9b-c867-fca9-ed5f0c3087e9) { border-color: var(--swatch--light-100); padding-top: .6rem; padding-left: 1rem; padding-right: 1rem; } .tag_wrap.secondary.tertiary { border-color: var(--_button-style---border); background-color: var(--_theme---button-primary--background); } .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_main_label_wrap { text-align: left; width: 100%; } .form_main_label_text.label { margin-bottom: var(--_spacing---space--1); font-size: var(--_typography---font-size--text-small); line-height: var(--_typography---font-size--text-small); display: block; } .form_main_label_text.select_head { font-weight: var(--_typography---font--primary-bold); } .form_main_wrap { padding: var(--_spacing---space--8); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--large); width: 100%; margin-bottom: 0; } .form_main_success_wrap { border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); background-color: var(--swatch--transparent); padding: 1.2rem; } .form_main_layout { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; display: flex; } .form_main_error_wrap { border: var(--border-width--main) solid var(--_theme---border); background-color: #0000; margin-top: 0; padding: .8rem 1.4rem; } .form_main_field { padding-top: 0; padding-right: var(--_spacing---space--3); padding-bottom: 0; padding-left: 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--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(--_typography---font-size--text-main); 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---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: 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); background-color: #0000; outline-style: none; width: 100%; height: 3rem; margin-bottom: 0; display: block; } .form_main_field:focus { border-bottom-color: var(--_theme---text); } .form_main_field::placeholder { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .form_main_field.is-textarea { padding-top: .5rem; padding-left: var(--_spacing---space--3); width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: 8rem; } .button_main_wrap { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); border: var(--border-width--main) solid var(--_button-style---border); border-radius: var(--radius--round); background-color: var(--_button-style---background); color: var(--_button-style---text); text-align: center; vertical-align: middle; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; padding: .75rem 1.5rem; line-height: 1; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; } .button_main_wrap:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab), .button_main_wrap:where(.w-variant-9d5bdbee-a3c5-6cf2-759c-42ec55146ae4), .button_main_wrap:where(.w-variant-d76df839-9960-1aaf-9d49-7b058785c914), .button_main_wrap:where(.w-variant-6fa191c2-e545-81c9-2f1b-ac857841eade), .button_main_wrap:where(.w-variant-fd44954c-0753-7925-c106-2af2cc21f7be) { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .button_main_wrap:where(.w-variant-46051c41-f19d-2976-995f-e0cfd52b9c9b) { border-color: var(--swatch--dark-800); background-color: var(--swatch--dark-900); color: var(--swatch--light-100); } .button_main_wrap:where(.w-variant-4ebc5b5d-fa7b-fef8-b689-93ce310cc2dc) { border-color: var(--swatch--light-100); background-color: var(--swatch--light-100); color: var(--swatch--brand-text); } .button_main_wrap:where(.w-variant-f3b5ca28-72e1-48f2-a5ed-c9a4d1a45db5) { border-color: var(--_theme---black); background-color: var(--_theme---black); color: var(--_theme---selection--text-inverse); } .button_main_wrap:where(.w-variant-0c15eeb4-29f0-3e28-050e-22821ede404b) { border-color: var(--swatch--light-100); background-color: var(--swatch--light-100); color: var(--swatch--brand-text); } .button_main_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .button_main_wrap:hover:where(.w-variant-4ebc5b5d-fa7b-fef8-b689-93ce310cc2dc) { border-color: var(--swatch--dark-900); background-color: var(--swatch--dark-900); color: var(--swatch--light-100); } .button_main_wrap:hover:where(.w-variant-46051c41-f19d-2976-995f-e0cfd52b9c9b), .button_main_wrap:hover:where(.w-variant-0c15eeb4-29f0-3e28-050e-22821ede404b) { border-color: var(--swatch--brand-500); background-color: var(--swatch--brand-500); color: var(--swatch--dark-900); } .button_main_wrap:hover:where(.w-variant-694f01fb-c17f-d0c6-513e-2cd8f8e8b1d2) { border-color: var(--swatch--light-100); background-color: var(--_theme---background); color: var(--_theme---text); } .button_main_wrap:hover:where(.w-variant-f3b5ca28-72e1-48f2-a5ed-c9a4d1a45db5) { border-color: var(--swatch--light-100); background-color: var(--swatch--light-100); color: var(--swatch--brand-text); } .button_main_wrap.secondary { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .button_main_wrap.button_toggle_button { padding: var(--_spacing---space--3) var(--_spacing---space--6) var(--_spacing---space--3) var(--_spacing---space--3); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); border-color: var(--_theme---button-secondary--border-hover); background-color: var(--_theme---button-secondary--background-hover); color: var(--_theme---selection--text-inverse); --_column-count---value: 2; --_gap---size: var(--_spacing---space--4); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; place-items: center stretch; width: 16rem; display: flex; } .button_main_wrap.button_toggle_button.is-active { border-color: var(--swatch--brand-500); background-color: var(--swatch--brand-500); color: var(--swatch--brand-text); } .button_main_wrap.button_main_large_wrap { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); } .button_main_wrap.buttom_dark_wrap { border-color: var(--_theme---button-secondary--background-hover); background-color: var(--_theme---button-secondary--background-hover); color: var(--_theme---button-secondary--text-hover); } .button_main_wrap.buttom_dark_wrap:hover { background-color: var(--swatch--dark-800); } .button_main_wrap.button_white_wrap { border-color: var(--swatch--light-100); background-color: var(--swatch--light-100); } .button_main_wrap.button_white_wrap:hover { color: var(--_theme---text-link--text-hover); } .button_main_wrap.button_white_wrap.button_no_padding { border-radius: 0; padding-left: 0; padding-right: 0; } .button_main_wrap.button_white_wrap.button_no_padding:hover { border-bottom-color: var(--swatch--dark-900); border-radius: 0; } .button_main_text { z-index: 1; line-height: inherit; position: relative; } .button_main_text.u-text-style-main { white-space: nowrap; padding-top: 4px; display: flow-root; } .button_main_text.u-text-style-main.button_toggle_text { text-align: left; --_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--huge); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: 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); flex: none; } .button_main_text.u-text-style-main.u-text-style-large { font-size: var(--_typography---font-size--h3); } .button_main_text.u-text-style-main.button_white_text { color: var(--_theme---text); } .button_toggle_wrap { aspect-ratio: 1; border: var(--border-width--main) solid var(--_button-style---border); border-radius: var(--radius--round); background-color: var(--_button-style---background); color: var(--_button-style---text); vertical-align: middle; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; width: 3rem; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; } .button_toggle_wrap:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57), .button_toggle_wrap:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .button_toggle_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .button_toggle_icon { aspect-ratio: 1; width: 36%; position: relative; } .page_wrap { flex-flow: column; min-height: 100svh; display: flex; overflow: clip; } .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 { text-align: center; } .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; } .eyebrow_wrap { justify-content: var(--_alignment---direction, start); margin-bottom: .25rem; display: flex; } .eyebrow_wrap.is-hero { margin-bottom: .75rem; } .eyebrow_marker { width: var(--border-width--main); font-size: var(--_typography---font-size--text-small); background-color: currentColor; flex: none; padding-bottom: 0; padding-right: 0; display: none; } .eyebrow_text { margin-top: 0; margin-bottom: 0; } .eyebrow_text.u-text-style-main.u-color-brand { color: var(--swatch--brand-500); margin-bottom: .625rem; } .overlay_wrap { background-image: linear-gradient(92deg, #000 46%, #48543ed6 65%, #959a427a 87%, #f4f44400); } .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(16rem, 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_wrap { 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); top: var(--site--margin); max-height: calc(100svh - var(--site--margin) * 2); order: 1; grid-column: 10 / -1; width: 100%; padding: 1rem; position: sticky; 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 { opacity: .6; outline-offset: var(--focus--offset-inner); padding: .125rem 1.1rem; line-height: 1.3em; display: block; } .styleguide_nav_sub_link:hover, .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: 0; display: block; } .button_toggle_play { display: block; } .eyebrow_layout { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); color: var(--_theme---text); vertical-align: baseline; display: inline-flex; } .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); flex-flow: column; justify-content: center; align-items: center; display: flex; } .section_contain.u-container.card_person_layout { padding: var(--_spacing---space--2) var(--_spacing---space--2) var(--_spacing---space--2) var(--_spacing---space--6); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); background-color: var(--swatch--brand-500); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .section_contain.u-container.card_person_layout.u-container-small { border-radius: var(--radius--large); overflow: hidden; } .section_contain.u-container.card_person_layout.u-container-small.cv_upload { grid-template-columns: 1fr; } .section_contain.u-container.card_person_layout.u-container-small.person_card_wrap { padding-right: var(--_spacing---space--3); } .form_main_radio_input { z-index: 2; cursor: pointer; -webkit-appearance: none; appearance: none; outline-style: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .form_main_fieldset_wrap { width: 100%; } .form_main_radio_circle_wrap { aspect-ratio: 1; border: var(--border-width--main) solid var(--_theme---border); border-radius: 100vw; flex: none; justify-content: center; align-items: center; width: 1.5rem; padding: 0; display: flex; } .form_main_radio_label { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); font-weight: inherit; justify-content: flex-start; align-items: center; margin-bottom: 0; display: flex; position: relative; } .form_main_radio_circle_inner { aspect-ratio: 1; opacity: 0; background-color: currentColor; border-radius: 100vw; width: 80%; padding: 0; } .form_main_fieldset_list { margin-top: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .form_main_checkbox_label { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); font-weight: inherit; justify-content: flex-start; align-items: center; margin-bottom: 0; display: flex; position: relative; } .form_main_checkbox_input { z-index: 2; cursor: pointer; -webkit-appearance: none; appearance: none; outline-style: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .form_main_checkbox_box { aspect-ratio: 1; border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--small); flex: none; justify-content: center; align-items: center; width: 1.6rem; padding: 0; display: flex; } .form_main_checkbox_icon { opacity: 0; color: var(--_theme---background); width: 63%; overflow: visible !important; } .background_wrap:where(.w-variant-cd5f9287-5b9f-b1bf-cfe9-3449eb06f297) { background-color: var(--_theme---background); } .background_wrap:where(.w-variant-eb0f2029-84f7-ce58-38ea-0afc3f5a3171) { background-color: var(--_theme---background-2); } .form_main_select_wrap { border-radius: 0; justify-content: flex-end; align-items: center; display: flex; position: relative; } .form_main_select_icon { margin-right: var(--_spacing---space--3); pointer-events: none; width: .8em; display: block; position: absolute; overflow: visible !important; } .section_wrap { background-color: #0000; } .section_wrap:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--light-100); --_theme---text: var(--swatch--dark-900); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-3: var(--swatch--light-300); --_theme---selection--text-inverse: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---border: var(--swatch--dark-900-o20); --_theme---background-2: var(--swatch--light-200); --_theme---black: black; --_theme---text-link--text: var(--_theme---text); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_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); } .section_wrap:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-100); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-3: var(--swatch--light-300); --_theme---selection--text-inverse: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---background-2: var(--swatch--dark-800); --_theme---text-link--text: var(--_theme---text); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---nav--background: var(--_theme---background-2); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_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); } .section_wrap:where(.w-variant-bb2c68bd-fd74-aa1e-69b0-e84595dd4ec8) { --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-text); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---background-3: var(--swatch--light-300); --_theme---selection--text-inverse: var(--swatch--brand-text-o20); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---border: var(--swatch--brand-text-o20); --_theme---background-2: var(--swatch--brand-600); --_theme---text-link--text: var(--_theme---text); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: 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); } .section_wrap:where(.w-variant-267dbadf-e769-3a67-e409-aac78069b752) { --_theme---background: var(--swatch--light-100); --_theme---text: var(--swatch--dark-900); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-3: var(--swatch--light-300); --_theme---selection--text-inverse: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---border: var(--swatch--dark-900-o20); --_theme---background-2: var(--swatch--light-200); --_theme---black: black; --_theme---text-link--text: var(--_theme---text); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_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); } .section_wrap:where(.w-variant-267dbadf-e769-3a67-e409-aac78069b753) { --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-100); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-3: var(--swatch--light-300); --_theme---selection--text-inverse: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---background-2: var(--swatch--dark-800); --_theme---text-link--text: var(--_theme---text); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---nav--background: var(--_theme---background-2); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_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); } .section_wrap:where(.w-variant-267dbadf-e769-3a67-e409-aac78069b754) { --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-text); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---background-3: var(--swatch--light-300); --_theme---selection--text-inverse: var(--swatch--brand-text-o20); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---border: var(--swatch--brand-text-o20); --_theme---background-2: var(--swatch--brand-600); --_theme---text-link--text: var(--_theme---text); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: 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); } .form_main_element { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: column; display: flex; } .button_link_wrap { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); border-bottom: var(--border-width--main) solid var(--_theme---text-link--border); color: var(--_theme---text-link--text); padding-top: .5em; padding-bottom: .5em; display: inline-flex; position: relative; } .button_link_wrap:hover { border-bottom-color: var(--_theme---text-link--border-hover); color: var(--_theme---text-link--text-hover); } .button_link_wrap.button_slider_wrap { border-style: none none solid; border-width: var(--border-width--main); border-color: black black var(--swatch--transparent); border-radius: .094rem; } .button_link_wrap.button_slider_wrap:hover { border-style: none none solid; border-color: var(--swatch--light-100) var(--swatch--light-100) var(--swatch--dark-900); } .button_link_text { z-index: 1; position: relative; } .button_link_text.u-text-style-main.u-text-button { padding-top: 1px; } .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; } .slider_bullet_item { aspect-ratio: 1; border: .09rem solid var(--swatch--light-100); background-color: var(--swatch--light-100); border-radius: 100vw; width: 1rem; min-width: 0; padding: 0; } .slider_bullet_item.is-active { border-color: var(--_theme---text); background-color: var(--_theme---text); } .slider_bullet_item.slider_bullet_white { background-color: var(--swatch--light-100); border-style: none; } .slider_bullet_item.slider_bullet_dark { background-color: var(--swatch--brand-text-o20); border-style: none; } .slider_wrap { grid-column-gap: 0rem; grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; overflow: hidden; container-type: inline-size; } .slider_wrap.slider-center { align-items: center; } .slider_wrap.is_carrer { margin-top: 4rem; } .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); --_column-count---value: 2; flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; place-content: center flex-start; align-self: flex-start; place-items: center start; display: grid; } .slider_controls.u-max-width-60ch { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); justify-content: center; } .slider_controls.u-align-items-center.u-justify-content-between.u-flex-horizontal-nowrap { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); grid-template-rows: auto; grid-template-columns: auto 1fr auto 1fr; grid-auto-columns: 1fr; display: grid; } .slider_controls.slider_double { grid-template-columns: 1fr 1fr; justify-content: center; align-self: center; align-items: center; display: flex; } .slider_controls.slider_brand_control { align-self: center; display: flex; } .slider_controls.center-slider { justify-content: center; align-self: center; place-items: center; display: flex; } .slider_button_layout { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: row; justify-content: center; 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%); } .slider_element.swiper:where(.w-variant-f92ba264-b88d-4c15-96e0-1481d6457c44) { overflow: hidden; } .slider_element.swiper:where(.w-variant-f92ba264-b88d-4c15-96e0-1481d6457c45) { -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 { border: var(--border-width--main) none var(--_theme---border); border-radius: var(--radius--large); width: 100%; height: 100%; min-height: 7.375rem; display: flex; } .card_primary_wrap.u-border { background-color: var(--swatch--light-100); border-style: solid; justify-content: center; align-items: flex-start; } .card_primary_wrap.u-border.tech-card_wrap { margin-bottom: var(--_spacing---space--5); break-inside: avoid; padding-top: 0; position: relative; } .card_primary_wrap.u-border.tech-card_wrap.u-padding-4 { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); justify-content: center; align-items: center; min-height: auto; } .card_primary_wrap.u-border.tech-card_wrap.u-padding-4.card_reveal { padding-right: var(--_spacing---space--6); padding-left: var(--_spacing---space--6); justify-content: flex-start; align-items: center; } .card_primary_wrap.u-border.tech-card_wrap.u-theme-dark.color-card { padding-bottom: var(--_spacing---space--2); background-color: var(--_theme---background); margin-top: 40px; } .card_primary_wrap.u-border.small-cards-layout { margin-top: var(--_spacing---space--8); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); background-color: var(--swatch--transparent); border-style: none; border-radius: 0; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .card_primary_wrap.u-border.tech-card { height: auto; } .card_primary_wrap.card_slide_wrap { padding-right: var(--_spacing---space--5); padding-left: var(--_spacing---space--5); } .card_primary_wrap.card_slide_wrap.slider_onbrand { overflow: hidden; } .card_primary_wrap.u-theme-dark.u-margin-trim { flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: flex-start; display: flex; } .card_secondary_inner { padding: var(--_spacing---space--2) var(--_spacing---space--2) var(--_spacing---space--4); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--large); background-color: var(--swatch--light-100); justify-content: flex-start; align-items: center; width: 100%; display: block; position: relative; } .card_secondary_inner.u-theme-dark { background-color: var(--_theme---background); } .card_secondary_inner.card_small { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); border-style: none none solid; border-bottom-color: var(--swatch--transparent); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: auto; padding-left: 0; padding-right: 0; display: flex; } .card_secondary_inner.card_small:hover { border-bottom-style: solid; border-bottom-color: var(--swatch--dark-900); border-radius: 0; padding-left: 0; padding-right: 0; } .card_secondary_inner.slide_card { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); border-radius: var(--radius--large); border-style: none; } .card_secondary_inner.right_side { border-radius: var(--radius--large); height: 100%; } .card_secondary_inner.right_side.is-static { border-style: none; } .card_secondary_inner.right_side.is-static.u-theme-background { background-color: var(--swatch--brand-500); } .card_secondary_inner.card_smaller { padding-right: 0; padding-bottom: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); border-style: none none solid; border-bottom-color: var(--swatch--transparent); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: auto; padding-left: 0; display: flex; } .card_secondary_inner.card_smaller:hover { border-bottom-style: solid; border-bottom-color: var(--swatch--dark-900); border-radius: 0; padding-left: 0; padding-right: 0; } .card_secondary_inner.no-border { border-style: none; } .card_primary_title.u-text-style-h4 { --_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---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: 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); } .card_primary_title.u-text-style-h4.u-margin-bottom-text { --_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--large); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_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); } .button_arrow_wrap { aspect-ratio: 1; border: var(--border-width--main) solid var(--_button-style---border); border-radius: var(--radius--round); background-color: var(--_button-style---background); color: var(--_button-style---text); vertical-align: middle; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; width: 3rem; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; } .button_arrow_wrap:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57), .button_arrow_wrap:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda), .button_arrow_wrap:where(.w-variant-c144d67f-2c62-4dbf-0fd8-0b6056b717ec) { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .button_arrow_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .button_arrow_wrap.button_arrow_white:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) { background-color: var(--swatch--light-100); border-style: none; } .button_arrow_wrap.button_arrow_white:where(.w-variant-e92c764d-03af-42ff-61a5-5465b877852d) { border-color: var(--swatch--dark-900); background-color: var(--swatch--dark-900); color: var(--swatch--brand-500); } .button_arrow_wrap.button_arrow_white:hover:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) { color: var(--_theme---text-link--text); } .button_arrow_wrap.button_arrow_white.secondary-3 { background-color: var(--swatch--dark-900); color: var(--swatch--light-100); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); border-style: none; } .button_arrow_wrap.button_arrow_white.secondary-3:hover { color: var(--swatch--light-100); } .button_arrow_wrap.button_arrow_white.secondary-5 { background-color: var(--swatch--light-100); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); border-style: none; } .button_arrow_wrap.button_arrow_white.secondary-5:hover { color: var(--_theme---text-link--text); } .button_arrow_wrap.button_arrow_dark:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) { background-color: var(--swatch--light-100); border-style: none; } .button_arrow_wrap.button_arrow_dark:hover:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) { color: var(--_theme---text-link--text); } .button_arrow_wrap.button_arrow_dark.secondary-3 { background-color: var(--swatch--dark-900); color: var(--swatch--light-100); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); border-style: none; } .button_arrow_wrap.button_arrow_dark.secondary-3:hover { color: var(--swatch--light-100); } .button_arrow_wrap.button_arrow_dark.secondary-5 { background-color: var(--swatch--dark-900); color: var(--swatch--light-300); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); border-style: none; } .button_arrow_wrap.button_arrow_dark.secondary-5:hover { color: var(--swatch--light-100); } .button_arrow_icon { aspect-ratio: 1; width: 36%; position: relative; } .button_arrow_icon:hover:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda), .button_arrow_icon.secondary-4:hover, .button_arrow_icon.secondary-6:hover { color: var(--_button-style---text); } .accordion_item { padding: var(--_spacing---space--4); } .accordion_item.u-radius-main { border: 1px solid var(--_theme---border); } .accordion_item.u-radius-main.u-margin-bottom-4 { border-radius: var(--radius--large); } .accordion_toggle_icon { aspect-ratio: 1; flex: none; width: 1.4rem; } .accordion_content_wrap { width: 100%; display: none; position: relative; overflow: hidden; } .accordion_content_padding { padding-top: var(--_spacing---space--1); padding-bottom: var(--_spacing---space--5); } .accordion_component { border: 1px #000; } .accordion_toggle_heading { margin-top: 0; margin-bottom: 0; } .accordion_toggle_text.u-text-style-large.u-weight-bold { font-size: var(--_typography---font-size--text-main); } .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 { 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; outline-color: var(--_theme---background) !important; } .nav_links_wrap { flex: 1; } .nav_links_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: row; justify-content: center; align-items: stretch; display: flex; } .nav_banner_wrap { z-index: 1; background-color: var(--_theme---text); 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 { padding-top: 4px; } .nav_dropdown_main_scroll:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding-top: var(--_spacing---space--7); padding-right: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--7); padding-left: var(--_spacing---space--7); 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% 0; 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_main_wrap.w--open { padding-top: var(--_spacing---space--2); overflow: hidden; } .nav_dropdown_main_wrap.w--open:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding-top: var(--_spacing---space--1); border-radius: 0rem 0rem var(--radius--large) var(--radius--large); width: 26rem; } .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); padding: 0px var(--_spacing---space--8); grid-column-gap: var(--_spacing---space--3); pointer-events: auto; justify-content: space-between; width: 100%; margin-left: auto; margin-right: auto; display: flex; position: static; } .nav_dropdown_component { z-index: unset; width: 100%; height: 100%; margin-left: 0; margin-right: 0; position: static; } .nav_dropdown_link { z-index: 2; padding-top: var(--_spacing---space--1); padding-right: 0; padding-bottom: var(--_spacing---space--1); grid-column-gap: var(--_spacing---space--2); cursor: pointer; color: inherit; font-size: var(--text-small--font-size); flex: 1; justify-content: flex-start; align-items: center; width: 100%; padding-left: 0; display: flex; position: relative; outline-offset: var(--focus--offset-inner) !important; } .nav_dropdown_link:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); font-size: inherit; border: 1px #000; 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); background-color: currentColor; flex: none; width: 100%; transition-property: all; transition-duration: .2s; transition-timing-function: ease; } .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-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 { 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---text); margin: .5rem; padding: .5rem; position: absolute; inset: 0% auto auto 0%; transform: translate(-200%); } .nav_skip_wrap:focus { transform: translate(0%); } .nav_button_layout { grid-column-gap: var(--nav--hamburger-gap); grid-row-gap: var(--nav--hamburger-gap); 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: var(--border-width--main) solid var(--_theme---border); display: flex; } .nav_desktop_wrap { z-index: 1; background-color: #0000; display: none; position: relative; } .nav_desktop_contain { max-width: var(--max-width--full); padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); background-color: var(--_theme---nav--background); width: auto; 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: 7.6875rem; display: flex; position: relative; } .nav_desktop_logo:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f), .nav_desktop_logo.w--current { width: 7.6875rem; } .modal_backdrop { background-color: var(--swatch--dark-900); opacity: .5; 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) { 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---text); 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_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_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) { max-width: var(--max-width--main); } .button_close_wrap { aspect-ratio: 1; border: var(--border-width--main) solid var(--_button-style---border); border-radius: var(--radius--round); background-color: var(--_button-style---background); color: var(--_button-style---text); vertical-align: middle; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; width: 3rem; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; } .button_close_wrap:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57), .button_close_wrap:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda), .button_close_wrap:where(.w-variant-c144d67f-2c62-4dbf-0fd8-0b6056b717ec) { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .button_close_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .button_close_icon { aspect-ratio: 1; width: 36%; position: relative; } .button_close_icon.button_switch_icon { width: 16%; } .footer_link_text { border-bottom: var(--border-width--main) solid var(--swatch--transparent); } .footer_link_text:hover { border-bottom: var(--border-width--main) solid var(--swatch--light-100); } .footer_group_wrap { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; flex: 1; display: flex; } .footer_group_wrap.footer_logo_wrap { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); } .footer_contain { padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); } .footer_contain.u-container { grid-column-gap: 8rem; grid-row-gap: 8rem; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .footer_wrap { background-color: var(--_theme---background-2); } .footer_wrap.u-theme-dark { border-top-left-radius: var(--radius--large); border-top-right-radius: var(--radius--large); background-color: var(--_theme---background); } .footer_content { grid-column-gap: var(--site--gutter); grid-row-gap: inherit; flex-flow: column; flex: auto; grid-column: span 4; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); grid-auto-columns: 1fr; display: flex; } .footer_social_link { width: 1.5rem; } .footer_social_list { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: wrap; place-content: center flex-start; align-items: center; display: flex; } .footer_group_title.u-text-style-h6.margin-bott { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); } .footer_group_title.u-text-style-h6.u-margin-bottom-4 { margin-bottom: var(--_spacing---space--2); } .footer_logo_wrap { width: 8rem; } .footer_bottom_list { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: wrap; place-content: center flex-start; align-items: center; display: flex; } .footer_social_wrap { margin-top: auto; } .footer_layout { grid-row-gap: var(--_spacing---space--8); flex-flow: column; justify-content: space-between; align-items: stretch; } .footer_layout.u-grid-above { grid-row-gap: var(--_spacing---space--4); } .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-top: 2.5rem; padding-bottom: 2.5rem; display: flex; } .footer_nav { grid-column-gap: 3rem; grid-row-gap: 3rem; grid-column: span 8; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; 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); } .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); opacity: .7; 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.tab_slide_item { margin-bottom: var(--_spacing---space--4); padding: var(--_spacing---space--7) var(--_spacing---space--6); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); border: 1px solid var(--_theme---border); border-radius: var(--radius--large); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; min-height: 12rem; display: flex; } .tab_button_list { padding-right: var(--site--margin); padding-left: var(--site--margin); margin-left: calc(var(--site--margin) * -1); margin-right: calc(var(--site--margin) * -1); flex-flow: column; display: flex; overflow: auto clip; } .tab_button_list.tabs_link { justify-content: flex-start; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .tab_button_list.tabs_link.u-flex-shrink { justify-content: space-around; } .tab_content_list { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: row; display: block; position: relative; } .tab_button_text.u-text-style-main { --_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--large); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_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); align-self: center; } .tab_button_text.u-text-style-main.u-padding-bottom-4 { --_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--large); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_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); } .tab_wrap { --_column-count---value: 1; flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: block; } .tab_wrap.tab_secondary_wrap { --_column-count---value: 2; } .tab_button_line { height: var(--border-width--main); opacity: 0; background-color: currentColor; width: 100%; position: absolute; inset: auto auto 0% 0%; transform: translate(0, 100%); } .tab_content_wrap { padding-right: var(--site--margin); 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_tag { background-color: var(--_theme---background); } .card_tag.u-radius-main { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); background-color: var(--swatch--light-100); } .card_primary_content { padding: var(--_spacing---space--7) var(--_spacing---space--6); flex: 1; } .card_primary_content.tech-card_wrap { padding: var(--_spacing---space--7) var(--_spacing---space--3) var(--_spacing---space--6); flex-flow: column; height: 100%; } .card_primary_content.tech-card_wrap.card-inn { padding-top: var(--_spacing---space--3); } .card_primary_content.card_small_inner.u-width-full { padding-right: var(--_spacing---space--2); } .card_primary_content.card_small_inner.small-card-wrap { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--large); background-color: var(--swatch--light-100); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; align-items: center; display: flex; } .card_primary_content.card_small_inner.small-card-wrap.u-content-wrapper.u-margin-trim { height: 100%; } .card_primary_content.u-width-full { padding-top: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .card_primary_content.card_small_content { padding-top: var(--_spacing---space--2); padding-right: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .card_primary_content.card_reveal { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; align-items: flex-start; padding-top: 3rem; padding-bottom: 3rem; display: flex; } .card_primary_content.card_tiny_content { padding: var(--_spacing---space--2) var(--_spacing---space--2) var(--_spacing---space--5); } .tab_container_exlabs { text-align: left; } .tab_icon_background { background-color: var(--swatch--light-300); height: 4rem; padding: 1.5rem; } .tab_icon_background.u-radius-main { grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; min-width: 4rem; padding: 0; display: flex; } .image-2 { height: 36px; } .tab_icon_icon { object-fit: none; } .features_wrap.u-section.u-margin-bottom-8 { grid-column-gap: 16px; grid-row-gap: 16px; background-color: var(--swatch--transparent); border-radius: 0; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: stretch; display: flex; } .grid { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 2; grid-template-rows: auto; grid-auto-flow: row; } .list-item { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); justify-content: flex-start; align-items: flex-start; display: flex; } .u-background-3 { aspect-ratio: 16 / 9; } .u-background-3.u-margin-bottom-8 { justify-content: center; align-items: center; display: flex; } .u-background-3.u-margin-bottom-8.u-radius-main { overflow: hidden; } .logos { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-self: flex-start; align-items: center; display: flex; } .logos.u-flex-horizontal-nowrap.u-alignment-center { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); } .u-logos-element { width: auto; } .u-logos-element.google { width: 374px; } .u-logos-element.awspartner { width: 100px; } .u-logos-element.microsoftpartner { margin-top: 10px; } .u-quote-wrap { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); --_column-count---value: 1; justify-content: flex-start; align-items: center; display: flex; } .u-quote-wrap.u-padding-4 { border: var(--border-width--main) solid var(--swatch--light-100); border-radius: var(--radius--main); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-content: center; display: flex; } .u-quote-wrap.u-padding-2 { border: var(--border-width--main) solid var(--swatch--light-100); border-radius: var(--radius--main); } .u-text-left { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); justify-content: flex-start; align-items: center; display: flex; } .div-block { padding-bottom: var(--_spacing---space--4); } .tag-wrap { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); display: flex; } .tab_content_card_wrap { aspect-ratio: 1; width: 50%; position: relative; } .tab_content_card_wrap.u-background-3 { aspect-ratio: 3 / 2; border-radius: var(--radius--main); width: 100%; } .tab_content_card_wrap.u-background-3.u-zindex-0 { border-radius: var(--radius--large); } .tab_card_image_wrap { aspect-ratio: 3 / 2; } .tab_card_dark_color_wrap { padding: var(--_spacing---space--7) var(--_spacing---space--6); border-radius: var(--radius--large); flex-flow: column; display: flex; } .tab_card_dark_color_wrap.u-theme-brand { flex-flow: column; max-width: 45%; } .tab_card_dark_color_wrap.u-theme-brand.u-zindex-3 { position: absolute; inset: auto 5% 22% auto; transform: rotate(12deg); } .tab_card_dark_color_wrap.u-theme-dark { justify-content: center; align-items: center; max-width: 45%; } .tab_card_dark_color_wrap.u-theme-dark.u-zindex-2 { justify-content: center; align-items: flex-start; position: absolute; inset: 12% auto auto 8%; transform: rotate(-12deg); } .tab_card_dark_color_wrap.u-theme-dark.u-zindex-1 { justify-content: center; align-items: flex-start; position: absolute; inset: 18% auto auto 5%; transform: rotate(-23deg); } .icon-brand.shadow_brand { background-color: var(--swatch--transparent); background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--swatch--brand-800), var(--swatch--brand-500) 76%, #fff0); overflow: auto; } .tab_card_dark_icon_wrap.u-theme-dark { aspect-ratio: 1; border-radius: var(--radius--large); justify-content: center; align-items: center; width: 20%; display: flex; } .tab_card_dark_icon_wrap.u-theme-dark.u-zindex-1 { width: 30%; position: absolute; inset: auto 0% 14% 20%; overflow: hidden; } .tab_card_dark_icon_wrap.u-theme-dark.u-zindex-3 { width: 30%; position: absolute; inset: 44% auto auto 20%; } .tab_card_dark_icon_wrap.u-theme-dark.u-zindex-2 { width: 30%; position: absolute; inset: auto auto 6% 23%; } .circle { background-color: var(--swatch--light-100); color: var(--swatch--dark-900); border-radius: 100%; min-width: 2rem; height: 2rem; } .circle:where(.w-variant-9d5bdbee-a3c5-6cf2-759c-42ec55146ae4) { background-color: var(--swatch--brand-500); } .profile_card { display: flex; } .profile_card_wrap { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .profile_card_wrap:where(.w-variant-fc26c14e-9aca-c876-3ea0-44fd5c59eb95) { background-color: var(--swatch--brand-500); flex-direction: row-reverse; flex: 1; } .image_card_wrap { border-radius: var(--radius--main); min-width: 50%; overflow: hidden; } .image_card_content_wrap { padding: var(--_spacing---space--6); grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-content: space-between start; justify-items: start; width: 100%; display: grid; } .image_card_content_wrap.u-padding-6:where(.w-variant-fc26c14e-9aca-c876-3ea0-44fd5c59eb95) { flex: 1; justify-items: stretch; } .div-block-2:where(.w-variant-fc26c14e-9aca-c876-3ea0-44fd5c59eb95) { color: var(--swatch--brand-text); } .button_main_wrap-2 { text-align: center; vertical-align: middle; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); color: color-mix(in srgb, #1f1d1e calc(100% * 1), white calc(100% * 0)); background-color: color-mix(in srgb, #c6fb50 calc(100% * 1), #1f1d1e calc(100% * 0)); border-style: solid; border-width: .094rem; border-top-color: color-mix(in srgb, #c6fb50 calc(100% * 1), #1f1d1e calc(100% * 0)); border-right-color: color-mix(in srgb, #c6fb50 calc(100% * 1), #1f1d1e calc(100% * 0)); border-bottom-color: color-mix(in srgb, #c6fb50 calc(100% * 1), #1f1d1e calc(100% * 0)); border-left-color: color-mix(in srgb, #c6fb50 calc(100% * 1), #1f1d1e calc(100% * 0)); border-radius: 100vw; justify-content: center; align-items: center; padding: .75rem 1.5rem; line-height: 1; transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: inline-flex; position: relative; } .button_main_wrap-2.secondary { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .u-button-group-2 { grid-column-gap: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (90 - 20) * 20)) * 1rem + ((.75 - .625) / (90 - 20)) * 100vw), .75 * 1rem); grid-row-gap: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (90 - 20) * 20)) * 1rem + ((.75 - .625) / (90 - 20)) * 100vw), .75 * 1rem); align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); flex-flow: wrap; margin-top: clamp(2rem, 1.85714rem + .714286vw, 2.5rem); display: flex; } .u-content-wrapper-2 { text-align: var(--_alignment---direction, start); } .eyebrow_layout-2 { grid-column-gap: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (90 - 20) * 20)) * 1rem + ((1 - .875) / (90 - 20)) * 100vw), 1 * 1rem); grid-row-gap: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (90 - 20) * 20)) * 1rem + ((1 - .875) / (90 - 20)) * 100vw), 1 * 1rem); vertical-align: baseline; display: inline-flex; } .c-text { letter-spacing: 0; text-transform: var(--_text-style---text-transform, none); text-wrap: pretty; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: clamp(1rem, .964286rem + .178571vw, 1.125rem); font-weight: 400; line-height: 1.5; } .u-section-spacer-2 { height: 0; position: relative; } .u-section-spacer-2.main { height: clamp(4rem, 3.14286rem + 4.28571vw, 7rem); } .button_main_text-2 { line-height: inherit; position: relative; } .c-heading-2 { letter-spacing: 0; text-transform: var(--_text-style---text-transform, none); text-wrap: pretty; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: clamp(1rem, .964286rem + .178571vw, 1.125rem); font-weight: 400; line-height: 1.5; } .c-heading-2.h2 { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--large); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_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); } .background_wrap-2.background-1 { background-color: #fff; } .eyebrow_marker-2 { background-color: currentColor; flex: none; width: .094rem; padding-bottom: 0; padding-right: 0; } .section_wrap-2, .section_wrap-2-copy { background-color: #0000; } .heading_span { color: var(--swatch--brand-500); } .card_fullwidth_wrap.u-container { border-radius: var(--radius--large); background-color: var(--swatch--dark-900); overflow: hidden; } .card_fullwidth_content { padding: var(--_spacing---space--2); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); display: flex; } .card_fullwidth_content.card_fullwidth_corbder_content { overflow: hidden; } .card_fullwidth_image { aspect-ratio: 4.37 / 4.53; border-radius: var(--radius--main); width: 46%; position: relative; overflow: hidden; } .card_fullwidth_text { padding: var(--_spacing---space--7); grid-row-gap: 16px; color: var(--swatch--light-100); flex-flow: column; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-content: space-between start; place-items: flex-start start; display: flex; } .card_fullwidth_text.card_fullwidth_lighttext { color: var(--swatch--dark-900); } .card_fullwidth_text.box_card_wrap { align-self: stretch; } .card_fullwidth_text.card_fullwidth_lighttext-s { padding-top: var(--_spacing---space--3); color: var(--swatch--dark-900); } .card_fullwidth_container { padding-top: var(--_spacing---space--4); flex: 1; max-width: 41.25rem; } .card_logos_wrap { flex: 1; } .image_wrapper { margin-bottom: var(--_spacing---space--7); aspect-ratio: 16 / 9; border-radius: var(--radius--main); position: relative; overflow: hidden; } .image_wrapper.slider_wrapper { border-top-left-radius: var(--radius--large); border-top-right-radius: var(--radius--large); border-bottom-left-radius: var(--radius--large); border-bottom-right-radius: var(--radius--large); width: 100%; height: 100%; margin-bottom: 0; } .card_image { aspect-ratio: 16 / 9; } .card_slide_content { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); --_column-count---value: 2; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; height: 100%; display: grid; } .card_slide_content.no-grid, .card_slide_content.thumb_card { grid-template-columns: 1fr; } .card_slide_content_text { padding: var(--_spacing---space--6); flex-flow: column; justify-content: space-between; height: 100%; display: flex; } .hero_wrap_content { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; max-width: 50%; display: flex; } .hero_wrap_content.u-zindex-3 { z-index: 4; padding-bottom: var(--_spacing---space--8); grid-column-gap: 0px; grid-row-gap: 0px; justify-content: flex-end; align-items: flex-start; height: 100%; } .hero_wrap_content.u-zindex-3.case_study_wrap { grid-column-gap: 0px; grid-row-gap: 0px; } .energy_card_content.u-zindex-1 { padding: var(--_spacing---space--7) var(--_spacing---space--6); border-radius: var(--radius--large); background-color: var(--swatch--brand-500); max-width: 50%; } .heading_wrap { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .heading_wrap.u-grid-autofit { 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)); justify-content: space-between; } .tabs_text_wrap.u-column-4 { flex: 1; order: -9999; } .tabs_content_wrap.u-container.u-padding-8.is-no-xpad { padding-bottom: var(--_spacing---space--4); } .card_slide_content_layout { flex-flow: column; align-items: flex-start; padding-top: 8.75rem; display: flex; } .card_slide_content_layout.border_bottom { border-bottom: .125rem solid var(--swatch--dark-800); margin-bottom: 2rem; padding-top: 0; padding-bottom: 1rem; } .card_slide_content_layout.border_bottom.last_child { border: 1px #000; } .card_slide_content_layout.is-single { padding-top: 0; } .card_slide_logo { width: 4rem; } .image_content { width: auto; margin-left: 0; margin-right: 0; } .image_content.u-container { padding-right: var(--_spacing---space--8); padding-bottom: var(--_spacing---space--3); padding-left: var(--_spacing---space--8); border-radius: var(--radius--large); position: relative; overflow: hidden; } .image_content.u-container.u-container-smallest { max-width: none; } .card_person_image { aspect-ratio: 1; border-radius: var(--radius--main); object-fit: cover; } .card_person_txt { padding-top: var(--_spacing---space--8); padding-bottom: var(--_spacing---space--5); flex-flow: column; align-items: flex-start; padding-left: 2rem; display: flex; } .card_person_content { flex: 1; } .image_round_wrap { aspect-ratio: 1; border: 1px solid var(--swatch--light-100); border-radius: var(--radius--round); min-width: 4rem; max-width: 4rem; display: block; overflow: hidden; } .image_round_wrap.card_image_thumb { width: 4rem; } .button_svg { display: none; } .button_svg:where(.w-variant-4ebc5b5d-fa7b-fef8-b689-93ce310cc2dc) { max-height: 1.125rem; display: block; } .button_svg:where(.w-variant-46051c41-f19d-2976-995f-e0cfd52b9c9b), .button_svg:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { display: none; } .button_svg:where(.w-variant-0c15eeb4-29f0-3e28-050e-22821ede404b) { max-height: 1.125rem; display: block; } .button_svg:hover:where(.w-variant-4ebc5b5d-fa7b-fef8-b689-93ce310cc2dc), .button_svg:hover:where(.w-variant-0c15eeb4-29f0-3e28-050e-22821ede404b) { background-color: var(--swatch--light-100); } .card_fullwidth_narrow_wrap.u-container { border-radius: var(--radius--large); background-color: var(--swatch--dark-900); overflow: hidden; } .card_fullwidth_narrow_wrap.u-container.u-container-small { border: var(--border-width--main) solid var(--_theme---border); background-color: var(--swatch--light-100); } .contact_form_wrap { margin-top: var(--_spacing---space--8); grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .contact_form_image { margin-bottom: var(--_spacing---space--8); aspect-ratio: 4.91 / 4.92; border-radius: var(--radius--large); width: 100%; overflow: hidden; } .button_main_icon, .button_main_icon:where(.w-variant-4ebc5b5d-fa7b-fef8-b689-93ce310cc2dc), .button_main_icon:where(.w-variant-0c15eeb4-29f0-3e28-050e-22821ede404b) { aspect-ratio: 1; max-height: 1.125rem; } .contact_form_left, .contact_form_right { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); flex-flow: column; display: flex; } .contact_form_wrap_inner { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .double_card_wrap { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .card_secondary_wrap.is-static { border-radius: var(--radius--large); overflow: hidden; } .card_white_content { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .card_white_content.card_secondary_content { grid-template-columns: 1fr; } .number_block { margin-bottom: var(--_spacing---space--6); border-radius: var(--radius--main); background-color: var(--swatch--brand-text-o20); justify-content: center; align-items: center; width: 5rem; height: 5rem; display: flex; } .title_wrap { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; display: flex; } .tags_wrapper { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: wrap; display: flex; } .job-offer-layout.u-container-small.u-margin-trim { width: 48rem; padding-left: 4rem; padding-right: 4rem; } .job-offer-container { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; display: flex; } .job-offer-container.u-margin-trim { padding-top: var(--_spacing---space--1); } .image_wrap { margin-bottom: var(--_spacing---space--6); border-radius: var(--radius--large); overflow: hidden; } .collection-item { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); flex-flow: column; display: flex; } .collection-item.hero_collection_wrap { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); } .tag-offer-wrap { margin-top: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: wrap; align-items: center; display: flex; } .tag-offer-wrap.tags-offer-wrap { justify-content: flex-end; align-items: center; min-width: 50%; margin-top: 0; } .job-offer-card-wrap { padding: var(--_spacing---space--6); grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); border: 1px solid var(--_theme---border); border-radius: var(--radius--large); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .flex-inline { display: flex; } .job-offer-card-layout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); justify-content: space-between; align-items: flex-start; display: flex; } .job_offer_list { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; display: flex; } .job_offer_list_element { flex-flow: column; display: flex; } .animation-box-wrap { padding: var(--_spacing---space--4); aspect-ratio: 3 / 2; height: 100%; } .layout-tabs-lottie { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); justify-content: flex-start; align-items: stretch; display: flex; } .layout-tabs-lottie.u-flex-grow.u-justify-content-between.u-align-items-center { display: flex; } .col-lottie { opacity: 1; transition-property: opacity; transition-duration: .4ms; transition-timing-function: ease; } .col-lottie.width-50 { aspect-ratio: 7.44 / 6.57; width: 50%; overflow: hidden; } .col-lottie.width-50.tab-animation { border-radius: var(--radius--large); } .col-lottie.tab-animation { aspect-ratio: 9.1 / 6.46; overflow: hidden; } .col-lottie.tab-animation.width-60 { width: 60%; max-height: 40.375rem; } .lottie-animation { transition: opacity .4ms; } .col-tabs.width-50 { align-self: center; } .col-tabs.width-30 { align-self: center; width: 40%; } .width-50 { width: 50%; } .tabs-buttons { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; justify-content: space-between; display: flex; } .tab-button { padding: var(--_spacing---space--6); grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--large); display: flex; } .tab-button.tab-button-1 { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); display: flex; } .tab-button.tab-button-1.is-active { border: 1px solid var(--swatch--dark-900); background-color: var(--swatch--light-100); } .tab-button.tab-button-1.tab-button-1-1 { border-color: var(--swatch--dark-900); background-color: var(--swatch--dark-900); color: var(--_theme---selection--text-inverse); } .tab-button.tab-button-1.tab-button-1-1.is-active, .tab-button.tab-button-1.tab-button-1-1.is-active-brand, .tab-button.tab-button-2.tab-button-1-1.is-active-brand, .tab-button.tab-button-3.tab-button-1-1.is-active-brand { border-color: var(--swatch--brand-500); background-color: var(--swatch--brand-500); color: var(--_theme---text); } .tab-button.is-active { border-color: var(--_theme---text); } .tab-button.tab-button-2 { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); display: flex; } .tab-button.tab-button-2.is-active { background-color: var(--swatch--light-100); } .tab-button.tab-button-2.tab-button-1-1 { border-color: var(--swatch--dark-900); background-color: var(--swatch--dark-900); color: var(--_theme---selection--text-inverse); } .tab-button.tab-button-2.tab-button-1-1.is-active { border-color: var(--swatch--brand-500); background-color: var(--swatch--brand-500); color: var(--_theme---text); } .tab-button.tab-button-3 { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); display: flex; } .tab-button.tab-button-3.is-active { background-color: var(--swatch--light-100); } .tab-button.tab-button-3.tab-button-1-1 { border-color: var(--swatch--dark-900); background-color: var(--swatch--dark-900); color: var(--_theme---selection--text-inverse); } .tab-button.tab-button-3.tab-button-1-1.is-active { border-color: var(--swatch--brand-500); background-color: var(--swatch--brand-500); color: var(--_theme---text); } .tab-text-col { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: column; display: flex; } .common-lottie { width: 100%; height: 100%; transition: opacity .4ms; } .anim-2, .anim-3 { opacity: 0; } .tabs_content { justify-content: space-between; display: flex; } .tabs_content.u-container { padding-bottom: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); justify-content: space-between; display: flex; } .tabs_content.u-margin-bottom-6 { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); } .tab_grid.u-container { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .tab_grid.u-container.u-padding-8.is-no-xpad { padding-bottom: 0; } .width-30 { width: 30%; } .list { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; align-items: flex-start; display: flex; } .tab_grid_second.u-container { padding-left: 0; padding-right: 0; } .tab_grid_second.u-container.u-padding-8.is-no-xpad { padding-right: var(--_spacing---space--8); padding-bottom: 0; padding-left: var(--_spacing---space--8); flex-flow: column; } .thumb_image { aspect-ratio: 1; border: var(--border-width--main) solid var(--swatch--light-100); border-radius: var(--radius--round); width: 4rem; height: 4rem; overflow: hidden; } .thumb_image.hero_thumb.is-overlap { aspect-ratio: 1; object-fit: cover; } .image_wrapper_img { height: 100%; } .energy_card_content_heading { margin-bottom: var(--_spacing---space--5); } .card_slide_img { object-fit: cover; height: 100%; position: absolute; } .tag_card_wrapper { aspect-ratio: 1.48; max-height: 6rem; } .tag_card_wrapper.content_icon { width: 9.25rem; min-width: 9.25rem; padding-left: 0; padding-right: 0; } .tag_card_img { aspect-ratio: 1; width: 2rem; height: 2rem; } .slot { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; align-items: flex-start; display: flex; } .heading_wrapp { margin-bottom: var(--_spacing---space--8); } .footer_block { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); flex-flow: column; display: flex; } .card_person_img { height: 100%; } .u-container-medium { z-index: 1; width: calc(100% - var(--site--margin) * 2); flex: 1; max-width: 65rem; margin-left: auto; margin-right: auto; container: threshold-large / inline-size; } .u-container-small-inner { z-index: 1; max-width: var(--max-width--small); padding-top: var(--_spacing---space--5); padding-right: var(--_spacing---space--8); padding-bottom: 0; padding-left: var(--_spacing---space--8); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; flex: 1; width: 48rem; margin-left: auto; margin-right: auto; display: flex; container: threshold-large / inline-size; } .here_case_text_wrap { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); flex-flow: column; align-items: flex-start; display: flex; } .hero_case_image { aspect-ratio: 7.28 / 5.26; border-radius: var(--radius--main); flex: 1; position: relative; } .hero_case_image.slider_wrapper { aspect-ratio: auto; overflow: hidden; } .hero_case_layout { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: row; height: 100%; display: flex; } .hero_wrap_content_case { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; max-width: 50%; display: flex; } .hero_wrap_content_case.u-zindex-3 { z-index: 4; margin-top: var(--_spacing---space--8); padding-top: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--6); padding-left: var(--_spacing---space--6); justify-content: flex-end; align-items: flex-start; } .tag-wrap_case { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); display: flex; } .brand_box_wrap { margin-bottom: var(--_spacing---space--6); padding: var(--_spacing---space--6) var(--_spacing---space--6) var(--_spacing---space--2); border-radius: var(--radius--large); background-color: var(--swatch--brand-500); justify-content: center; align-items: center; width: 100%; display: flex; overflow: hidden; } .client_list_wrap { padding: var(--_spacing---space--5) var(--_spacing---space--6); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--large); justify-content: flex-start; align-items: center; display: flex; } .client_list_item { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex: 1; align-items: flex-start; display: flex; } .client_list_item.last_item_wrap { flex: 0 auto; } .p-bold { font-weight: var(--_typography---font--primary-bold); } .small-inner-img { aspect-ratio: 6.4 / 4.48; border-radius: var(--radius--large); justify-content: center; align-items: center; width: 100%; display: flex; position: relative; overflow: hidden; } .visual_overlay { background-color: var(--swatch--light-300); position: absolute; inset: 0%; } .small-inner-block-4 { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; align-items: flex-start; display: flex; } .small-inner-txt { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; } .small-inner-txt.space_wide { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; display: flex; } .small_border_btm { height: var(--border-width--main); margin-top: var(--_spacing---space--8); margin-bottom: var(--_spacing---space--8); background-color: var(--_theme---border); width: 100%; } .small-inner-image { object-fit: cover; height: 100%; } .small_inner_2col { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); width: 100%; display: flex; } .code_snippet_wrap.u-margin-trim { width: 100%; } .code_snippet_head { padding-left: 0; display: flex; } .code_snippet_title_layout { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); justify-content: center; align-items: center; display: flex; } .code_snippet_title_icon { width: 2rem; height: 2rem; } .code_snippet_code { background-color: var(--swatch--light-300); } .code_wrap { padding-bottom: var(--_spacing---space--6); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--large); } .sudo_table_wrap { grid-column-gap: 0px; grid-row-gap: 0px; border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--large); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; overflow: hidden; } .table-col { flex: 1; align-self: stretch; } .table-col.no-border { border-right-style: none; } .table_head { padding: var(--_spacing---space--5) var(--_spacing---space--4) var(--_spacing---space--4); font-weight: var(--_typography---font--primary-bold); flex: 1; overflow: hidden; } .table_head.border-right { border-right: var(--border-width--main) solid var(--_theme---border); } .table_content { padding: var(--_spacing---space--4); border-top: var(--border-width--main) solid var(--_theme---border); background-color: var(--swatch--light-300); flex: 1; } .table_content.border-right { border-right: var(--border-width--main) solid var(--_theme---border); } .table_inner, .table_headr_wrap { display: flex; } .client_list_wrap_dark { padding: var(--_spacing---space--5) var(--_spacing---space--6); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--large); justify-content: flex-start; align-items: center; display: flex; } .brand_box_wrap_small { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); border-radius: var(--radius--large); background-color: var(--swatch--brand-500); flex-flow: column; justify-content: center; align-items: flex-start; width: 100%; padding: 3rem; display: flex; overflow: hidden; } .brand_box_wrap_small.u-margin-trim { margin-top: 0; margin-bottom: 0; } .brand_box_wrap_small.u-margin-trim.u-margin-bottom-0 { margin-top: 5rem; margin-bottom: 0; } .case_image { padding: var(--_spacing---space--7) var(--_spacing---space--6); aspect-ratio: 10.38 / 8.35; } .case_image.tech-card_wrap { padding: var(--_spacing---space--7) var(--_spacing---space--3) var(--_spacing---space--6); flex-flow: column; height: 100%; } .case_image.tech-card_wrap.card-inn { padding-top: var(--_spacing---space--3); } .case_image.card_small_inner.u-width-full { padding-right: var(--_spacing---space--2); } .case_image.card_small_inner.small-card-wrap { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--large); background-color: var(--swatch--light-100); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; align-items: center; display: flex; } .case_image.card_small_inner.small-card-wrap.u-content-wrapper.u-margin-trim { height: 100%; } .case_image.u-width-full { padding-top: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .case_image.card_small_content { padding-top: var(--_spacing---space--2); padding-right: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .image_case { margin-bottom: var(--_spacing---space--6); border: var(--border-width--main) none var(--_theme---border); border-radius: var(--radius--large); justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 7.375rem; overflow: hidden; } .image_case.u-border { background-color: var(--swatch--light-100); border-style: solid; justify-content: center; align-items: flex-start; } .image_case.u-border.tech-card_wrap { padding-top: 0; position: relative; } .image_case.u-border.tech-card_wrap.u-padding-4 { padding-top: var(--_spacing---space--6); padding-bottom: var(--_spacing---space--6); justify-content: center; align-items: center; } .image_case.u-border.tech-card_wrap.u-theme-dark.color-card { padding-bottom: var(--_spacing---space--2); background-color: var(--_theme---background); } .image_case.u-border.small-cards-layout { margin-top: var(--_spacing---space--8); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); background-color: var(--swatch--transparent); border-style: none; border-radius: 0; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .image_case.card_slide_wrap { padding-right: 0; } .image_case.card_slide_wrap.slider_onbrand { overflow: hidden; } .image_case.image_inside { border-style: solid; } .image_case.image_inside.u-margin-bottom-0 { margin-bottom: 0; } .logo_wrap { width: 100%; height: 3rem; } .logo_img { object-fit: contain; width: auto; height: 100%; } .table_row { display: flex; } .role { margin-bottom: var(--_spacing---space--4); } .paragraph-2 { font-size: var(--_typography---font-size--text-small); } .cards-stack_contain.u-container.u-margin-trim { aspect-ratio: 7.44 / 6.57; border-radius: var(--radius--large); background-color: var(--swatch--light-300); justify-content: center; align-items: center; display: flex; overflow: hidden; } .cards-stack_field { max-width: 30.625rem; } .cards-stack_field.is-in.is-collapsed { position: relative; } .cards-stack_item { padding: var(--_spacing---space--6); border-radius: var(--radius--large); background-color: var(--swatch--brand-500); flex-flow: column; justify-content: center; align-items: center; display: flex; position: absolute; overflow: hidden; } .cards-stack_item.is-1 { justify-content: center; align-items: center; width: 30rem; transform: rotate(10deg)translate(-60%); } .cards-stack_item.is-1.u-zindex-3 { transform: rotate(10deg)translate(-60%, 20%); } .cards-stack_item.is-2 { aspect-ratio: 1; background-image: linear-gradient(180deg, var(--swatch--dark-900), var(--swatch--brand-700)); height: 19rem; transform: rotate(-9deg)translate(0, -50%); } .cards-stack_item.is-3 { background-color: var(--swatch--transparent); width: 19rem; height: 19rem; padding: 0; transform: rotate(-16deg)translate(-70%, -100%); } .is-brand { text-transform: uppercase; } .is-brand.card-_typograpgy_glow { color: var(--swatch--brand-500); text-shadow: 0 4px 64px var(--swatch--brand-500); font-size: 4.5rem; } .cards-anim_wrap { aspect-ratio: 1; position: relative; } .cards-anim_wrap.is-in { border-radius: var(--radius--large); background-color: var(--swatch--light-300); overflow: hidden; } .cards-anim_stack { width: 100%; height: 100%; } .cards-anim_card { border-radius: var(--radius--large); } .cards-anim_card.cards-anim_card-a.cards-anim_card-img { border-radius: var(--radius--large); width: 19rem; height: 19rem; } .cards-anim_card.cards-anim_card-b.cards-anim_card-icon { border-radius: var(--radius--large); background-color: var(--swatch--dark-900); } .cards-anim_card.cards-anim_card-c.cards-anim_card-txt { padding: var(--_spacing---space--6); border-radius: var(--radius--large); background-color: var(--swatch--brand-500); } .cards-anim_media { height: 100%; display: block; transform: scale(1.2); } .cards-anim_item { flex-flow: column; } .animation_item.animation-image { aspect-ratio: 1; border-radius: var(--radius--large); width: 35%; height: 35%; overflow: hidden; } .animation_item.animation-image.custom-image { padding: var(--_spacing---space--2) var(--_spacing---space--7); aspect-ratio: 16 / 9; background-color: var(--swatch--dark-900); color: var(--swatch--light-100); flex-flow: column; justify-content: center; align-items: flex-start; width: 50%; height: 30%; display: flex; } .animation_item.animation-company { aspect-ratio: 1; border-radius: var(--radius--large); background-color: var(--swatch--dark-900); text-align: center; justify-content: center; align-items: center; width: 32%; display: flex; } .animation_item.animation-textblock { padding: var(--_spacing---space--6); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); border-radius: var(--radius--large); background-color: var(--swatch--brand-500); flex-flow: column; align-items: flex-start; width: 30rem; max-width: 30rem; display: flex; overflow: hidden; } .animation_item.animation-image-large { aspect-ratio: 3 / 2; border-radius: var(--radius--large); overflow: hidden; } .content { justify-content: center; align-items: center; display: flex; } .tab-animation { grid-column-gap: 16px; grid-row-gap: 16px; border-radius: var(--radius--large); background-color: var(--swatch--light-300); flex-flow: row; flex: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; height: 41.0625rem; } .tabs-main { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: row; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .tabs_main_wrap { flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; display: flex; } .tabs_links { padding-left: var(--_spacing---space--7); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); flex-flow: column; flex: 0 auto; justify-content: center; align-self: stretch; align-items: flex-start; width: 43%; display: flex; } .tabs_links.alternative_tabs { padding-right: var(--_spacing---space--7); flex: 0 auto; width: 42%; padding-left: 0; } .tab-link-tab-1, .tab-link-tab-2, .tab-link-tab-3 { flex: 1; } .tab-link { padding: var(--_spacing---space--6); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--large); background-color: var(--swatch--light-100); justify-content: flex-start; align-items: center; width: 100%; height: 33.3333%; display: flex; overflow: hidden; } .tab-link.w--current { border-color: var(--swatch--brand-text); background-color: var(--swatch--light-100); width: 100%; } .tab-link.tab-link-alternative { border-color: var(--swatch--brand-text); background-color: var(--swatch--dark-900); color: var(--swatch--light-100); } .tab-link.tab-link-alternative.w--current { border-color: var(--swatch--brand-500); background-color: var(--swatch--brand-500); color: var(--swatch--dark-900); } .tab_layout { flex-flow: column; display: flex; } .cards-anim_media_contain { object-fit: cover; display: block; overflow: auto; transform: scale(1.2); } .animation_item_alt.animation-image { aspect-ratio: 1; border-radius: var(--radius--large); width: 35%; height: 35%; overflow: hidden; } .animation_item_alt.animation-company { aspect-ratio: 1; border-radius: var(--radius--large); background-color: var(--swatch--dark-900); text-align: center; justify-content: center; align-items: center; width: 35%; height: 35%; display: flex; transform: translate(0); } .animation_item_alt.animation-textblock { padding: var(--_spacing---space--6); border-radius: var(--radius--large); background-color: var(--swatch--brand-500); flex-flow: column; align-items: flex-start; width: 30rem; max-width: 30rem; display: flex; overflow: hidden; } .animation_item_alt.animation-image-large { padding: var(--_spacing---space--6); border-radius: var(--radius--large); overflow: hidden; } .animation_item_alt.is-texblock { z-index: 33; } .animation_item-copy.animation-image { aspect-ratio: 1; border-radius: var(--radius--large); width: 35%; height: 35%; overflow: hidden; } .animation_item-copy.animation-company { aspect-ratio: 1; border-radius: var(--radius--large); background-color: var(--swatch--dark-900); text-align: center; justify-content: center; align-items: center; width: 35%; height: 35%; display: flex; transform: translate(0); } .animation_item-copy.animation-textblock { padding: var(--_spacing---space--6); border-radius: var(--radius--large); background-color: var(--swatch--brand-500); flex-flow: column; align-items: flex-start; width: 30rem; max-width: 30rem; display: flex; overflow: hidden; } .animation_item-copy.animation-image-large { aspect-ratio: 3 / 2; border-radius: var(--radius--large); overflow: hidden; } .card_logo_absolute { z-index: 2; object-fit: contain; max-width: 7rem; max-height: 7rem; position: absolute; inset: auto auto 2rem 2rem; } .overlay_wrap_image { z-index: 1; background-image: linear-gradient(#959a4226, #959a4226), linear-gradient(#48543e0d 5%, #25343c); } .content_image { object-fit: cover; } .cards_layout { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .text-block { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; flex: 1; align-items: flex-start; display: flex; } .technologies_wrap { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--large); flex-flow: column; padding: 3rem; display: flex; overflow: hidden; } .technologies_element { grid-column-gap: 2rem; grid-row-gap: 2rem; align-items: center; display: flex; } .card_fullwidth_text_noimage { padding: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); color: var(--swatch--light-100); flex-flow: column; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-content: space-between start; place-items: flex-start start; display: flex; } .card_fullwidth_text_noimage.card_fullwidth_lighttext { color: var(--swatch--dark-900); } .card_flex_container { padding-top: var(--_spacing---space--4); flex: 1; } .card_primary_wrap_card { border: var(--border-width--main) none var(--_theme---border); border-radius: var(--radius--large); width: 100%; height: 100%; min-height: 7.375rem; display: flex; } .card_primary_wrap_card.u-border { background-color: var(--swatch--light-100); border-style: solid; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: flex-start; height: auto; display: flex; } .card_primary_wrap_card.u-border.tech-card_wrap { margin-bottom: var(--_spacing---space--5); break-inside: avoid; padding-top: 0; position: relative; } .card_primary_wrap_card.u-border.tech-card_wrap.u-padding-4 { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); justify-content: center; align-items: center; min-height: auto; } .card_primary_wrap_card.u-border.tech-card_wrap.u-theme-dark.color-card { padding-bottom: var(--_spacing---space--2); background-color: var(--_theme---background); } .card_primary_wrap_card.u-border.small-cards-layout { margin-top: var(--_spacing---space--8); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); background-color: var(--swatch--transparent); border-style: none; border-radius: 0; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .card_primary_wrap_card.card_slide_wrap { padding-right: 0; } .card_primary_wrap_card.card_slide_wrap.slider_onbrand { overflow: hidden; } .card_primary_wrap_card.card_background_light { background-color: var(--swatch--light-100); height: auto; } .card_primary_content_card { padding: var(--_spacing---space--7) var(--_spacing---space--6); flex: 1; } .card_primary_content_card.tech-card_wrap { padding: var(--_spacing---space--7) var(--_spacing---space--3) var(--_spacing---space--6); flex-flow: column; height: 100%; } .card_primary_content_card.tech-card_wrap.card-inn { padding-top: var(--_spacing---space--3); } .card_primary_content_card.card_small_inner { padding: var(--_spacing---space--2); flex-flow: column; height: 100%; display: flex; } .card_primary_content_card.card_small_inner.u-width-full { padding-right: var(--_spacing---space--2); } .card_primary_content_card.card_small_inner.small-card-wrap { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--large); background-color: var(--swatch--light-100); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; align-items: center; display: flex; } .card_primary_content_card.card_small_inner.small-card-wrap.u-content-wrapper.u-margin-trim { height: 100%; } .card_primary_content_card.card_small_inner.u-margin-trim { padding-bottom: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); } .card_primary_content_card.u-width-full { padding-top: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .card_primary_content_card.card_small_content { padding-top: var(--_spacing---space--2); padding-right: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .hero_content_wrap { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; align-items: flex-start; display: flex; } .slider_image_wrap { margin-bottom: var(--_spacing---space--7); aspect-ratio: 9.96 / 4.95; border-radius: var(--radius--main); width: 100%; max-height: 30rem; overflow: hidden; } .slider_bullet_item_dark { aspect-ratio: 1; border-top-style: none; border-top-width: .09rem; border-top-color: var(--swatch--dark-900-o20); border-right-style: none; border-right-width: .09rem; border-right-color: var(--swatch--dark-900-o20); border-bottom-style: none; border-bottom-width: .09rem; border-bottom-color: var(--swatch--dark-900-o20); border-left-style: none; border-left-width: .09rem; border-left-color: var(--swatch--dark-900-o20); border-radius: 100vw; width: 1rem; min-width: 0; padding: 0; background-color: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent) !important; } .slider_bullet_item_dark.is-active { border-color: var(--_theme---text); background-color: var(--_theme---text); } .slider_bullet_item_dark.slider_bullet_white, .slider_bullet_item_dark.slider_bullet_dark { background-color: var(--swatch--brand-text-o20); border-style: none; } .eyebrow_wrap_small { justify-content: var(--_alignment---direction, start); margin-bottom: 0; display: flex; } .overlay_wrap_cards { background-image: linear-gradient(#f2f44400, #69743f0d 20%, #25343c 100%, #f4f44400), linear-gradient(#959a4226, #959a4226); } .overlay_wrap_onphoto { z-index: 2; background-image: linear-gradient(#959a4233, #959a4233); } .card_image_wrap { aspect-ratio: 7.28 / 3.62; border-radius: var(--radius--main); position: relative; overflow: hidden; } .card_image_wrap.is_four_to_tree { aspect-ratio: 4.59 / 3.04; } .card_primary_wrap_noanim { border: var(--border-width--main) none var(--_theme---border); border-radius: var(--radius--large); width: 100%; height: 100%; min-height: 7.375rem; display: flex; } .card_primary_wrap_noanim.u-border { background-color: var(--swatch--light-100); border-style: solid; justify-content: center; align-items: flex-start; } .card_primary_wrap_noanim.u-border.tech-card_wrap { margin-bottom: var(--_spacing---space--5); break-inside: avoid; padding-top: 0; position: relative; } .card_primary_wrap_noanim.u-border.tech-card_wrap.u-padding-4 { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); justify-content: center; align-items: center; min-height: auto; } .card_primary_wrap_noanim.u-border.tech-card_wrap.u-padding-4.card_reveal { padding-right: var(--_spacing---space--6); padding-left: var(--_spacing---space--6); justify-content: flex-start; align-items: center; } .card_primary_wrap_noanim.u-border.tech-card_wrap.u-theme-dark.color-card { padding-bottom: var(--_spacing---space--2); background-color: var(--_theme---background); } .card_primary_wrap_noanim.u-border.small-cards-layout { margin-top: var(--_spacing---space--8); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); background-color: var(--swatch--transparent); border-style: none; border-radius: 0; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .card_primary_wrap_noanim.u-border.tech-card { margin-bottom: var(--_spacing---space--4); min-height: auto; } .card_primary_wrap_noanim.card_slide_wrap { padding-right: 0; } .card_primary_wrap_noanim.card_slide_wrap.slider_onbrand { margin-right: var(--_spacing---space--4); aspect-ratio: auto; overflow: hidden; } .card_box_image { aspect-ratio: 7.58 / 6.8; border-radius: var(--radius--main); width: 50%; position: relative; overflow: hidden; } .card_box_image.image_small_ratio { aspect-ratio: 4.37 / 4.53; width: 43%; } .card_layout_column { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: row; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .card_image_slide_content { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); --_column-count---value: 2; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; height: 100%; display: grid; } .card_image_slide_content.no-grid, .card_image_slide_content.thumb_card { grid-template-columns: 1fr; } .card_image_inner { padding: var(--_spacing---space--2) var(--_spacing---space--2) var(--_spacing---space--4); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); background-color: var(--swatch--light-100); justify-content: flex-start; align-items: center; width: 100%; display: block; position: relative; } .card_image_inner.u-theme-dark { background-color: var(--_theme---background); } .card_image_inner.card_small { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); border-style: none none solid; border-bottom-color: var(--swatch--transparent); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: auto; padding-left: 0; padding-right: 0; display: flex; } .card_image_inner.card_small:hover { border-bottom-style: solid; border-bottom-color: var(--swatch--dark-900); border-radius: 0; padding-left: 0; padding-right: 0; } .card_image_inner.slide_card { border-radius: var(--radius--large); border-style: none; padding: 0; } .card_image_inner.right_side { border-radius: var(--radius--large); height: 100%; } .card_image_inner.right_side.is-static { border-style: none; } .card_image_inner.card_smaller { padding-right: 0; padding-bottom: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); border-style: none none solid; border-bottom-color: var(--swatch--transparent); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: auto; padding-left: 0; display: flex; } .card_image_inner.card_smaller:hover { border-bottom-style: solid; border-bottom-color: var(--swatch--dark-900); border-radius: 0; padding-left: 0; padding-right: 0; } .slider_button_layout_alt { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: row; justify-content: center; align-items: center; display: flex; } .nav_1_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_1_dropdown_link.is-desktop { 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; } .nav_1_links_component { grid-column-gap: var(--_spacing---space--3); flex-flow: column; flex: 1; display: flex; } .nav_1_links_component.is-desktop { flex-flow: row; justify-content: flex-start; align-items: stretch; } .nav_1_links_wrap { flex: 1; } .nav_1_links_wrap.is-desktop { flex-flow: row; justify-content: center; align-items: stretch; display: flex; } .nav_1_banner_close_wrap { outline-offset: var(--focus--offset-inner); flex: none; justify-content: center; align-items: center; width: 100%; padding: 0; display: flex; outline-color: var(--_theme---background) !important; } .nav_1_search_label { width: 100%; } .nav_1_banner_embed { display: none; } .nav_1_links_search_icon { width: 1.1rem; overflow: visible !important; } .nav_1_menu_wrap { background-color: var(--_theme---background); text-align: left; padding-top: var(--nav_1--height); inset: 0% 0% auto; transform: none !important; } .nav_1_component { z-index: 1000; background-color: #0000; position: fixed; inset: 0% 0% auto; container-type: inline-size; } .nav_1_skip_wrap { z-index: 2; border-width: var(--border-width--main); background-color: var(--_theme---background); outline-offset: var(--focus--offset-inner); color: var(--_theme---text); margin: .5rem; padding: .5rem; position: absolute; inset: 0% auto auto 0%; transform: translate(-200%); } .nav_1_skip_wrap:focus { transform: translate(0%); } .nav_1_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_1_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_1_btn_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_1_btn_wrap.w--open { color: inherit; background-color: #0000; } .nav_1_btn_layout { grid-row-gap: var(--nav_1--hamburger-gap); flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; } .nav_1_dropdown_mega_content { position: relative; } .nav_1_dropdown_mega_content.is-desktop { background-color: var(--_theme---background); } .nav_1_banner_wrap { z-index: 1; background-color: var(--_theme---text); color: var(--_theme---background); font-size: var(--text-small--font-size); height: var(--nav_1--banner-height); flex-flow: column; justify-content: center; display: flex; position: relative; } .nav_1_logo_wrap { z-index: 2; outline-offset: var(--focus--offset-inner); justify-content: flex-start; align-items: center; width: 6rem; display: flex; position: relative; } .nav_1_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_1_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_1_search_btn_icon { width: 1.1rem; overflow: visible !important; } .nav_1_dropdown_mega_wrap { z-index: 1; background-color: #0000; width: 100%; position: relative; inset: 0% auto auto 0%; } .nav_1_dropdown_mega_wrap.is-desktop { position: absolute; } .nav_1_dropdown_main_wrap { background-color: #0000; min-width: 0; position: relative; } .nav_1_dropdown_main_wrap.is-desktop { padding: var(--_spacing---space--4) var(--_spacing---space--6) var(--_spacing---space--6); border-radius: 0rem 0rem var(--radius--main) var(--radius--main); background-color: var(--swatch--light-100); position: absolute; } .nav_1_dropdown_main_wrap.is-desktop.w--open { z-index: 4; } .nav_1_links_item { display: flex; } .nav_1_contain { grid-column-gap: var(--_spacing---space--3); height: var(--nav_1--height); justify-content: space-between; padding-top: 0; padding-bottom: 0; display: flex; position: static; } .nav_1_banner_layout { max-width: var(--max-width--main); 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; display: grid; } .nav_1_btn_line { height: var(--nav_1--hamburger-thickness); background-color: currentColor; flex: none; width: 100%; transition-property: all; transition-duration: .2s; transition-timing-function: ease; } .nav_1_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_1_links_link.is-desktop { padding: 0px var(--_spacing---space--3); height: 100%; } .nav_1_dropdown_main_scroll.is-desktop { background-color: var(--_theme---background); max-height: calc(100svh - var(--nav_1--height-total) - 1rem); background-color: var(--_theme---background); max-height: calc(100svh - var(--nav_1--height-total) - 1rem); position: relative; overflow-x: hidden; overflow-y: auto !important; } .nav_1_dropdown_component { z-index: unset; width: 100%; height: 100%; margin-left: 0; margin-right: 0; position: static; } .nav_1_links_locales_hide { display: none; } .nav_1_wrap { z-index: 1; background-color: var(--_theme---background); position: relative; } .nav_1_wrap.is-desktop { display: none; } .nav_1_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_1_search_field::placeholder { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .nav_1_search_wrap { border-bottom: var(--border-width--main) solid var(--_theme---border); display: flex; } .nav_1_banner_svg { width: 1rem; overflow: visible !important; } .nav_1_actions_wrap { flex-flow: column; flex: none; display: flex; } .nav_1_actions_wrap.is-desktop { flex-flow: row; justify-content: flex-start; align-items: stretch; } .nav_1_banner_close_svg { width: 100%; overflow: visible !important; } .nav_1_dropdown_mega_scroll { position: relative; } .nav_1_dropdown_mega_scroll.is-desktop { max-height: calc(100svh - var(--nav_1--height-total) - 1rem); overflow: hidden auto; margin-top: var(--nav_1--height) !important; } .nav_1_menu_contain { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--8); } .nav_1_links_svg { flex: none; width: 1rem; margin-left: auto; transition-property: transform; transition-duration: .2s; transition-timing-function: ease; overflow: visible !important; } .nav_1_buttons_item { z-index: 2; text-align: center; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; position: relative; } .nav_1_buttons_item.is-main { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--3); } .nav_1_buttons_item.is-main.is-desktop { margin: 0px var(--_spacing---space--3); margin: 0px var(--_spacing---space--3); } .nav_1_dropdown_text { transition: opacity .1s; } .nav_1_dropdown_mega_layout { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); } .nav_1_dropdown_mega_layout.is-desktop { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--6); 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: minmax(0, 1fr); padding-top: clamp(2.25rem, 2.03571rem + 1.07143vw, 3rem); padding-bottom: clamp(2.5rem, 2.07143rem + 2.14286vw, 4rem); display: grid; } .nav_1_mobile_contain { z-index: 2; grid-column-gap: var(--_spacing---space--3); height: var(--nav_1--height); justify-content: space-between; padding-top: 0; padding-bottom: 0; display: flex; position: relative; } .nav_1_mobile_contain.u-container { position: static; } .nav_1_desktop_layout { z-index: 1; flex: 1; display: flex; } .nav_1_dropdown_mega_contain.u-container { display: contents; } .nav_1_dropdown_mega_contain.u-container.is-desktop { display: block; } .nav_1_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_1_menu_scroll { max-height: calc(100svh - var(--nav_1--height-total)); overflow: hidden auto; } .nav_3_links_item { display: flex; } .nav_3_links_item.is-desktop { margin-left: auto; } .nav_3_menu_scroll { max-height: calc(100svh - var(--nav_3--height-total)); overflow: hidden auto; } .nav_3_links_component { grid-column-gap: var(--_spacing---space--3); flex-flow: column; flex: 1; display: flex; } .nav_3_links_component.is-desktop { flex-flow: row; justify-content: flex-start; align-items: stretch; } .nav_3_desktop_layout { z-index: 1; flex: 1; display: flex; } .nav_3_dropdown_mega_wrap { z-index: 1; background-color: #0000; width: 100%; position: relative; inset: 0% auto auto 0%; } .nav_3_dropdown_mega_wrap.is-desktop { position: absolute; } .nav_3_links_locales_hide { display: none; } .nav_3_search_btn_icon { width: 1.1rem; overflow: visible !important; } .nav_3_dropdown_mega_contain.u-container { display: contents; } .nav_3_dropdown_mega_contain.u-container.is-desktop { display: block; } .nav_3_dropdown_mega_layout { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); } .nav_3_dropdown_mega_layout.is-desktop { 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: minmax(0, 1fr); padding-top: clamp(2.25rem, 2.03571rem + 1.07143vw, 3rem); padding-bottom: clamp(2.5rem, 2.07143rem + 2.14286vw, 4rem); display: grid; } .nav_3_banner_layout { 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; display: grid; position: relative; } .nav_3_banner_svg { width: 1rem; overflow: visible !important; } .nav_3_btn_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_3_btn_wrap.w--open { color: inherit; background-color: #0000; } .nav_3_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_3_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_3_banner_embed { display: none; } .nav_3_logo_link { z-index: 2; outline-offset: var(--focus--offset-inner); pointer-events: auto; justify-content: flex-start; align-items: center; width: 6rem; display: flex; position: relative; } .nav_3_dropdown_main_wrap { background-color: #0000; min-width: 0; position: relative; } .nav_3_dropdown_main_wrap.is-desktop { padding-top: var(--_spacing---space--1); width: 10rem; position: absolute; } .nav_3_component { z-index: 1000; background-color: #0000; position: fixed; inset: 0% 0% auto; container-type: inline-size; } .nav_3_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_3_links_link.is-desktop { padding: 0px var(--_spacing---space--3); height: 100%; } .nav_3_links_svg { flex: none; width: 1rem; margin-left: auto; transition-property: transform; transition-duration: .2s; transition-timing-function: ease; overflow: visible !important; } .nav_3_banner_close_svg { width: 100%; overflow: visible !important; } .nav_3_search_label { width: 100%; } .nav_3_dropdown_text { transition: opacity .1s; } .nav_3_banner_close_wrap { outline-offset: var(--focus--offset-inner); flex: none; justify-content: center; align-items: center; width: 100%; padding: 0; display: flex; outline-color: var(--_theme---background) !important; } .nav_3_btn_line { height: var(--nav_3--hamburger-thickness); background-color: currentColor; flex: none; width: 100%; transition-property: all; transition-duration: .2s; transition-timing-function: ease; } .nav_3_dropdown_mega_scroll { position: relative; } .nav_3_dropdown_mega_scroll.is-desktop { max-height: calc(100svh - var(--nav_3--height-total) - 1rem); overflow: hidden auto; margin-top: var(--nav_3--height) !important; } .nav_3_dropdown_mega_content { position: relative; } .nav_3_dropdown_mega_content.is-desktop { background-color: var(--_theme---background); } .nav_3_banner_wrap { z-index: 1; background-color: var(--_theme---text); color: var(--_theme---background); font-size: var(--text-small--font-size); height: var(--nav_3--banner-height); flex-flow: column; justify-content: center; display: flex; position: relative; } .nav_3_skip_wrap { z-index: 2; border-width: var(--border-width--main); background-color: var(--_theme---background); outline-offset: var(--focus--offset-inner); color: var(--_theme---text); margin: .5rem; padding: .5rem; position: absolute; inset: 0% auto auto 0%; transform: translate(-200%); } .nav_3_skip_wrap:focus { transform: translate(0%); } .nav_3_wrap { z-index: 1; background-color: var(--_theme---background); position: relative; } .nav_3_wrap.is-desktop { display: none; } .nav_3_links_wrap { flex: 1; } .nav_3_links_wrap.is-desktop { flex-flow: row; justify-content: center; align-items: stretch; display: flex; } .nav_3_dropdown_main_scroll.is-desktop { background-color: var(--_theme---background); max-height: calc(100svh - var(--nav_3--height-total) - 1rem); position: relative; overflow-x: hidden; overflow-y: auto !important; } .nav_3_buttons_item { z-index: 2; text-align: center; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; position: relative; } .nav_3_buttons_item.is-main { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--3); } .nav_3_buttons_item.is-main.is-desktop { margin: 0px var(--_spacing---space--3); } .nav_3_menu_contain { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--8); } .nav_3_dropdown_component { z-index: unset; width: 100%; height: 100%; margin-left: 0; margin-right: 0; position: static; } .nav_3_contain { grid-column-gap: var(--_spacing---space--3); height: var(--nav_3--height); justify-content: space-between; padding-top: 0; padding-bottom: 0; display: flex; position: static; } .nav_3_search_wrap { border-bottom: var(--border-width--main) solid var(--_theme---border); display: flex; } .nav_3_links_search_icon { width: 1.1rem; overflow: visible !important; } .nav_3_logo_wrap { z-index: 2; pointer-events: none; justify-content: center; align-items: stretch; display: flex; position: absolute; inset: 0%; } .nav_3_btn_layout { grid-row-gap: var(--nav_3--hamburger-gap); flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; } .nav_3_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_3_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_3_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_3_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_3_search_field::placeholder { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .nav_3_mobile_contain { z-index: 2; grid-column-gap: var(--_spacing---space--3); height: var(--nav_3--height); justify-content: space-between; padding-top: 0; padding-bottom: 0; display: flex; position: relative; } .nav_3_mobile_contain.u-container { position: static; } .nav_3_menu_wrap { background-color: var(--_theme---background); text-align: left; padding-top: var(--nav_3--height); top: 0; transform: none !important; } .nav_3_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_3_dropdown_link.is-desktop { 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; } .nav_1_dropdown_link-2 { 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_1_dropdown_link-2.is-desktop { 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; } .nav_1_banner_close_wrap-2 { outline-offset: var(--focus--offset-inner); flex: none; justify-content: center; align-items: center; width: 100%; padding: 0; display: flex; outline-color: var(--_theme---background) !important; } .nav_1_menu_wrap-2 { background-color: var(--_theme---background); text-align: left; padding-top: var(--nav_1--height); inset: 0% 0% auto; transform: none !important; } .nav_1_skip_wrap-2 { z-index: 2; border-width: var(--border-width--main); background-color: var(--_theme---background); outline-offset: var(--focus--offset-inner); color: var(--_theme---text); margin: .5rem; padding: .5rem; position: absolute; inset: 0% auto auto 0%; transform: translate(-200%); } .nav_1_skip_wrap-2:focus { transform: translate(0%); } .nav_1_banner_wrap-2 { z-index: 1; background-color: var(--_theme---text); color: var(--_theme---background); font-size: var(--text-small--font-size); height: var(--nav_1--banner-height); flex-flow: column; justify-content: center; display: flex; position: relative; } .nav_1_banner_layout-2 { max-width: var(--max-width--main); 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; display: grid; } .nav_1_links_link-2 { 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_1_links_link-2.is-desktop { padding: 0px var(--_spacing---space--3); height: 100%; } .nav_1_menu_contain-2 { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--8); } .hero_content_wrapper { max-width: 41.25rem; } .card_list_wrap { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .card_primary_wrapper { border: var(--border-width--main) none var(--_theme---border); border-radius: var(--radius--large); width: 100%; height: 100%; min-height: 7.375rem; display: flex; } .card_primary_wrapper.u-border { background-color: var(--swatch--light-100); border-style: solid; justify-content: center; align-items: flex-start; } .card_primary_wrapper.u-border.tech-card_wrap { margin-bottom: var(--_spacing---space--5); break-inside: avoid; padding-top: 0; position: relative; } .card_primary_wrapper.u-border.tech-card_wrap.u-padding-4 { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); justify-content: center; align-items: center; min-height: auto; } .card_primary_wrapper.u-border.tech-card_wrap.u-padding-4.card_reveal { padding-right: var(--_spacing---space--6); padding-left: var(--_spacing---space--6); justify-content: flex-start; align-items: center; } .card_primary_wrapper.u-border.tech-card_wrap.u-theme-dark.color-card { padding-bottom: var(--_spacing---space--2); background-color: var(--_theme---background); } .card_primary_wrapper.u-border.small-cards-layout { margin-top: var(--_spacing---space--8); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); background-color: var(--swatch--transparent); border-style: none; border-radius: 0; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .card_primary_wrapper.u-border.tech-card { margin-bottom: var(--_spacing---space--4); min-height: auto; } .card_primary_wrapper.card_slide_wrap { padding-right: 0; } .card_primary_wrapper.card_slide_wrap.slider_onbrand { overflow: hidden; } .card_primary_wrapper.u-theme-dark.u-margin-trim { flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: flex-start; display: flex; } .flex-direction { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; align-items: flex-start; display: flex; } .nav_desktop_contain_alt { max-width: var(--max-width--full); padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); background-color: var(--_theme---background-3); width: auto; margin-left: auto; margin-right: auto; } .animation_layout_alt { background-image: linear-gradient(#25343c, #f4f444); } .animation_layout_alt.is-set-1.is-editor, .animation_layout_alt.is-set-2.is-editor, .animation_layout_alt.is-set-3.is-editor { background-image: none; } .tab-animation_alt { grid-column-gap: 16px; grid-row-gap: 16px; border-radius: var(--radius--large); background-image: linear-gradient(180deg, var(--swatch--dark-900), var(--swatch--brand-800)); flex-flow: row; flex: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; height: 41.0625rem; } .cta_content_wrap { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); justify-content: flex-start; align-items: center; display: flex; } .thumb_content_wrap { justify-content: flex-start; align-items: flex-start; display: flex; } .masnry_grid { column-count: 2; column-gap: 3rem; } .section-dualsystem_layout { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; align-items: flex-start; display: flex; } .section-dualsystem_layout.u-grid-above.u-threshold-medium { grid-template-rows: auto auto; display: flex; } .section-dualsystem_header.u-flex-horizontal-wrap.u-align-items-center.u-justify-content-between.u-margin-trim { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: row; justify-content: space-between; align-items: flex-start; width: 100%; padding-top: 4px; } .section-dualsystem_body { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; display: grid; } .section-dualsystem_body.is-subpage { width: 100%; display: flex; } .section-dualsystem_left.u-flex-vertical-wrap.u-gap-4.u-margin-trim { align-content: flex-start; position: relative; } .section-dualsystem_left.u-flex-vertical-wrap.u-gap-4.u-margin-trim.is-subpage { width: 40%; } .section-dualsystem_right { height: 100%; min-height: 30rem; position: relative; } .section-dualsystem_right.is-subpage { flex: 1; width: 100%; min-height: 38rem; } .section-dualsystem_subtab { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--large); width: 100%; padding: 3rem; display: flex; } .section-dualsystem_subtab.is-active { border-color: var(--swatch--dark-900); } .section-dualsystem_subtab.is-on { background-color: var(--swatch--dark-900); color: var(--swatch--light-100); } .section-dualsystem_subtab.is-on.is-active { border-color: var(--swatch--brand-500); background-color: var(--swatch--brand-500); color: var(--swatch--dark-900); } .section-dualsystem_subtab-icon { aspect-ratio: 1; border-radius: var(--radius--main); background-color: var(--swatch--light-300); justify-content: center; align-items: center; width: 5rem; height: 5rem; display: flex; } .section-dualsystem_subtab-icon.u-background-3.u-radius-main.u-padding-2 { aspect-ratio: 1; } .section-dualsystem_visual-off { aspect-ratio: auto; border-radius: var(--radius--large); position: absolute; inset: 0%; overflow: hidden; } .section-dualsystem_visual-off.u-child-contain.u-padding-6.u-radius-main.u-background-2.is-hidden { display: none; } .section-dualsystem_visual-off.u-background-3 { aspect-ratio: auto; } .section-dualsystem_visual-off.u-background-3.is-active { z-index: 1; position: absolute; inset: 0%; } .section-dualsystem_visual-on { aspect-ratio: auto; border-radius: var(--radius--large); background-image: linear-gradient(351deg, var(--swatch--brand-800), var(--swatch--dark-900)); width: 100%; position: absolute; inset: 0%; } .section-dualsystem_visual-on.u-child-contain.u-padding-6.u-radius-main.u-background-2.is-hidden { display: none; } .section-dualsystem_visual-on.u-background-3 { z-index: 2; opacity: 0; width: 100%; position: absolute; inset: 0%; } .section-dualsystem_visual-subtabs.u-child-contain.u-padding-6.u-radius-main.u-background-2.is-hidden { display: none; } .visual-off_item { position: absolute; inset: 0%; } .visual-off_item.u-child-contain { border-radius: var(--radius--large); background-color: var(--swatch--brand-500); padding: 3rem; overflow: hidden; } .visual-off_item.is-anim { position: absolute; } .visual-off_item-text { border-radius: var(--radius--large); background-color: var(--swatch--brand-500); max-width: 30rem; padding: 3rem; overflow: hidden; transform: rotate(9deg); } .visual-off_item-text.anim_element { z-index: 3; max-width: 30rem; position: absolute; inset: auto auto 14% 17%; } .visual-off_item-text.is-dark { background-color: var(--swatch--dark-900); color: var(--swatch--light-100); padding-bottom: 1.5rem; transform: rotate(9deg); } .visual-off_item-text.is-dark.alt_degree { padding-bottom: 1.5rem; transform: rotate(-9deg); } .visual-off_item-text.is-smaller { max-width: 25rem; transform: rotate(-9deg); } .visual-off_item-text.is-smaller_alt { max-width: 25rem; transform: rotate(9deg); } .visual-on_item, .visual-on_item.is-active { position: absolute; inset: 0%; } .visual-off_img { aspect-ratio: 1; border-radius: var(--radius--large); width: 19rem; height: 19rem; transform: rotate(-30deg); } .visual-off_img.anim_element { position: absolute; inset: 13% auto auto 16%; } .visual-off_img-secondary { aspect-ratio: 1; border-radius: var(--radius--large); width: auto; height: 19rem; transform: rotate(-7.5deg); } .visual-off_img-secondary.anim_element { position: absolute; inset: 12% 15% auto auto; } .visual-on_img { z-index: 3; border-radius: var(--radius--large); background-color: var(--swatch--light-100); object-fit: contain; width: 26rem; height: 26rem; position: relative; transform: rotate(-7.5deg); } .visual-subtabs_item-content { color: var(--swatch--light-100); background-color: #1d1f23; } .toggle_component { cursor: pointer; justify-content: center; align-items: center; width: 16.5rem; height: 3.5rem; padding-left: 3rem; padding-right: 2rem; display: flex; position: relative; } .label_text-off { color: var(--swatch--light-100); font-size: 1.6rem; line-height: 125%; font-weight: var(--_typography---font--primary-medium); margin-left: 3.9rem; position: relative; } .toggle_dot { border-radius: var(--radius--round); background-color: var(--swatch--light-100); width: 1.1rem; height: 1.1rem; position: absolute; inset: auto auto auto 1.5rem; } .toggle_bg { border-radius: var(--radius--large); background-color: var(--swatch--brand-text); position: absolute; inset: 0%; } .label_text-on { color: var(--swatch--dark-900); font-size: 1.6rem; line-height: 125%; font-weight: var(--_typography---font--primary-medium); position: absolute; inset: 0% auto 0% -1.5rem; } .section-dualsystem_subtab-icon-img { aspect-ratio: 1; width: 2rem; height: 2rem; } .toggle_labels { z-index: 2; flex-flow: row; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-end; align-items: center; display: flex; position: relative; } .list_wrapper-on { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: column; display: flex; position: absolute; inset: 0%; } .list_wrapper-off { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: column; display: flex; position: relative; } .label_text-off-copy { color: var(--swatch--light-100); font-size: var(--_typography---font-size--text-large); margin-left: 1rem; position: relative; } .visual-off_img-2 { aspect-ratio: 1; border-radius: 2rem; width: 19rem; height: 19rem; } .visual-off_img-2.anim_element { position: absolute; inset: 13% auto auto 16%; transform: rotate(-30deg); } .visual-off_img-tertiary { aspect-ratio: 1; border-radius: var(--radius--large); width: auto; height: 19rem; transform: rotate(15deg); } .visual-off_img-tertiary.anim_element { position: absolute; inset: 10% auto auto 12%; } .visual-off_img_second { aspect-ratio: 1; border-radius: var(--radius--large); width: 19rem; height: 19rem; transform: rotate(-23deg); } .visual-off_img_second.anim_element { position: absolute; inset: 18% 22% auto auto; } .anim_element { position: absolute; } .anim_element.is-first { z-index: 2; inset: 22% auto auto 10%; } .anim_element.is-first.is-box { border-radius: var(--radius--large); background-image: linear-gradient(0deg, var(--swatch--brand-700), var(--swatch--brand-text)); width: 19rem; height: 19rem; } .anim_element.is-first.is-subpage { inset: 35% 11% auto auto; } .anim_element.is-first.is-subpage_alt { inset: 26% auto auto 8%; } .anim_element.is-second { z-index: 3; inset: auto auto 13% 17%; } .anim_element.is-second.is-subapge { inset: auto 38% 18% auto; } .anim_element.is-second.is-subapge.is-all { right: 23%; } .anim_element.is-second.is-subapge_wrap { inset: auto auto 15% 18%; } .anim_element.is-third { z-index: 2; inset: 17% 14% auto auto; } .anim_element.is-third.is-subpage { inset: 13% 0% auto 26%; } .anim_element.is-third.is-subpage_alt { inset: 8% auto auto 25%; } .anim_element.is-fourth { z-index: 2; inset: 14% 12% auto auto; } .anim_element.is-fifth { z-index: 2; inset: 14% auto auto 17%; } .anim_element.is-sixts { z-index: 4; inset: 9% 9% auto auto; } .is-box { border-radius: var(--radius--large); background-image: linear-gradient(2deg, var(--swatch--brand-700), var(--swatch--dark-900)); width: 17rem; height: 17rem; transform: rotate(-20deg); } .is-box-2, .is-box-3 { background-image: linear-gradient(2deg, #929229, #25343c); border-radius: 2rem; width: 17rem; height: 17rem; transform: rotate(-20deg); } .tag_card_wrapper_wrap { justify-content: center; align-items: center; width: 100%; min-width: 0; max-width: 9rem; max-height: 6rem; padding-left: 1rem; padding-right: 1rem; } .tag_card_wrapper_wrap.content_icon { width: 9rem; } .tools_layout { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; justify-items: stretch; } .tools_layout.u-grid-autofit { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; display: flex; } .card_tag_wrap { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: wrap; display: flex; } .is-head_wrap { margin-bottom: 2rem; } @media screen and (max-width: 991px) { .c-grid._12-3 { grid-column-gap: var(--_spacing---section-space--main); grid-row-gap: var(--_spacing---section-space--main); } .c-grid.masnry_grid:where(.w-variant-2d129b71-f389-2bb5-157e-4c6664b6f1f7) { column-gap: 1.75rem; padding-left: 0; padding-right: 0; } .c-grid.masnry_grid:where(.w-variant-a43392db-4e92-372b-85af-453fa5f58a0b) { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); padding-left: 0; padding-right: 0; } .c-grid.card_wrap { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--type, auto-fit), minmax(min(max(calc(var(--column-width, 18) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); flex-flow: column; display: flex; } .u-container.u-margin-trim.card_layout { flex-flow: column; align-items: flex-start; height: 100%; display: flex; } .u-content-wrapper.hero_content { padding-left: 3rem; padding-right: 3rem; } .u-content-wrapper.hero_content_case_study { padding-top: var(--_spacing---space--3); padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .u-content-wrapper.contact_aside { width: 100%; } .form_main_wrap { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .button_main_wrap:where(.w-variant-4ebc5b5d-fa7b-fef8-b689-93ce310cc2dc), .button_main_wrap:where(.w-variant-0c15eeb4-29f0-3e28-050e-22821ede404b) { color: var(--_theme---text-link--text); } .button_main_text.u-text-style-main:where(.w-variant-46051c41-f19d-2976-995f-e0cfd52b9c9b) { white-space: normal; } .button_main_text.u-text-style-main.u-text-style-large.small-onmobile { font-size: var(--_typography---font-size--h5); } .button_link_text.u-text-style-main.u-text-button { font-size: var(--_typography---font-size--text-large); } .slider_wrap { grid-column-gap: 0rem; grid-row-gap: var(--_spacing---space--4); grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; } .slider_controls { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); place-items: center end; width: 100%; display: flex; } .slider_controls.u-align-items-center.u-justify-content-between.u-flex-horizontal-nowrap { grid-template-columns: auto 1fr auto; } .slider_controls.slider_double { grid-template-columns: 1fr; justify-content: center; align-self: center; align-items: center; display: flex; } .slider_controls.center-slider { grid-template-columns: 1fr 1fr; justify-content: center; align-self: center; place-items: center; display: flex; } .card_primary_wrap.u-border.tech-card_wrap.u-padding-4 { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); grid-column-gap: 16px; grid-row-gap: 16px; border-radius: var(--radius--main); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; min-height: 6rem; } .card_primary_wrap.u-border.small-cards-layout { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); grid-template-rows: auto; grid-template-columns: 1fr; } .card_primary_wrap.card_slide_wrap { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .card_primary_wrap.card_slide_wrap.double_card { padding-right: 0; } .card_secondary_inner.card_small { padding-left: 0; padding-right: 0; } .card_secondary_inner.slide_card { padding-top: var(--_spacing---space--3); padding-right: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); } .card_secondary_inner.card_smaller { padding-left: 0; padding-right: 0; } .nav_mobile_contain { width: 100%; margin-left: 0; margin-right: 0; } .nav_dropdown_main_scroll { padding-bottom: var(--_spacing---space--3); } .nav_mobile_menu_wrap { width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; overflow: hidden; } .nav_button_line { display: none; } .nav_mobile_wrap { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); background-color: var(--swatch--light-100); margin-top: 0; } .nav_button_wrap { width: auto; } .nav_button_wrap.w--open { color: inherit; background-color: #c8c8c800; } .nav_mobile_logo.w--current { width: 7.6875rem; } .nav_mobile_menu_scroll { padding-top: var(--_spacing---space--3); background-color: var(--swatch--light-100); width: 100%; overflow: hidden; } .footer_group_wrap.footer_logo_wrap { width: 100%; } .footer_contain.u-container { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); } .footer_contain.u-container.u-padding-8.is-no-xpad { padding-left: 0; padding-right: 0; } .footer_nav { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .tab_button_item.tab_slide_item { min-height: auto; } .tab_content_list { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: flex; } .tab_wrap { grid-template-columns: 1fr; } .card_primary_content.u-width-full { padding-top: var(--_spacing---space--2); padding-right: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .grid { grid-template-columns: 1fr; } .u-slider-wrap { background-color: var(--swatch--transparent); display: flex; } .u-hide { display: none; } .u-slide-card { width: 33%; } .logos { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; align-items: flex-start; } .logos.u-flex-horizontal-nowrap.u-alignment-center { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: flex; } .u-logos-element { object-fit: scale-down; width: auto; height: 90%; } .u-text-left { justify-content: flex-start; align-items: flex-start; } .tab_content_card_wrap.u-background-3 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; position: relative; } .tab_content_card_wrap.u-background-3.u-zindex-0 { aspect-ratio: 16 / 9; flex-flow: column; display: flex; position: relative; } .tab_card_dark_color_wrap.u-theme-brand.u-zindex-3 { max-width: 100%; right: 1%; } .tab_card_dark_color_wrap.u-theme-dark.u-zindex-2 { max-width: 100%; } .tab_card_dark_color_wrap.u-theme-dark.u-zindex-1 { max-width: 70%; position: relative; } .tab_card_dark_icon_wrap.u-theme-dark.u-zindex-1 { width: 100%; } .tab_card_dark_icon_wrap.u-theme-dark.u-zindex-2 { width: 24%; position: absolute; bottom: 13%; left: 15%; } .image_card_content_wrap { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .card_fullwidth_image { order: -9999; width: 50%; } .card_fullwidth_text { padding-left: var(--_spacing---space--4); } .image_wrapper.slider_wrapper { border-radius: var(--radius--main); } .card_slide_content_text { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--4); } .hero_wrap_content { max-width: 75%; } .hero_wrap_content.u-zindex-3 { max-width: 90%; } .energy_card_content.u-zindex-1 { max-width: 80%; } .heading_wrap.u-grid-autofit { display: flex; } .tabs_content_wrap.u-container.u-padding-8.is-no-xpad { padding-bottom: var(--_spacing---space--1); } .image_content.u-container { padding-left: var(--_spacing---space--4); } .card_person_image { width: 100%; height: 100%; overflow: hidden; } .image_round_wrap { width: 12rem; height: auto; } .contact_form_wrap { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; } .contact_form_wrap_inner { grid-template-columns: 1fr; } .job-offer-layout.u-container-small.u-margin-trim { width: 100%; } .job-offer-container.u-margin-trim { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .layout-tabs-lottie { flex-flow: column; } .col-lottie.width-50.tab-animation, .col-lottie.tab-animation.width-60 { order: -9999; width: 100%; } .col-tabs.width-50, .col-tabs.width-30 { width: 100%; } .tab_grid.u-container, .tab_grid_second.u-container.u-padding-8.is-no-xpad { padding-left: 0; padding-right: 0; } .slot { grid-template-columns: 1fr 1fr; } .card_person_img { height: 100%; } .u-container-small-inner { padding-top: var(--_spacing---space--2); width: auto; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .hero_case_image { order: -9999; width: 100%; height: 100%; overflow: hidden; } .hero_case_layout { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); flex-flow: column; } .hero_wrap_content_case { max-width: 75%; } .hero_wrap_content_case.u-zindex-3 { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); max-width: 100%; margin-top: 0; } .client_list_wrap { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .client_list_item.last_item_wrap { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: row; } .small-inner-image { object-fit: scale-down; } .table_head { flex: 1; } .table_head.border-right { border-right: var(--border-width--main) solid var(--_theme---border); } .table_headr_wrap { display: flex; } .wrap { white-space: normal; word-break: normal; } .client_list_wrap_dark { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .client_list_wrap_dark.u-theme-dark { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .brand_box_wrap_small.u-margin-trim.u-margin-bottom-0 { margin-top: 3rem; } .case_image.u-width-full { padding-top: var(--_spacing---space--2); padding-right: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .image_case.u-border.tech-card_wrap.u-padding-4 { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); grid-column-gap: 16px; grid-row-gap: 16px; border-radius: var(--radius--main); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; min-height: 6rem; } .image_case.u-border.small-cards-layout { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); grid-template-rows: auto; grid-template-columns: 1fr; } .image_case.card_slide_wrap { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .image_case.card_slide_wrap.double_card { padding-right: 0; } .cards-stack_item.is-1.u-zindex-3 { transform: rotate(10deg)translate(-55%, 11%); } .cards-stack_item.is-2.u-zindex-2 { transform: rotate(-9deg)translate(0, -70%); } .cards-stack_item.is-3 { transform: rotate(-16deg)translate(-70%, -105%); } .animation_item.animation-image { width: auto; max-height: 16rem; } .animation_item.animation-image.custom-image { width: 50%; height: 43%; } .animation_item.animation-company { width: auto; height: 50%; max-height: 14rem; } .animation_item.animation-image-large { height: 60%; } .animation_layout { height: 100svw; max-height: 35rem; position: relative; } .tab-animation { aspect-ratio: auto; order: -9999; width: 100%; min-height: 31rem; } .tabs_main_wrap { flex-flow: column; } .tabs_links { margin-top: var(--_spacing---space--6); width: 100%; padding-left: 0; } .tabs_links.alternative_tabs { width: 100%; padding-right: 0; } .tab-link.w--current { height: auto; } .animation_item_alt.animation-image { height: 60%; } .animation_item_alt.animation-company { height: 50%; } .animation_item_alt.animation-textblock.u-margin-trim { inset: auto 0 22% 21%; } .animation_item_alt.animation-image-large { height: 60%; max-height: 23rem; inset: 0% 0 auto 0%; } .animation_item-copy.animation-image { height: 60%; } .animation_item-copy.animation-company { height: 50%; } .animation_item-copy.animation-image-large { height: 60%; } .card_logo_absolute { bottom: 5%; left: 2rem; } .content_image { object-fit: cover; } .card_fullwidth_text_noimage { padding-left: var(--_spacing---space--4); } .card_primary_wrap_card.u-border.tech-card_wrap.u-padding-4 { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); grid-column-gap: 16px; grid-row-gap: 16px; border-radius: var(--radius--main); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; min-height: 6rem; } .card_primary_wrap_card.u-border.small-cards-layout { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); grid-template-rows: auto; grid-template-columns: 1fr; } .card_primary_wrap_card.card_slide_wrap { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .card_primary_wrap_card.card_slide_wrap.double_card { padding-right: 0; } .card_primary_content_card.u-width-full { padding-top: var(--_spacing---space--2); padding-right: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .card_image_wrap { border-radius: var(--radius--main); } .card_primary_wrap_noanim.u-border.tech-card_wrap.u-padding-4 { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); grid-column-gap: 16px; grid-row-gap: 16px; border-radius: var(--radius--main); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; min-height: 6rem; } .card_primary_wrap_noanim.u-border.small-cards-layout { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); grid-template-rows: auto; grid-template-columns: 1fr; } .card_primary_wrap_noanim.card_slide_wrap { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .card_primary_wrap_noanim.card_slide_wrap.double_card { padding-right: 0; } .card_primary_wrap_noanim.card_slide_wrap.slider_onbrand { margin-right: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); aspect-ratio: auto; } .card_box_image { width: 60%; } .card_image_inner.card_small { padding-left: 0; padding-right: 0; } .card_image_inner.slide_card { padding-top: var(--_spacing---space--3); padding-right: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); } .card_image_inner.card_smaller { padding-left: 0; padding-right: 0; } .nav_1_btn_wrap.w--open, .nav_3_btn_wrap.w--open { color: inherit; background-color: #c8c8c800; } .card_primary_wrapper.u-border.tech-card_wrap.u-padding-4 { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); grid-column-gap: 16px; grid-row-gap: 16px; border-radius: var(--radius--main); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; min-height: 6rem; } .card_primary_wrapper.u-border.small-cards-layout { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); grid-template-rows: auto; grid-template-columns: 1fr; } .card_primary_wrapper.card_slide_wrap { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .card_primary_wrapper.card_slide_wrap.double_card { padding-right: 0; } .flex-direction { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; place-items: start stretch; display: grid; } .content_wrap { padding-top: var(--_spacing---space--7); } .animation_layout_alt { height: 100svw; max-height: 35rem; position: relative; } .tab-animation_alt { aspect-ratio: auto; order: -9999; width: 100%; min-height: 31rem; } .masnry_grid { column-gap: 1.5rem; } .section-dualsystem_header.u-flex-horizontal-wrap.u-align-items-center.u-justify-content-between.u-margin-trim { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); } .section-dualsystem_body { grid-template-columns: 1fr; } .section-dualsystem_body.is-subpage { flex-flow: column; } .section-dualsystem_left.u-flex-vertical-wrap.u-gap-4.u-margin-trim.is-subpage { width: 100%; } .section-dualsystem_right.is-subpage { order: -9999; } .tag_card_wrapper_wrap { width: 45%; max-width: none; } .tools_layout { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: auto; display: grid; } .tools_layout.u-grid-autofit { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 767px) { strong { color: var(--swatch--brand-500); font-weight: inherit; } .c-grid.masnry_grid:where(.w-variant-2d129b71-f389-2bb5-157e-4c6664b6f1f7) { column-count: 1; } .c-grid.masnry_grid:where(.w-variant-a43392db-4e92-372b-85af-453fa5f58a0b) { padding-left: 0; padding-right: 0; } .c-grid.masnry_grid._2-3 { column-count: 1; } .c-grid.flex-inline { flex-flow: column; } .u-text-style-h2.cards-anim_title { font-size: var(--_text-style---font-size); } .u-section { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .u-section.rounded { padding-left: 0; padding-right: 0; } .u-section.rounded.light.energy_image_wrap { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .u-container.card_person_layout { flex-flow: column; grid-template-columns: 1fr; display: flex; } .u-content-wrapper.hero_content { padding-right: var(--_spacing---space--5); padding-left: var(--_spacing---space--5); } .u-content-wrapper.hero_content_case_study { padding-right: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .button_main_wrap.button_toggle_button { width: 100%; } .button_main_wrap.color:where(.w-variant-6fa191c2-e545-81c9-2f1b-ac857841eade) { background-color: var(--_theme---background); } .overlay_wrap { background-image: linear-gradient(92deg, #000 32%, #252c1fd6 77%, #959a427a 92%, #f4f44400); } .section_contain.u-container.card_person_layout.u-container-small { padding-right: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--6); padding-left: var(--_spacing---space--5); flex-flow: column; display: flex; } .section_contain.u-container.card_person_layout.u-container-small.person_card_wrap { padding-right: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .section_contain.brand-2.u-container.u-padding-8.is-no-xpad { padding-bottom: var(--_spacing---space--2); } .slider_controls { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; grid-template-columns: 1fr 1fr 1fr; grid-auto-flow: row; align-self: stretch; place-items: center; display: flex; } .slider_controls.u-align-items-center.u-justify-content-between.u-flex-horizontal-nowrap { display: flex; } .slider_controls.slider_double { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; align-self: stretch; } .slider_controls.center-slider { align-self: stretch; } .slider_button_layout { flex-flow: row; justify-content: space-between; align-self: stretch; } .card_primary_wrap.u-border.tech-card_wrap.u-padding-4.card_reveal { border-radius: var(--radius--large); } .card_primary_wrap.card_slide_wrap { padding-right: var(--_spacing---space--4); } .card_primary_wrap.card_slide_wrap.double_card { padding-left: 0; padding-right: 0; } .card_secondary_inner.slide_card, .nav_dropdown_main_scroll { padding-bottom: var(--_spacing---space--3); } .nav_mobile_layout { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .nav_button_wrap { width: 4rem; } .footer_nav { display: flex; } .tab_button_text.u-text-style-main { align-self: flex-start; } .card_primary_content.card_small_content, .card_primary_content.card_tiny_content { padding-top: var(--_spacing---space--3); padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .features_wrap.u-section.u-margin-bottom-8 { padding-left: 0; padding-right: 0; } .u-quote-wrap.u-padding-4 { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .u-text-left { justify-content: flex-start; align-items: center; } .tab_card_dark_color_wrap.u-theme-brand.u-zindex-3 { max-width: 60%; bottom: 17%; right: 6%; } .tab_card_dark_color_wrap.u-theme-dark.u-zindex-1 { max-width: 60%; left: 2%; } .tab_card_dark_icon_wrap.u-theme-dark.u-zindex-2 { display: none; left: 4%; } .profile_card { flex-flow: row; } .profile_card_wrap { flex-flow: column; } .image_card_wrap { aspect-ratio: 1; } .card_fullwidth_content { padding-top: var(--_spacing---space--3); padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); flex-flow: column-reverse; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: flex; } .card_fullwidth_content.card_fullwidth_corbder_content { flex-flow: column; } .card_fullwidth_image { border-radius: var(--radius--main); width: 100%; } .card_fullwidth_text { padding: var(--_spacing---space--2) var(--_spacing---space--3) var(--_spacing---space--4); } .card_fullwidth_text.card_fullwidth_lighttext, .card_fullwidth_text.card_fullwidth_lighttext-s { order: 9999; } .hero_wrap { margin-right: var(--site--margin); margin-left: var(--site--margin); display: flex; } .card_slide_content { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .card_slide_content_text { padding-top: var(--_spacing---space--2); } .card_slide_content_text.secondary_card { padding-top: var(--_spacing---space--6); } .hero_wrap_content, .hero_wrap_content.u-zindex-3 { max-width: 100%; } .slider_button { flex: none; order: 9999; } .energy_card_content.u-zindex-1 { max-width: 100%; } .heading_wrap, .heading_wrap.u-grid-autofit { flex-flow: column; } .tabs_text_wrap.u-column-4 { max-width: 100%; } .card_slide_content_layout { padding-top: var(--_spacing---space--2); } .image_content.u-container { padding-right: var(--_spacing---space--4); } .card_person_image { aspect-ratio: 3 / 2; border-radius: var(--radius--main); } .card_person_txt { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--2); } .contact_form_image { margin-bottom: var(--_spacing---space--1); } .double_card_wrap { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .card_white_content { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .job-offer-layout.u-container-small.u-margin-trim { padding-left: 1rem; padding-right: 1rem; } .job-offer-container.u-margin-trim { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .tag-offer-wrap.tags-offer-wrap { justify-content: flex-start; align-items: center; min-width: 100%; } .job-offer-card-layout { flex-flow: column; } .section-tabs-lottie.u-section.no-space { padding-left: 0; padding-right: 0; } .container-tabs-lottie.u-container.u-margin-trim.tabswitch_setb { opacity: 0; } .layout-tabs-lottie, .layout-tabs-lottie.u-flex-grow.u-justify-content-between.u-align-items-center { flex-flow: column; } .col-lottie.width-50, .width-50 { width: 100%; } .tabs_content.u-container, .tabs_content.u-margin-bottom-6 { flex-flow: column; } .slot { grid-template-columns: 1fr 1fr 1fr; } .hero_case_image { border-radius: var(--radius--main); } .hero_wrap_content_case { max-width: 100%; } .hero_wrap_content_case.u-zindex-3 { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); max-width: 100%; } .tag-wrap_case { flex-flow: wrap; } .client_list_item { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: column; } .client_list_item.last_item_wrap { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; } .small_inner_2col { flex-flow: column; align-items: flex-start; } .client_list_wrap_dark.u-theme-dark { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: flex-start; display: flex; } .case_image.card_small_content { padding-top: var(--_spacing---space--3); padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .image_case.card_slide_wrap { padding-right: var(--_spacing---space--4); } .image_case.card_slide_wrap.double_card { padding-left: 0; padding-right: 0; } .image_case.image_inside.u-margin-bottom-0 { border-radius: var(--radius--main); } .cards-stack_item.is-1.u-zindex-3 { width: 23rem; transform: rotate(10deg)translate(-55%, -20%); } .cards-stack_item.is-2.u-zindex-2 { height: 14rem; } .cards-stack_item.is-3 { aspect-ratio: 1; width: 13rem; height: 13rem; } .cards-anim_stack { width: 40%; } .animation_item.animation-image { width: auto; height: 50%; max-height: 12rem; } .animation_item.animation-image.custom-image { width: 80%; height: 40%; max-height: none; } .animation_item.animation-company { width: auto; height: 40%; } .animation_item.animation-textblock { width: 100%; } .animation_item.animation-image-large { width: auto; height: 50%; } .animation_layout { height: 100svw; } .animation_item_alt.animation-image, .animation_item_alt.animation-company { width: auto; height: 50%; } .animation_item_alt.animation-textblock { width: 100%; } .animation_item_alt.animation-textblock.u-margin-trim { width: 90%; bottom: 15%; left: 2%; } .animation_item_alt.animation-image-large { width: 60%; height: auto; left: 18%; } .animation_item-copy.animation-image, .animation_item-copy.animation-company { width: auto; height: 50%; } .animation_item-copy.animation-textblock { width: 100%; } .animation_item-copy.animation-image-large { width: auto; height: 50%; } .card_logo_absolute { max-width: 4rem; max-height: 4rem; bottom: 1.5rem; left: 1.5rem; } .overlay_wrap_image { opacity: .5; background-image: linear-gradient(92deg, #000000a8, #252c1f96 55%, #f4f44400); } .content_image { object-fit: cover; } .cards_layout { grid-template-rows: auto; grid-template-columns: 1fr; } .custom-element { column-count: 1; } .tab-pane-tab-1 { height: 100svw; } .card_fullwidth_text_noimage { padding: var(--_spacing---space--2) var(--_spacing---space--3) var(--_spacing---space--4); } .card_primary_wrap_card.card_slide_wrap { padding-right: var(--_spacing---space--4); } .card_primary_wrap_card.card_slide_wrap.double_card { padding-left: 0; padding-right: 0; } .card_primary_content_card.card_small_content { padding-top: var(--_spacing---space--3); padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .overlay_wrap_cards { background-image: linear-gradient(92deg, #00000096, #252c1fd6 52%, #959a427a 92%, #f4f44400); } .overlay_wrap_onphoto { background-image: linear-gradient(92deg, #000 32%, #252c1fd6 77%, #959a427a 92%, #f4f44400); } .card_primary_wrap_noanim.card_slide_wrap { padding-right: var(--_spacing---space--4); } .card_primary_wrap_noanim.card_slide_wrap.double_card { padding-left: 0; padding-right: 0; } .card_primary_wrap_noanim.card_slide_wrap.slider_onbrand { padding-right: var(--_spacing---space--3); } .card_box_image { border-radius: var(--radius--main); width: 100%; } .card_box_image.image_small_ratio { width: 100%; } .card_layout_column { grid-template-columns: 1fr; } .card_image_slide_content { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .card_image_inner.slide_card { padding-bottom: var(--_spacing---space--3); } .slider_button_layout_alt { flex-flow: row; justify-content: space-between; align-self: stretch; } .card_primary_wrapper.card_slide_wrap { padding-right: var(--_spacing---space--4); } .card_primary_wrapper.card_slide_wrap.double_card { padding-left: 0; padding-right: 0; } .flex-direction { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); flex-flow: column; display: flex; } .animation_layout_alt { height: 100svw; } .masnry_grid { column-count: 1; } .section-dualsystem_header.u-flex-horizontal-wrap.u-align-items-center.u-justify-content-between.u-margin-trim { flex-flow: column; } .section-dualsystem_header-toggle.u-flex-horizontal-nowrap.u-align-items-center { width: 100%; } .section-dualsystem_subtab { flex-flow: column; padding: 2rem; } .toggle_component, .toggle_labels { width: 100%; } .anim_element.is-second.is-subapge { bottom: 12%; right: 7%; } .anim_element.is-second.is-subapge_wrap { bottom: 12%; left: 10%; right: 7%; } .anim_element.is-third.is-subpage { inset: 11% auto auto 5%; } .anim_element.is-third.is-subpage_alt { left: 7%; } .tag_card_wrapper_wrap { width: 46%; } } @media screen and (max-width: 479px) { h1 { line-height: var(--_typography---line-height--huge); } .c-heading.h1 { font-size: var(--_typography---font-size--h3); line-height: var(--_typography---line-height--medium); white-space: normal; word-break: normal; } .u-section { padding-right: var(--_spacing---space--1); padding-left: var(--_spacing---space--1); } .u-section.rounded.brand.brand-wrap, .u-section.rounded.brand_slider.brand-wrap { padding-top: var(--_spacing---space--8); } .u-section.image_full_wrap { padding-right: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .u-container.card_person_layout { width: auto; margin-left: 0; margin-right: 0; } .u-max-width-full { max-width: 100%; } .button_main_wrap:where(.w-variant-4ebc5b5d-fa7b-fef8-b689-93ce310cc2dc), .button_main_wrap:where(.w-variant-0c15eeb4-29f0-3e28-050e-22821ede404b) { color: var(--_theme---button-secondary--text); } .button_main_text.u-text-style-main.u-text-style-large { white-space: normal; } .section_contain.u-container.u-padding-8.is-no-xpad { padding-left: 0; padding-right: 0; } .section_contain.brand-2.u-container.u-padding-8.is-no-xpad { padding-bottom: var(--_spacing---space--4); padding-top: 0; } .section_contain.u-padding-8.is-no-xpad { padding-top: var(--_spacing---space--2); } .slider_controls { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; width: 100%; display: flex; } .slider_controls.u-align-items-center.u-justify-content-between.u-flex-horizontal-nowrap { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; } .slider_button_layout { order: -9999; justify-content: space-between; align-self: stretch; } .card_secondary_inner.slide_card { padding-bottom: var(--_spacing---space--3); } .nav_mobile_layout { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); grid-column-gap: var(--_spacing---space--2); } .footer_contain.u-container.u-padding-8.is-no-xpad { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .tab_button_item.tab_slide_item { padding-top: var(--_spacing---space--3); padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: column; justify-content: flex-start; align-items: flex-start; } .card_primary_content.card_small_inner.small-card-wrap.u-content-wrapper.u-margin-trim { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .features_wrap.u-section.u-margin-bottom-8 { padding-left: 0; padding-right: 0; } .u-text-left { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .tab_card_dark_color_wrap.u-theme-brand.u-zindex-3 { max-width: 100%; position: static; transform: none; } .tab_card_dark_color_wrap.u-theme-dark.u-zindex-1 { max-width: 100%; position: static; } .card_fullwidth_text { display: flex; } .image_wrapper { aspect-ratio: 3 / 2; } .image_wrapper.slider_wrapper { aspect-ratio: 3 / 2; border-radius: var(--radius--main); } .card_slide_content { grid-template-columns: 1fr; } .slider_button { order: 9999; align-self: center; } .energy_card_content.u-zindex-1.u-max-width-40ch { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .image_round_wrap { width: 4rem; } .card_white_content { grid-template-columns: 1fr; } .job-offer-layout.u-container-small.u-margin-trim { padding-left: 0; padding-right: 0; } .tab-button { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: column; align-items: flex-start; } .image_wrapper_img { object-fit: cover; height: 100%; } .slot { grid-template-columns: 1fr 1fr; } .client_list_wrap { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .small_inner_2col { flex-flow: wrap; } .sudo_table_wrap { flex-flow: row; } .table_content { max-width: 50%; } .table_scroll { flex-flow: column; width: 97%; display: flex; } .table_scroll-copy { width: 100%; overflow: auto; } .wrap { white-space: normal; } .client_list_wrap_dark { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .brand_box_wrap_small { padding: 2rem; } .case_image.card_small_inner.small-card-wrap.u-content-wrapper.u-margin-trim { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .image_case.u-border.tech-card_wrap.u-theme-dark.color-card { aspect-ratio: 1; } .is-brand.card-_typograpgy_glow { font-size: 3rem; } .animation_item.animation-image { width: auto; height: 36%; } .animation_item.animation-image.custom-image { padding: var(--_spacing---space--4); width: 100%; height: auto; max-height: none; top: 21%; left: 4%; } .animation_item.animation-company { width: auto; height: 40%; min-height: 10rem; top: 40%; } .animation_item.animation-textblock { width: 90%; top: 43%; } .animation_item.animation-image-large { width: auto; } .tab-animation { flex-flow: column; min-height: 33rem; } .tab-link { flex-flow: column; } .animation_item_alt.animation-image { width: auto; } .animation_item_alt.animation-company { width: auto; min-height: 10rem; } .animation_item_alt.animation-textblock { width: 90%; } .animation_item_alt.animation-textblock.u-margin-trim { inset: auto 0% 0%; } .animation_item_alt.animation-image-large { width: 70%; inset: 0% 0% auto auto; } .animation_item-copy.animation-image { width: auto; } .animation_item-copy.animation-company { width: auto; min-height: 10rem; } .animation_item-copy.animation-textblock { width: 90%; } .animation_item-copy.animation-image-large { width: auto; } .card_logo_absolute { max-height: 4rem; inset: auto auto 1rem 1rem; } .content_image { object-fit: cover; } .technologies_wrap { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); } .technologies_element { flex-flow: column; align-items: flex-start; } .card_fullwidth_text_noimage { padding-right: var(--_spacing---space--1); padding-left: var(--_spacing---space--1); display: flex; } .card_primary_wrap_card.u-border.tech-card_wrap.u-theme-dark.color-card { aspect-ratio: 1; } .card_primary_content_card.card_small_inner.small-card-wrap.u-content-wrapper.u-margin-trim { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .card_primary_wrap_noanim.u-border.tech-card_wrap.u-theme-dark.color-card { aspect-ratio: 1; } .card_image_slide_content { grid-template-columns: 1fr; } .card_image_inner.slide_card { padding-bottom: var(--_spacing---space--3); } .slider_button_layout_alt { order: -9999; justify-content: space-between; align-self: stretch; } .hero_content_wrapper { max-width: 100%; } .card_primary_wrapper.u-border.tech-card_wrap.u-theme-dark.color-card { aspect-ratio: 1; } .tab-animation_alt { flex-flow: column; min-height: 33rem; } .cta_content_wrap { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .visual-off_item-text.is-dark, .visual-off_item-text.is-dark.alt_degree { padding: 2rem 2rem 1rem; } .visual-off_item-text.is-smaller, .visual-off_item-text.is-smaller_alt { padding: 2rem; } .anim_element.is-second.is-subapge { bottom: 2%; right: 3%; } .anim_element.is-second.is-subapge_wrap { inset: auto 0% 10% 6%; } .anim_element.is-third.is-subpage { top: 6%; } .tag_card_wrapper_wrap { width: 100%; } .tools_layout.u-grid-autofit { grid-template-columns: 1fr; } } #w-node-_29394d2f-cd0c-8059-7e15-66f9381499a5-3814999f { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_20283b9a-e503-3f41-c000-21e9c9691612-d3e63f09 { grid-area: 1 / 1 / 2 / 3; justify-self: start; } #w-node-_45084ffc-bb1b-2555-3f03-142161422403-614223ee, #w-node-_582631cf-4e18-114c-4701-c11da8f79748-a8f79745 { align-self: stretch; } #w-node-_582631cf-4e18-114c-4701-c11da8f79756-a8f79745 { align-self: end; } #w-node-ef3b0dde-81bd-9de9-e823-14efabe0d8b0-abe0d8a4 { align-self: stretch; } #w-node-_6c21212e-035a-970e-cdde-e6e6f71b3396-f71b3384 { grid-area: 1 / 1 / 2 / 3; justify-self: start; } #w-node-e2805e13-9101-e547-888e-c67422c1d242-22c1d21c { align-self: stretch; } #w-node-_2b8c03aa-1096-3de2-4bc0-bacce594a4f8-91946367 { grid-column: span 1 / span 1; } #w-node-_518cf4ef-3aa2-213e-ac56-3be25f2b0407-93455741 { align-self: stretch; } #w-node-_9fb59dac-ead3-fc2c-bbfc-37f95a5d194e-93455741 { grid-area: 1 / 1 / 2 / 3; justify-self: start; } #w-node-b7f1969c-6396-00a0-6662-188e8d579d5a-93455743 { align-self: stretch; } @media screen and (max-width: 767px) { #w-node-_886767c2-3936-ac2e-8878-c2225a32215f-ab5397e6, #w-node-_582631cf-4e18-114c-4701-c11da8f79756-a8f79745, #w-node-_3ba2a9d5-71f9-32e1-28ba-d5b1afc593ff-afc593fc { order: -9999; } } @media screen and (max-width: 479px) { #w-node-_0b17930f-f04b-aab4-8e6d-8ef7d6ab824a-d6ab8245, #w-node-_02549294-b8da-5914-0dc3-244852934265-5293425d, #w-node-b4fa4f6e-f2cd-2226-69d7-f02c7c7c4580-7c7c457b, #w-node-_51f101b6-df69-13fc-e417-4ddcd41c1f11-93455741, #w-node-df6768e0-d817-8310-02c9-703f7f5d055f-7f5d055a { grid-area: span 1 / span 1 / span 1 / span 1; } }