:root { --background-colors--body-background: var(--section-colors--light-base); --_typography---primary-font: "General Sans", Arial, sans-serif; --text-colors--primary-text: var(--_colors---brand-accent-primary--brand-accent-900); --layout-core-sizes--body-size: var(--_layout---body-sizes--body-medium); --_text-styles---line-height--130: 130%; --_text-styles---weight--normal: 400; --_typography---h1--h1-margin-top: var(--_layout---spacing--space-medium); --_typography---h1--h1-margin-bottom: var(--_layout---spacing--space-xlarge); --_typography---h1--h1-font-family: var(--typography--heading); --_typography---h1--h1-font-size: var(--_text-styles---heading-size--large); --_typography---h1--h1-line-height: var(--_text-styles---line-height--110); --_typography---h1--h1-font-weight: var(--_text-styles---weight--medium); --_typography---h2--h2-margin-top: var(--_layout---spacing--space-medium); --_typography---h2--h2-margin-bottom: var(--_layout---spacing--space-medium); --_typography---h2--h2-font-family: var(--typography--heading); --_typography---h2--h2-font-size: var(--_text-styles---heading-size--medium); --_typography---h2--h2-line-height: var(--_text-styles---line-height--110); --_typography---h2--h2-font-weight: var(--_text-styles---weight--medium); --_typography---h3--h3-margin-top: var(--_layout---spacing--space-medium); --_typography---h3--h3-margin-bottom: var(--_layout---spacing--space-small); --_typography---h3--h3-font-family: var(--typography--heading); --_typography---h3--h3-font-size: var(--_text-styles---heading-size--small); --_typography---h3--h3-line-height: var(--_text-styles---line-height--110); --_typography---h3--h3-font-weight: var(--_text-styles---weight--medium); --_typography---h4--h4-margin-top: var(--_layout---spacing--space-medium); --_typography---h4--h4-margin-bottom: var(--_layout---spacing--space-medium); --_typography---h4--h4-font-family: var(--typography--heading); --_typography---h4--h4-font-size: var(--_text-styles---heading-size--xsmall); --_typography---h4--h4-line-height: var(--_text-styles---line-height--110); --_typography---h4--h4-font-weight: var(--_text-styles---weight--medium); --_typography---h5--h5-margin-top: var(--_layout---spacing--space-medium); --_typography---h5--h5-margin-bottom: var(--_layout---spacing--space-medium); --_typography---h5--h5-font-family: var(--typography--heading); --_typography---h5--h5-font-size: var(--_text-styles---heading-size--xsmall); --_typography---h5--h5-line-height: var(--_text-styles---line-height--110); --_typography---h5--h5-font-weight: var(--_text-styles---weight--medium); --_typography---h6--h6-margin-top: var(--_layout---spacing--space-medium); --_typography---h6--h6-margin-bottom: var(--_layout---spacing--space-medium); --_typography---h6--h6-font-family: var(--typography--heading); --_typography---h6--h6-font-size: var(--_text-styles---heading-size--xsmall); --_typography---h6--h6-line-height: var(--_text-styles---line-height--110); --_typography---h6--h6-font-weight: var(--_text-styles---weight--medium); --_typography---paragraph--paragraph-margin-top: var(--_layout---spacing--space-small); --_typography---paragraph--paragraph-margin-bottom: var(--_layout---spacing--space-medium); --_typography---paragraph--paragraph-font-family: var(--typography--body-font); --_typography---paragraph--paragraph-font-size: var(--_text-styles---paragraph-size--medium); --_typography---paragraph--paragraph-line-height: var(--_text-styles---line-height--160); --_typography---paragraph--paragraph-font-weight: var(--_text-styles---weight--medium); --brand-accent--secondary-base: var(--_colors---accent-secondary--accent-secondary-500); --_layout---spacing--space-large: clamp(1rem, .9rem + .5vw, 1.5rem); --_layout---raw-sizes--size-025: .25rem; --_layout---spacing--space-xsmall: clamp(.25rem, .2rem + .25vw, .5rem); --_layout---spacing--space-2xsmall: clamp(.125rem, .1rem + .125vw, .25rem); --_text-styles---line-height--150: 150%; --_text-styles---weight--semi-bold: 600; --layout-core-sizes--spacing-default: var(--_layout---spacing--space-medium); --_colors---brand-accent-primary--brand-accent-500: var(--_colors---brand-accent-primary--brand-accent-default); --_layout---spacing--space-xlarge: clamp(1.25rem, 1.1rem + .75vw, 2rem); --layout-core-sizes--container-max-width: var(--_layout---container--container-default); --layout-core-sizes--container-padding: var(--layout-core-sizes--gap-default); --layout-core-sizes--gap-default: var(--_layout---spacing--space-medium); --_layout---container--container-narrow: 90rem; --layout-core-sizes--padding-default: var(--_layout---padding--padding-medium); --section-colors--light-base: var(--_colors---brand-accent-primary--brand-accent-100); --section-colors--light-strong: var(--_colors---brand-accent-primary--brand-accent-200); --section-colors--light-subtle: var(--_colors---brand-accent-primary--brand-accent-50); --section-colors--dark-strong: var(--_colors---brand-accent-primary--brand-accent-900); --brand-accent--subtle: var(--_colors---brand-accent-primary--brand-accent-50); --_colors---neutral--transparent: transparent; --section-colors--dark-base: var(--_colors---brand-accent-primary--brand-accent-800); --text-colors--inverse-text: var(--_colors---brand-accent-primary--brand-accent-50); --section-colors--dark-subtle: var(--_colors---brand-accent-primary--brand-accent-700); --section-colors--secondary-light-subtle: var(--_colors---accent-secondary--accent-secondary-50); --section-colors--secondary-light-base: var(--_colors---accent-secondary--accent-secondary-100); --section-colors--secondary-light-strong: var(--_colors---accent-secondary--accent-secondary-200); --section-colors--secondary-dark-strong: var(--_colors---accent-secondary--accent-secondary-900); --section-colors--secondary-dark-base: var(--_colors---accent-secondary--accent-secondary-800); --_colors---accent-secondary--accent-secondary-100: color-mix(in srgb, var(--_colors---accent-secondary--accent-secondary-default)30%, white); --section-colors--secondary-dark-subtle: var(--_colors---accent-secondary--accent-secondary-700); --_layout---spacing--no-space: 0rem; --_layout---raw-sizes--size-5: 5rem; --_layout---layout-calculations--nav-size: 4.5rem; --_typography---label--label-line-height: var(--_text-styles---line-height--120); --brand-accent--secondary-subtle: var(--_colors---accent-secondary--accent-secondary-300); --brand-accent--strong: var(--_colors---brand-accent-primary--brand-accent-800); --_typography---label--label-font-family: var(--typography--label); --_typography---label--label-font-size: var(--_text-styles---paragraph-size--xsmall); --_typography---label--label-font-weight: var(--_text-styles---weight--normal); --_layout---raw-sizes--size-075: .75rem; --typography--heading: var(--_typography---display-font); --_layout---raw-sizes--size-2: 2rem; --_text-styles---weight--medium: 500; --_text-styles---heading-size--medium: clamp(1.5rem, 1.45rem + .25vw, 1.75rem); --_text-styles---heading-size--large: clamp(1.5rem, 1.375rem + .625vw, 2.125rem); --_text-styles---heading-size--2xlarge: clamp(2.375rem, 2rem + 1.875vw, 4.25rem); --_text-styles---line-height--120: 120%; --_text-styles---heading-size--small: clamp(1.125rem, 1.075rem + .25vw, 1.375rem); --_text-styles---heading-size--xsmall: clamp(1rem, .975rem + .125vw, 1.125rem); --_text-styles---heading-size--2xsmall: clamp(.8125rem, .7875rem + .125vw, .9375rem); --_text-styles---heading-size--xlarge: clamp(1.875rem, 1.65rem + 1.125vw, 3rem); --_text-styles---line-height--90: 90%; --_layout---max-fluid-width--max-fluid-small: clamp(18rem, 15.6rem + 12vw, 30rem); --_text-styles---line-height--100: 100%; --_typography---display-font: "General Sans", Arial, sans-serif; --_text-styles---line-height--80: 80%; --_text-styles---paragraph-size--medium: clamp(1rem, .975rem + .125vw, 1.125rem); --_text-styles---paragraph-size--large: clamp(1.125rem, 1.1rem + .125vw, 1.25rem); --_text-styles---paragraph-size--small: clamp(.9375rem, .9125rem + .125vw, 1rem); --_text-styles---line-height--140: 140%; --_text-styles---paragraph-size--xlarge: clamp(1.2rem, 1.12rem + .4vw, 1.6rem); --layout-core-sizes--radius-default: var(--_layout---radius--radius-small); --_layout---spacing--space-small: clamp(.5rem, .45rem + .25vw, .75rem); --_layout---spacing--space-medium: clamp(.75rem, .7rem + .25vw, 1rem); --brand-accent--base: var(--_colors---brand-accent-primary--brand-accent-300); --_text-styles---paragraph-size--2xsmall: clamp(.8125rem, .8rem + .0625vw, .875rem); --_text-styles---line-height--110: 110%; --_text-styles---paragraph-size--xsmall: clamp(.875rem, .8625rem + .0625vw, .9375rem); --_layout---raw-sizes--size-8: 8rem; --_colors---accent-secondary--accent-secondary-50: color-mix(in srgb, var(--_colors---accent-secondary--accent-secondary-default)20%, white); --_layout---raw-sizes--size-05: .5rem; --_colors---accent-secondary--accent-secondary-200: color-mix(in srgb, var(--_colors---accent-secondary--accent-secondary-default)50%, white); --_layout---layout-calculations--nav-size\ : calc(var(--layout-core-sizes--action-size-default) + 2*var(--layout-core-sizes--nav-gap)); --background-colors--body-background-dark: var(--section-colors--dark-base); --_colors---neutral-colors--neutral-500: color-mix(in srgb, var(--_colors---neutral-colors--neutral-accent-color)50%, white); --_colors---neutral-colors--neutral-0: color-mix(in srgb, var(--_colors---neutral-colors--neutral-accent-color)2%, white); --_colors---neutral-colors--neutral-50: color-mix(in srgb, var(--_colors---neutral-colors--neutral-accent-color)5%, white); --_colors---neutral-colors--neutral-100: color-mix(in srgb, var(--_colors---neutral-colors--neutral-accent-color)10%, white); --_colors---neutral-colors--neutral-200: color-mix(in srgb, var(--_colors---neutral-colors--neutral-accent-color)20%, white); --_colors---neutral-colors--neutral-300: color-mix(in srgb, var(--_colors---neutral-colors--neutral-accent-color)30%, white); --_colors---neutral-colors--neutral-400: color-mix(in srgb, var(--_colors---neutral-colors--neutral-accent-color)40%, white); --_colors---neutral-colors--neutral-600: color-mix(in srgb, var(--_colors---neutral-colors--neutral-accent-color)80%, white); --_colors---neutral-colors--neutral-700: color-mix(in srgb, var(--_colors---neutral-colors--neutral-accent-color)90%, black); --_colors---neutral-colors--neutral-800: color-mix(in srgb, var(--_colors---neutral-colors--neutral-accent-color)80%, black); --_colors---neutral-colors--neutral-900: color-mix(in srgb, var(--_colors---neutral-colors--neutral-accent-color)70%, black); --_colors---neutral-colors--neutral-950: color-mix(in srgb, var(--_colors---neutral-colors--neutral-accent-color)50%, black); --_layout---column--col-2: calc((100% - var(--layout-core-sizes--spacing-default))/2); --_layout---column--col-3: calc((100% - (2*var(--layout-core-sizes--spacing-default)))/3); --_layout---column--col-4: calc((100% - (3*var(--layout-core-sizes--spacing-default)))/4); --_colors---brand-accent-primary--brand-accent-300: color-mix(in srgb, var(--_colors---brand-accent-primary--brand-accent-default)70%, white); --_colors---brand-accent-primary--brand-accent-10: color-mix(in srgb, var(--_colors---brand-accent-primary--brand-accent-default)10%, white); --_colors---brand-accent-primary--brand-accent-50: color-mix(in srgb, var(--_colors---brand-accent-primary--brand-accent-default)25%, white); --_colors---brand-accent-primary--brand-accent-100: color-mix(in srgb, var(--_colors---brand-accent-primary--brand-accent-default)35%, white); --_colors---brand-accent-primary--brand-accent-200: color-mix(in srgb, var(--_colors---brand-accent-primary--brand-accent-default)45%, white); --_colors---brand-accent-primary--brand-accent-400: color-mix(in srgb, var(--_colors---brand-accent-primary--brand-accent-default)90%, white); --_colors---brand-accent-primary--brand-accent-600: color-mix(in srgb, var(--_colors---brand-accent-primary--brand-accent-default)65%, black); --_colors---brand-accent-primary--brand-accent-700: color-mix(in srgb, var(--_colors---brand-accent-primary--brand-accent-default)50%, black); --_colors---brand-accent-primary--brand-accent-800: color-mix(in srgb, var(--_colors---brand-accent-primary--brand-accent-default)30%, black); --_colors---brand-accent-primary--brand-accent-900: color-mix(in srgb, var(--_colors---brand-accent-primary--brand-accent-default)15%, black); --_colors---brand-accent-primary--brand-accent-950: color-mix(in srgb, var(--_colors---brand-accent-primary--brand-accent-default)10%, black); --_layout---raw-sizes--size-3: 3rem; --_colors---brand-accent-primary--brand-accent-default: #99988f; --_layout---spacing--fluid-spacing-medium: 2.5vw; --_layout---max-width--max-width-30: 30rem; --_layout---max-width--max-width-40: 40rem; --_layout---max-width--max-width-48: 48rem; --_layout---max-width--max-width-56: 56rem; --_layout---max-width--max-width-64: 64rem; --_layout---max-width--max-width-72: 72rem; --_layout---max-width--max-width-80: 80rem; --_colors---brand-accent-primary-opacity--brand-30: color-mix(in srgb, var(--brand-accent--base)30%, transparent); --_layout---padding--padding-large: clamp(2rem, 1.5rem + 6vw, 6rem); --_colors---state--success: #24690a; --_layout---padding--padding-xlarge: clamp(3rem, 2rem + 6vw, 8rem); --_colors---state--error: #eb2c2f; --text-colors--secondary-text: var(--_colors---brand-accent-primary--brand-accent-800); --_colors---dark-opacity--dark-20: color-mix(in srgb, var(--_colors---dark-opacity--primary-neutral-dark)20%, transparent); --_layout---max-width--max-width-35: 35rem; --_layout---max-width--max-width-20: 20rem; --_layout---max-width--max-width-15: 15rem; --_layout---spacing--space-2xlarge: clamp(2rem, 1.8rem + 1vw, 3rem); --_layout---layout-calculations--full-width-section: calc(100% - 2*var(--layout-core-sizes--container-padding)); --_colors---light-opacity--light-05: color-mix(in srgb, var(--_colors---light-opacity--primary-neutral-light)5%, transparent); --_media---image--medium: clamp(15rem, 30vw, 30rem); --_media---image--xlarge: clamp(30rem, 60vw, 60rem); --_media---image--large: clamp(20rem, 40vw, 40rem); --typography--label: var(--_typography---mono-font); --brand-accent--secondary-strong: var(--_colors---accent-secondary--accent-secondary-700); --_colors---brand-opacity-light--brand-light-50: color-mix(in srgb, var(--brand-accent--subtle)50%, transparent); --_colors---brand-opacity-light--brand-light-80: color-mix(in srgb, var(--brand-accent--subtle)80%, transparent); --_layout---raw-sizes--size-1: 1rem; --typography--body-font: var(--_typography---primary-font); --_colors---brand-accent-primary-opacity--brand-70: color-mix(in srgb, var(--brand-accent--base)70%, transparent); --_layout---max-fluid-width--max-fluid-large: clamp(26rem, 22.4rem + 18vw, 44rem); --_layout---spacing--fluid-spacing-large: 5vw; --_layout---spacing--space-3xlarge: clamp(3rem, 2.8rem + 1vw, 4rem); --_layout---column--col-30: calc((100% - var(--layout-core-sizes--spacing-default))*.3); --_layout---column--col-40: calc((100% - var(--layout-core-sizes--spacing-default))*.4); --_layout---column--col-60: calc((100% - var(--layout-core-sizes--spacing-default))*.6); --_layout---column--col-70: calc((100% - var(--layout-core-sizes--spacing-default))*.7); --_text-styles---weight--extra-light: 200; --_layout---layout-calculations--full-height-section: calc(100svh - 2*var(--layout-core-sizes--container-padding)); --_colors---dark-opacity--dark-30: color-mix(in srgb, var(--_colors---dark-opacity--primary-neutral-dark)30%, transparent); --_layout---max-fluid-width--max-fluid-medium: clamp(22rem, 19.2rem + 14vw, 36rem); --_layout---raw-sizes--size-25: 2.5rem; --_colors---brand-accent-primary-opacity--brand-60: color-mix(in srgb, var(--brand-accent--base)60%, transparent); --_layout---raw-sizes--size-15: 1.5rem; --_colors---brand-accent-secondary-opacity--brand-secondary-20: color-mix(in srgb, var(--brand-accent--secondary-base)20%, transparent); --_layout---max-fluid-width--max-fluid-xlarge: clamp(34rem, 29.2rem + 24vw, 58rem); --_layout---max-fluid-width--max-fluid-2xlarge: clamp(42rem, 36rem + 30vw, 72rem); --_layout---radius--radius-max: 999rem; --_layout---raw-sizes--size-125: 1.25rem; --_colors---brand-accent-primary-opacity--brand-10: color-mix(in srgb, var(--brand-accent--base)10%, transparent); --_layout---raw-sizes--size-015: .15rem; --_colors---accent-secondary--accent-secondary-default: #583939; --_colors---accent-secondary--accent-secondary-300: color-mix(in srgb, var(--_colors---accent-secondary--accent-secondary-default)70%, white); --_colors---accent-secondary--accent-secondary-400: color-mix(in srgb, var(--_colors---accent-secondary--accent-secondary-default)90%, white); --_colors---accent-secondary--accent-secondary-500: var(--_colors---accent-secondary--accent-secondary-default); --_colors---accent-secondary--accent-secondary-600: color-mix(in srgb, var(--_colors---accent-secondary--accent-secondary-default)65%, black); --_colors---accent-secondary--accent-secondary-700: color-mix(in srgb, var(--_colors---accent-secondary--accent-secondary-default)50%, black); --_colors---accent-secondary--accent-secondary-800: color-mix(in srgb, var(--_colors---accent-secondary--accent-secondary-default)30%, black); --_colors---accent-secondary--accent-secondary-900: color-mix(in srgb, var(--_colors---accent-secondary--accent-secondary-default)15%, black); --_colors---accent-secondary--accent-secondary-950: color-mix(in srgb, var(--_colors---accent-secondary--accent-secondary-default)10%, black); --_colors---accent-secondary--accent-secondary-10: color-mix(in srgb, var(--_colors---accent-secondary--accent-secondary-default)10%, white); --layout-core-sizes--nav-gap: var(--_layout---spacing--no-space); --borders--border-default-color: var(--_colors---brand-accent-primary-opacity--brand-40); --_layout---spacing--fluid-spacing-small: 1.5vw; --text-colors--muted-text: var(--_colors---brand-accent-primary--brand-accent-200); --_layout---max-fluid-width--max-fluid-xsmall: clamp(15rem, 13rem + 10vw, 25rem); --_layout---padding--padding-medium: clamp(2rem, 1rem + 4vw, 4rem); --_colors---brand-accent-secondary-opacity--brand-secondary-60: color-mix(in srgb, var(--brand-accent--secondary-base)60%, transparent); --_colors---brand-opacity-light--brand-light-70: color-mix(in srgb, var(--brand-accent--subtle)70%, transparent); --_layout---max-fluid-width--max-fluid-2xsmall: clamp(12rem, 10.4rem + 8vw, 20rem); --_layout---raw-sizes--size-175: 1.75rem; --_layout---raw-sizes--size-100: 10rem; --_text-styles---line-height--160: 160%; --_layout---raw-sizes--size-4: 4rem; --_colors---brand-accent-primary-opacity--brand-50: color-mix(in srgb, var(--brand-accent--base)50%, transparent); --_text-styles---paragraph-size--2xlarge: clamp(1.3rem, 1.16rem + .7vw, 2rem); --_colors---dark-opacity--dark-40: color-mix(in srgb, var(--_colors---dark-opacity--primary-neutral-dark)40%, transparent); --_layout---spacing--fluid-spacing-xlarge: 10vw; --_layout---padding--padding-small: clamp(1rem, .8rem + 1vw, 2rem); --_layout---body-sizes--body-small: .875rem; --_media---image--2xsmall: clamp(3rem, 5vw, 5rem); --_layout---body-sizes--body-medium: 1rem; --_media---image--xsmall: clamp(5rem, 10vw, 10rem); --_media---image--small: clamp(10rem, 20vw, 20rem); --_typography---mono-font: "JetBrains Mono", sans-serif; --_layout---body-sizes--body-large: 1.125rem; --_layout---body-sizes--body-xlarge: 1.25rem; --layout-core-sizes--button-radius-default: var(--_layout---radius--radius-max); --layout-core-sizes--action-size-default: var(--_layout---action-sizes--medium); --_colors---brand-accent-primary-opacity--brand-90: color-mix(in srgb, var(--brand-accent--base)90%, transparent); --_colors---brand-accent-primary-opacity--brand-80: color-mix(in srgb, var(--brand-accent--base)80%, transparent); --_colors---brand-accent-primary-opacity--brand-40: color-mix(in srgb, var(--brand-accent--base)40%, transparent); --_colors---brand-accent-primary-opacity--brand-20: color-mix(in srgb, var(--brand-accent--base)20%, transparent); --_colors---brand-accent-primary-opacity--brand-05: color-mix(in srgb, var(--brand-accent--base)5%, transparent); --_colors---brand-accent-secondary-opacity--brand-secondary-90: color-mix(in srgb, var(--brand-accent--secondary-base)90%, transparent); --_colors---brand-accent-secondary-opacity--brand-secondary-80: color-mix(in srgb, var(--brand-accent--secondary-base)80%, transparent); --_colors---brand-accent-secondary-opacity--brand-secondary-70: color-mix(in srgb, var(--brand-accent--secondary-base)70%, transparent); --_colors---brand-accent-secondary-opacity--brand-secondary-50: color-mix(in srgb, var(--brand-accent--secondary-base)50%, transparent); --_colors---brand-accent-secondary-opacity--brand-secondary-40: color-mix(in srgb, var(--brand-accent--secondary-base)40%, transparent); --_colors---brand-accent-secondary-opacity--brand-secondary-30: color-mix(in srgb, var(--brand-accent--secondary-base)30%, transparent); --_colors---brand-accent-secondary-opacity--brand-secondary-10: color-mix(in srgb, var(--brand-accent--secondary-base)10%, transparent); --_colors---brand-accent-secondary-opacity--brand-secondary-05: color-mix(in srgb, var(--brand-accent--secondary-base)5%, transparent); --_layout---raw-sizes--size-35: 3.5rem; --_layout---raw-sizes--size-45: 4.5rem; --_layout---raw-sizes--size-6: 6rem; --_layout---raw-sizes--size-7: 7rem; --_layout---raw-sizes--size-9: 9rem; --_colors---brand-opacity-light--brand-light-90: color-mix(in srgb, var(--brand-accent--subtle)90%, transparent); --_layout---raw-sizes--size-150: 15rem; --_layout---raw-sizes--size-200: 20rem; --_layout---raw-sizes--size-300: 30rem; --_colors---brand-opacity-light--brand-light-60: color-mix(in srgb, var(--brand-accent--subtle)60%, transparent); --_layout---max-width--max-width-25: 25rem; --_layout---max-width--max-width-27: 27rem; --_colors---brand-opacity-light--brand-light-40: color-mix(in srgb, var(--brand-accent--subtle)40%, transparent); --_colors---brand-opacity-light--brand-light-30: color-mix(in srgb, var(--brand-accent--subtle)30%, transparent); --_colors---brand-opacity-light--brand-light-20: color-mix(in srgb, var(--brand-accent--subtle)20%, transparent); --_colors---brand-opacity-light--brand-light-10: color-mix(in srgb, var(--brand-accent--subtle)10%, transparent); --_colors---neutral-colors--neutral-accent-color: var(--_colors---brand-accent-primary--brand-accent-800); --_colors---dark-opacity--primary-neutral-dark: var(--section-colors--dark-base); --_colors---dark-opacity--dark-90: color-mix(in srgb, var(--_colors---dark-opacity--primary-neutral-dark)90%, transparent); --_colors---dark-opacity--dark-80: color-mix(in srgb, var(--_colors---dark-opacity--primary-neutral-dark)80%, transparent); --_colors---dark-opacity--dark-70: color-mix(in srgb, var(--_colors---dark-opacity--primary-neutral-dark)70%, transparent); --_colors---dark-opacity--dark-60: color-mix(in srgb, var(--_colors---dark-opacity--primary-neutral-dark)60%, transparent); --_colors---dark-opacity--dark-50: color-mix(in srgb, var(--_colors---dark-opacity--primary-neutral-dark)50%, transparent); --_colors---dark-opacity--dark-10: color-mix(in srgb, var(--_colors---dark-opacity--primary-neutral-dark)10%, transparent); --_colors---dark-opacity--dark-05: color-mix(in srgb, var(--_colors---dark-opacity--primary-neutral-dark)5%, transparent); --_colors---light-opacity--primary-neutral-light: var(--section-colors--light-subtle); --_colors---light-opacity--light-90: color-mix(in srgb, var(--_colors---light-opacity--primary-neutral-light)90%, transparent); --_colors---light-opacity--light-80: color-mix(in srgb, var(--_colors---light-opacity--primary-neutral-light)80%, transparent); --_colors---light-opacity--light-70: color-mix(in srgb, var(--_colors---light-opacity--primary-neutral-light)70%, transparent); --_colors---light-opacity--light-60: color-mix(in srgb, var(--_colors---light-opacity--primary-neutral-light)60%, transparent); --_colors---light-opacity--light-50: color-mix(in srgb, var(--_colors---light-opacity--primary-neutral-light)50%, transparent); --_colors---light-opacity--light-40: color-mix(in srgb, var(--_colors---light-opacity--primary-neutral-light)40%, transparent); --_colors---light-opacity--light-30: color-mix(in srgb, var(--_colors---light-opacity--primary-neutral-light)30%, transparent); --_colors---light-opacity--light-20: color-mix(in srgb, var(--_colors---light-opacity--primary-neutral-light)20%, transparent); --_colors---light-opacity--light-10: color-mix(in srgb, var(--_colors---light-opacity--primary-neutral-light)10%, transparent); --_media---image--2xlarge: clamp(40rem, 80vw, 80rem); --_layout---radius--radius-small: 3px; --_layout---radius--radius-medium: 6px; --_layout---radius--radius-large: 10px; --_layout---layout-calculations--full-height-inner-block: calc(100svh - var(--_layout---layout-calculations--nav-size)); --_layout---action-sizes--small: clamp(2rem, 1.9rem + .5vw, 2.5rem); --_colors---state--accepting: #bee6af; --_layout---action-sizes--medium: clamp(2.5rem, 2.35rem + .75vw, 3.25rem); --_colors---state--declined: #faea7f; --_layout---action-sizes--large: clamp(3rem, 2.8rem + 1vw, 4rem); --_layout---container--container-article: 60rem; --_layout---container--container-default: 120rem; --_layout---container--container-wide: 140rem; --_layout---container--inner-container: calc(100% - 2*var(--layout-core-sizes--padding-default)); --_text-styles---weight--thin: 100; --_text-styles---weight--light: 300; --_text-styles---weight--bold: 700; --_text-styles---weight--extra-bold: 800; --_text-styles---weight--black: 900; --_layout---container-padding--container-padding-small: clamp(1rem, .8rem + 1vw, 2rem); --_layout---container-padding--container-padding-medium: clamp(1.25rem, .95rem + 1.5vw, 3rem); --_layout---container-padding--container-padding-large: clamp(1.5rem, 1rem + 2.5vw, 4rem); --_layout---container-padding--container-padding-xlarge: clamp(2rem, 1.3rem + 3.5vw, 6rem) } body { background-color: var(--background-colors--body-background); font-family: var(--_typography---primary-font); color: var(--text-colors--primary-text); font-size: var(--layout-core-sizes--body-size); line-height: var(--_text-styles---line-height--130); font-weight: var(--_text-styles---weight--normal) } h1 { margin-top: var(--_typography---h1--h1-margin-top); margin-bottom: var(--_typography---h1--h1-margin-bottom); font-family: var(--_typography---h1--h1-font-family); font-size: var(--_typography---h1--h1-font-size); line-height: var(--_typography---h1--h1-line-height); font-weight: var(--_typography---h1--h1-font-weight) } h2 { margin-top: var(--_typography---h2--h2-margin-top); margin-bottom: var(--_typography---h2--h2-margin-bottom); font-family: var(--_typography---h2--h2-font-family); font-size: var(--_typography---h2--h2-font-size); line-height: var(--_typography---h2--h2-line-height); font-weight: var(--_typography---h2--h2-font-weight) } h3 { margin-top: var(--_typography---h3--h3-margin-top); margin-bottom: var(--_typography---h3--h3-margin-bottom); font-family: var(--_typography---h3--h3-font-family); font-size: var(--_typography---h3--h3-font-size); line-height: var(--_typography---h3--h3-line-height); font-weight: var(--_typography---h3--h3-font-weight) } h4 { margin-top: var(--_typography---h4--h4-margin-top); margin-bottom: var(--_typography---h4--h4-margin-bottom); font-family: var(--_typography---h4--h4-font-family); font-size: var(--_typography---h4--h4-font-size); line-height: var(--_typography---h4--h4-line-height); font-weight: var(--_typography---h4--h4-font-weight) } h5 { margin-top: var(--_typography---h5--h5-margin-top); margin-bottom: var(--_typography---h5--h5-margin-bottom); font-family: var(--_typography---h5--h5-font-family); font-size: var(--_typography---h5--h5-font-size); line-height: var(--_typography---h5--h5-line-height); font-weight: var(--_typography---h5--h5-font-weight) } h6 { margin-top: var(--_typography---h6--h6-margin-top); margin-bottom: var(--_typography---h6--h6-margin-bottom); font-family: var(--_typography---h6--h6-font-family); font-size: var(--_typography---h6--h6-font-size); line-height: var(--_typography---h6--h6-line-height); font-weight: var(--_typography---h6--h6-font-weight) } p { margin-top: var(--_typography---paragraph--paragraph-margin-top); margin-bottom: var(--_typography---paragraph--paragraph-margin-bottom); font-family: var(--_typography---paragraph--paragraph-font-family); font-size: var(--_typography---paragraph--paragraph-font-size); line-height: var(--_typography---paragraph--paragraph-line-height); font-weight: var(--_typography---paragraph--paragraph-font-weight) } a { color: var(--brand-accent--secondary-base); text-decoration: none } ul { margin-top: var(--_layout---spacing--space-large); margin-bottom: var(--_layout---spacing--space-large); padding-left: var(--_layout---raw-sizes--size-025); grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall); flex-flow: column; list-style-type: none; display: flex } ol { margin-top: var(--_layout---spacing--space-large); margin-bottom: var(--_layout---spacing--space-large); padding-left: var(--_layout---spacing--space-2xsmall); grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall); flex-flow: column; display: flex } li { margin-bottom: var(--_layout---spacing--space-xsmall); opacity: .7; font-family: var(--_typography---paragraph--paragraph-font-family); font-size: var(--_typography---paragraph--paragraph-font-size); line-height: var(--_text-styles---line-height--150); font-weight: var(--_typography---paragraph--paragraph-font-weight); background-image: url(https://cdn.prod.website-files.com/6a060cd7503d72ff714e6294/6a060cd7503d72ff714e659e_check-mark.svg); background-position: 0; background-repeat: no-repeat; background-size: 1.2rem; padding-left: 30px } img { max-width: 100%; display: inline-block } strong { font-weight: var(--_text-styles---weight--semi-bold) } blockquote { margin-top: var(--layout-core-sizes--spacing-default); margin-bottom: var(--layout-core-sizes--spacing-default); padding: var(--_layout---spacing--space-large); border-left: 1px solid var(--_colors---brand-accent-primary--brand-accent-500); font-family: var(--_typography---paragraph--paragraph-font-family); font-size: var(--_typography---paragraph--paragraph-font-size); line-height: var(--_typography---paragraph--paragraph-line-height); font-weight: var(--_typography---paragraph--paragraph-font-weight); text-transform: uppercase } figure { margin-bottom: var(--_layout---spacing--space-xlarge) } .w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible { outline-offset: 2px; border-radius: 50%; outline: 2px solid #3b79c3 } .main { z-index: 99; width: 100%; max-width: 100vw; position: relative; overflow: clip } .section { z-index: 9; width: 100%; max-width: 100vw; padding-top: var(--layout-core-sizes--padding-default); padding-bottom: var(--layout-core-sizes--padding-default); background-color: var(--section-colors--light-base); color: var(--text-colors--primary-text); position: relative; overflow: clip } .section.light-strong { background-color: var(--section-colors--light-strong); color: var(--text-colors--primary-text) } .section.light-subtle { background-color: var(--section-colors--light-subtle); color: var(--text-colors--primary-text) } .section.dark-strong { background-color: var(--section-colors--dark-strong); color: var(--brand-accent--subtle) } .section.transparent { background-color: var(--_colors---neutral--transparent); color: var(--text-colors--primary-text) } .section.dark-base { background-color: var(--section-colors--dark-base); color: var(--text-colors--inverse-text) } .section.dark-subtle { background-color: var(--section-colors--dark-subtle); color: var(--text-colors--inverse-text) } .section.light-subtle-secondary { background-color: var(--section-colors--secondary-light-subtle); color: var(--text-colors--primary-text) } .section.base-secondary { background-color: var(--section-colors--secondary-light-base) } .section.light-strong-secondary { background-color: var(--section-colors--secondary-light-strong); color: var(--text-colors--primary-text) } .section.dark-strong-secondary { background-color: var(--section-colors--secondary-dark-strong); color: var(--brand-accent--subtle) } .section.dark-base-secondary { background-color: var(--section-colors--secondary-dark-base); color: var(--_colors---accent-secondary--accent-secondary-100) } .section.dark-subtle-secondary { background-color: var(--section-colors--secondary-dark-subtle); color: var(--text-colors--inverse-text) } .section.no-top-padding { padding-top: var(--_layout---spacing--no-space); padding-top: var(--_layout---spacing--no-space) } .footer { z-index: 98; background-color: var(--section-colors--secondary-dark-subtle); width: 100%; color: var(--text-colors--inverse-text); flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; position: relative; overflow: clip } .nav { z-index: 999; color: var(--text-colors--inverse-text); justify-content: space-between; align-items: center; display: flex; position: absolute; inset: 0% 0% auto; border-bottom: 1px solid #c7c7c7; /* padding: 10px 0px; */ } .logo-link { z-index: 9; grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall); color: var(--text-colors--inverse-text); text-align: center; flex-flow: row; justify-content: center; align-self: stretch; align-items: center; display: flex; position: relative } .logo-link:where(.w-variant-1d241c0f-3ebd-4ffa-435c-5f9d238d40ec), .logo-link.is-dark, .logo-link.is-dark:hover { color: var(--text-colors--primary-text) } .brand-logo-image { width: 180px; height: var(--_layout---layout-calculations--nav-size); padding-top: var(--_layout---spacing--space-2xsmall); padding-bottom: var(--_layout---spacing--space-2xsmall); object-fit: contain; object-position: 0% 50% } .nav-main-links { z-index: 9; grid-column-gap: var(--_layout---spacing--space-xlarge); grid-row-gap: var(--_layout---spacing--space-xlarge); flex-flow: row; justify-content: flex-start; align-self: stretch; align-items: center; display: flex; position: relative } .nav-main-links.for-mega-menu { justify-content: flex-end; align-items: center; position: static } .nav-link { z-index: 9; grid-column-gap: var(--_layout---spacing--space-2xsmall); grid-row-gap: var(--_layout---spacing--space-2xsmall); border-top: 2px solid var(--_colors---neutral--transparent); border-bottom: 2px solid var(--_colors---neutral--transparent); color: var(--text-colors--inverse-text); line-height: var(--_typography---label--label-line-height); cursor: pointer; flex-flow: row; justify-content: flex-start; align-self: stretch; align-items: center; transition: color .2s, border-color .2s; display: flex; position: relative; overflow: clip } .nav-link:where(.w-variant-4fd71e4c-d457-df52-ef73-ccb914039c77) { color: var(--text-colors--primary-text) } .nav-link:hover { border-top-color: var(--brand-accent--secondary-subtle); color: var(--_colors---accent-secondary--accent-secondary-100) } .nav-link:hover:where(.w-variant-4fd71e4c-d457-df52-ef73-ccb914039c77) { border-top-color: var(--brand-accent--secondary-subtle); color: var(--brand-accent--secondary-base) } .nav-link.w--current { border-top-color: var(--brand-accent--subtle) } .nav-link.w--current:where(.w-variant-1d241c0f-3ebd-4ffa-435c-5f9d238d40ec) { border-top-color: var(--brand-accent--strong) } .label-text { z-index: 9; opacity: .9; font-size: var(--_typography---label--label-font-size); line-height: normal; font-weight: 400; letter-spacing: 0.5px; text-transform: uppercase; margin-top: 0; margin-bottom: 0; position: relative; } .label-text.events-none { pointer-events: none } .label-text.with-opacity { opacity: .6 } .label-text.is-small { opacity: .65; font-size: var(--_layout---raw-sizes--size-075) } .label-text.in-label-block { font-size: var(--_layout---raw-sizes--size-075) } .label-text.in-label-block:where(.w-variant-51d51728-fe69-730d-e99c-5fd5218dc070) { opacity: 100; color: var(--text-colors--inverse-text) } .heading { z-index: 9; font-family: var(--typography--heading); font-size: var(--_layout---raw-sizes--size-2); line-height: var(--_text-styles---line-height--130); font-weight: var(--_text-styles---weight--medium); margin-top: 0; margin-bottom: 0; position: relative } .heading.is-large { font-size: var(--_text-styles---heading-size--large) } .heading.is-2xlarge { font-size: var(--_text-styles---heading-size--2xlarge); line-height: var(--_text-styles---line-height--120); font-weight: var(--_text-styles---weight--medium) } .heading.is-small { font-size: var(--_text-styles---heading-size--small) } .heading.is-xsmall { font-size: var(--_text-styles---heading-size--xsmall) } .heading.is-2xsmall { font-size: var(--_text-styles---heading-size--2xsmall) } .heading.is-xlarge { font-size: var(--_text-styles---heading-size--xlarge) } .heading.is-hero-slider-title { font-size: 5vw; line-height: var(--_text-styles---line-height--90); text-transform: uppercase } .heading.is-home-hero { max-width: var(--_layout---max-fluid-width--max-fluid-small); opacity: .9; font-family: var(--typography--heading); font-size: var(--_text-styles---heading-size--large); line-height: var(--_text-styles---line-height--100); text-transform: uppercase } .heading.is-editorial-title { opacity: .9; font-size: 8vw; line-height: var(--_text-styles---line-height--100); text-align: center; text-indent: -.8vw; text-transform: uppercase; padding-left: .6vw } .heading.is-medium { font-size: var(--_text-styles---heading-size--medium) } .heading.is-cta-title { font-size: var(--_text-styles---heading-size--large); line-height: var(--_text-styles---line-height--120); font-weight: var(--_text-styles---weight--medium); text-transform: uppercase } .heading.is-typo-title { font-family: var(--_typography---display-font); font-size: 9vw; line-height: var(--_text-styles---line-height--80); font-weight: var(--_text-styles---weight--semi-bold); text-transform: uppercase } .paragraph { z-index: 9; opacity: .9; font-family: var(--_typography---primary-font); font-size: var(--_text-styles---paragraph-size--medium); line-height: var(--_text-styles---line-height--130); font-weight: var(--_text-styles---weight--medium); margin-top: 0; margin-bottom: 0; display: block; position: relative } .paragraph.is-small { font-size: var(--_text-styles---paragraph-size--small); line-height: var(--_text-styles---line-height--140) } .paragraph.is-medium { font-weight: var(--_text-styles---weight--medium); font-weight: var(--_text-styles---weight--medium) } .paragraph.is-xlarge { opacity: 100; font-size: var(--_text-styles---paragraph-size--xlarge) } .paragraph.is-large { font-size: var(--_text-styles---paragraph-size--large) } .paragraph.is-normal { font-weight: var(--_text-styles---weight--normal) } .cover-image { z-index: 5; object-fit: cover; object-position: 50% 50%; width: 100%; height: 100%; position: absolute; inset: 0 } .cover-image.is-portrait-position, .cover-image.in-stats, .cover-image.is-portrait-position { object-position: 50% 0% } .empty-state-default { width: 100%; padding: var(--layout-core-sizes--spacing-default); border-radius: var(--layout-core-sizes--radius-default); background-color: var(--section-colors--light-strong); color: var(--text-colors--primary-text); text-align: center; justify-content: center; align-items: center; font-weight: 400; display: flex } .footer-layout { z-index: 9; grid-column-gap: var(--_layout---spacing--space-small); grid-row-gap: var(--_layout---spacing--space-small); flex-flow: column; flex: 1; justify-content: flex-end; align-items: flex-start; width: 100%; display: flex; position: relative } .footer-main-link { z-index: 9; padding-top: var(--_layout---spacing--space-xsmall); padding-bottom: var(--_layout---spacing--space-xsmall); padding-left: var(--_layout---spacing--space-medium); border-left: 1px solid var(--brand-accent--base); opacity: .8; color: var(--text-colors--primary-text); font-size: var(--_text-styles---paragraph-size--2xsmall); line-height: var(--_text-styles---line-height--110); font-weight: var(--_text-styles---weight--medium); text-transform: uppercase; text-decoration: none; transition: border-color .2s, opacity .2s; display: block; position: relative } .footer-main-link:hover { border-left-color: var(--brand-accent--strong); opacity: 100 } .footer-main-link.w--current { border-left-color: var(--brand-accent--strong); opacity: 100; font-weight: var(--_text-styles---weight--semi-bold) } .footer-main-link.is-2nd { padding-left: var(--_layout---spacing--no-space); border-left-color: var(--_colors---neutral--transparent); opacity: .6; padding-left: var(--_layout---spacing--no-space); border-left-color: var(--_colors---neutral--transparent); opacity: .6 } .empty-state-hidden { display: none } .brand-name-text { z-index: 9; font-family: var(--typography--heading); font-size: var(--_text-styles---heading-size--small); line-height: var(--_text-styles---line-height--110); font-weight: var(--_text-styles---weight--medium); text-transform: uppercase; position: relative } .mega-menu { grid-column-gap: var(--_layout---spacing--space-2xsmall); grid-row-gap: var(--_layout---spacing--space-2xsmall); flex-flow: row; flex: none; justify-content: center; align-self: stretch; align-items: center; display: flex } .mega-menu-trigger { left: auto; top: var(--_layout---layout-calculations--nav-size); z-index: 3; width: 100%; max-width: 20rem; height: 0; margin-right: var(--layout-core-sizes--container-padding); display: block; position: absolute; bottom: auto; right: 0; overflow: hidden } .mega-menu-layout { z-index: 9; width: 100%; padding-top: var(--layout-core-sizes--spacing-default); padding-right: var(--layout-core-sizes--spacing-default); padding-bottom: var(--layout-core-sizes--spacing-default); padding-left: var(--layout-core-sizes--spacing-default); border-top-left-radius: var(--layout-core-sizes--radius-default); border-top-right-radius: var(--layout-core-sizes--radius-default); border-bottom-left-radius: var(--layout-core-sizes--radius-default); border-bottom-right-radius: var(--layout-core-sizes--radius-default); background-color: var(--section-colors--light-subtle); height: calc(100svh - var(--layout-core-sizes--container-padding) - var(--_layout---layout-calculations--nav-size)); flex: 1; position: relative } .mega-menu-actions { z-index: 9; grid-column-gap: var(--_layout---spacing--space-xlarge); grid-row-gap: var(--_layout---spacing--space-xlarge); flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: stretch; width: 100%; height: 100%; display: flex; position: relative } .mega-menu-link { z-index: 9; width: 100%; padding-top: var(--_layout---spacing--space-small); padding-bottom: var(--_layout---spacing--space-small); grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall); color: var(--text-colors--primary-text); cursor: pointer; flex-flow: row; justify-content: space-between; align-items: center; font-size: 1rem; display: flex; position: relative; overflow: hidden } .burger-menu { z-index: 99; padding: var(--_layout---raw-sizes--size-05)var(--_layout---spacing--space-small); grid-column-gap: var(--_layout---raw-sizes--size-05); grid-row-gap: var(--_layout---raw-sizes--size-05); border-radius: var(--layout-core-sizes--radius-default); background-color: var(--brand-accent--secondary-base); color: var(--_colors---accent-secondary--accent-secondary-100); cursor: pointer; flex-flow: row; flex: none; justify-content: center; align-self: center; align-items: center; transition: color .2s; display: flex; position: relative; overflow: hidden } .burger-menu:hover { color: var(--text-colors--inverse-text) } .burger-menu-line { background-color: var(--_colors---accent-secondary--accent-secondary-200); width: 100%; height: 2px; position: absolute; top: 0 } .burger-menu-line.is-2nd { background-color: var(--section-colors--light-base); opacity: 0; background-color: var(--section-colors--light-base); opacity: 0 } .label { z-index: 9; padding: var(--_layout---spacing--space-2xsmall)var(--_layout---spacing--space-xsmall); grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall); border: 1px solid var(--brand-accent--strong); border-radius: var(--layout-core-sizes--radius-default); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); color: var(--text-colors--primary-text); flex-flow: row; flex: none; justify-content: flex-start; align-items: center; display: flex; position: relative; overflow: hidden } .label:where(.w-variant-51d51728-fe69-730d-e99c-5fd5218dc070) { border-color: var(--brand-accent--subtle); opacity: .7 } .section-reveal { z-index: 9; background-color: var(--section-colors--dark-base); width: 100%; min-height: 300vh; color: var(--text-colors--inverse-text); flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; position: relative; overflow: clip } .section-reveal-background { z-index: 3; border-radius: var(--layout-core-sizes--radius-default); position: absolute; inset: 0%; overflow: clip } .section-reveal-2nd-wrap { z-index: 8; width: 100%; min-height: 100vh; padding-top: 10vh; padding-right: var(--_layout---spacing--fluid-spacing-medium); padding-bottom: 10vh; padding-left: var(--_layout---spacing--fluid-spacing-medium); flex-flow: column; justify-content: space-between; align-items: center; display: flex; position: sticky; top: 0; container-type: inline-size } .section-reveal-sticky { justify-content: center; align-items: center; width: 100%; height: 100vh; display: flex; position: sticky; top: 0; overflow: clip } .parallax-wrap { z-index: 5; width: 100%; height: 100%; position: absolute; inset: 0%; overflow: hidden } .parallax-image { object-fit: cover; object-position: 50% 25%; width: 100%; height: 110%; position: absolute; top: -10%; left: 0; right: 0 } .heading-bold { z-index: 9; font-family: var(--typography--heading); font-size: var(--_text-styles---heading-size--medium); line-height: var(--_text-styles---line-height--100); font-weight: var(--_text-styles---weight--medium); text-transform: uppercase; margin-top: 0; margin-bottom: 0; position: relative } .heading-bold.is-medium { font-size: var(--_text-styles---heading-size--medium) } .heading-bold.is-small { font-size: var(--_text-styles---heading-size--small) } .heading-bold.is-2xsmall { font-size: var(--_text-styles---heading-size--2xsmall) } .heading-bold.is-xlarge { font-size: var(--_text-styles---heading-size--xlarge) } .heading-bold.is-large { font-size: var(--_text-styles---heading-size--xlarge) } .heading-bold.is-xsmall { font-size: var(--_text-styles---heading-size--xsmall) } .heading-bold.is-2xlarge { font-size: var(--_text-styles---heading-size--2xlarge) } .section-reveal-1st { z-index: 9; width: 100%; min-height: 100vh; padding-right: var(--layout-core-sizes--container-padding); padding-left: var(--layout-core-sizes--container-padding); grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); text-align: left; flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative; top: 0 } .section-reveal-content { z-index: 9; width: 100%; padding-top: var(--_layout---spacing--space-2xlarge); padding-bottom: var(--_layout---spacing--space-2xlarge); grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; position: relative } .menu-1st-wrap { z-index: 8; grid-column-gap: var(--layout-core-sizes--container-padding); grid-row-gap: var(--layout-core-sizes--container-padding); border-radius: var(--layout-core-sizes--radius-default); text-align: left; flex-flow: row; justify-content: space-between; align-items: stretch; width: 100%; display: flex; position: relative; right: 0 } .menu { z-index: 8; width: 100%; max-width: 100vw; height: 100vh; color: var(--text-colors--inverse-text); flex-flow: column; flex: none; display: none; position: fixed; inset: 0%; overflow: clip } .menu-layout { z-index: 20; width: 100%; padding: var(--_layout---layout-calculations--nav-size)var(--layout-core-sizes--container-padding)var(--layout-core-sizes--container-padding); grid-column-gap: var(--layout-core-sizes--container-padding); grid-row-gap: var(--layout-core-sizes--container-padding); flex-flow: column; flex: 1; justify-content: space-between; align-self: stretch; align-items: stretch; display: flex; position: relative; overflow: auto } .menu-bg-blur { z-index: 3; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); position: absolute; inset: 0% } .menu-main-link { z-index: 9; padding-top: var(--_layout---spacing--space-2xsmall); padding-bottom: var(--_layout---spacing--space-2xsmall); font-family: var(--typography--heading); color: var(--text-colors--inverse-text); font-size: var(--_text-styles---heading-size--medium); line-height: var(--_text-styles---line-height--100); font-weight: var(--_text-styles---weight--medium); text-align: left; transition: opacity .2s; position: relative } .menu-main-link:hover { opacity: .7; color: var(--text-colors--inverse-text) } .menu-main-link.w--current { opacity: 100; color: var(--_colors---accent-secondary--accent-secondary-200) } .menu-small-link { z-index: 9; padding-top: var(--_layout---spacing--space-2xsmall); padding-bottom: var(--_layout---spacing--space-2xsmall); opacity: 1; font-family: var(--_typography---primary-font); color: var(--text-colors--inverse-text); font-size: var(--_text-styles---paragraph-size--xsmall); line-height: var(--_text-styles---line-height--130); letter-spacing: .05rem; text-transform: uppercase; transition: color .2s; display: block; position: relative } .menu-small-link:hover { opacity: .7; color: var(--text-colors--inverse-text) } .menu-small-link.is-brand-accent { color: var(--brand-accent--secondary-base); line-height: var(--_text-styles---line-height--120); font-weight: var(--_text-styles---weight--medium); display: block } .menu-small-link.is-brand-accent:hover { color: var(--brand-accent--secondary-strong) } .paragraph-bold { z-index: 9; opacity: .9; font-family: var(--typography--body-font); font-size: var(--_text-styles---paragraph-size--medium); line-height: var(--_text-styles---line-height--150); font-weight: var(--_text-styles---weight--medium); text-transform: uppercase; margin-top: 0; margin-bottom: 0; display: block; position: relative } .paragraph-bold.is-large { font-size: var(--_text-styles---paragraph-size--large) } .paragraph-bold.is-xsmall { font-size: var(--_text-styles---paragraph-size--xsmall) } .paragraph-bold.is-link { padding-top: var(--_layout---spacing--space-xsmall); padding-bottom: var(--_layout---spacing--space-xsmall); border-top: 1px solid var(--_colors---neutral--transparent); font-size: var(--_text-styles---paragraph-size--xsmall); line-height: var(--_text-styles---line-height--150); transition: color .2s, border-color .2s } .paragraph-bold.is-link:hover { border-top-color: var(--brand-accent--strong); color: var(--text-colors--primary-text) } .paragraph-bold.is-small { font-size: var(--_text-styles---paragraph-size--small) } .nav-text { z-index: 9; font-family: var(--_typography---primary-font); font-size: var(--_text-styles---paragraph-size--2xsmall); line-height: var(--_text-styles---line-height--100); font-weight: var(--_text-styles---weight--medium); text-transform: uppercase; position: relative } .nav-text.is-2nd { left: var(--_layout---spacing--space-small); left: var(--_layout---spacing--space-small); display: none; position: absolute } .menu-contact { z-index: 8; padding: var(--_layout---spacing--fluid-spacing-large); grid-column-gap: var(--_layout---spacing--fluid-spacing-medium); grid-row-gap: 15px; /* grid-row-gap: var(--_layout---spacing--fluid-spacing-medium);*/ flex-flow: column; justify-content: space-between; align-self: stretch; align-items: flex-start; display: flex; position: relative; overflow: hidden; max-width: 30%; } .section-reveal-large-text { z-index: 9; font-family: var(--typography--heading); font-size: 8vw; line-height: var(--_text-styles---line-height--100); font-weight: var(--_text-styles---weight--semi-bold); text-align: center; letter-spacing: -.5vw; text-transform: uppercase; margin-top: 0; margin-bottom: 0; position: relative } .section-reveal-large-text.with-icon { grid-column-gap: 2vw; grid-row-gap: 2vw; justify-content: center; align-items: center; display: flex } .section-reveal-large-text.with-flex { flex-flow: row; justify-content: space-between; align-items: center; width: 100%; display: flex } .nav-link-icon { z-index: 9; width: var(--_layout---raw-sizes--size-1); height: var(--_layout---raw-sizes--size-1); border-radius: var(--layout-core-sizes--radius-default); opacity: .8; object-fit: contain; display: block; position: relative } .nav-icon-wrap { z-index: 5; padding: var(--_layout---raw-sizes--size-025); border-radius: var(--layout-core-sizes--radius-default); flex: none; justify-content: center; align-items: center; display: block; position: relative } .nav-background { z-index: 6; background-color: var(--_colors---dark-opacity--dark-30); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); display: block; position: absolute; inset: 0% } .section-reveal-image { border-radius: var(--layout-core-sizes--radius-default); width: 100%; height: 100%; position: relative; overflow: hidden } .menu-background { z-index: 1; border-radius: var(--layout-core-sizes--radius-default); background-color: var(--brand-accent--secondary-base); pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0% } .menu-background.is-2nd { background-color: var(--section-colors--light-base); background-color: var(--section-colors--light-base) } .burger-lines { z-index: 9; flex-flow: column; justify-content: space-between; align-items: stretch; width: 1rem; height: .5rem; display: flex; position: relative; overflow: clip } .gsap-embed-code { width: 1px; height: 1px; margin-bottom: 0; position: absolute; inset: 0% 0% auto auto } .projects-wrap { width: 100% } .projects-list { flex-flow: column; width: 100%; display: flex } .project-item { width: 100%; min-height: 80svh; padding: var(--layout-core-sizes--padding-default)var(--_layout---spacing--fluid-spacing-large); grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall); color: var(--text-colors--inverse-text); flex-flow: row; justify-content: flex-start; align-items: flex-end; display: flex; position: relative; overflow: visible } .project-item:nth-child(2n) { background-color: var(--section-colors--light-base); flex-flow: row-reverse } .project-listing-about { z-index: 9; width: 100%; height: 100%; max-width: var(--_layout---max-fluid-width--max-fluid-large); grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); border-radius: var(--layout-core-sizes--radius-default); flex-flow: column; justify-content: flex-end; align-items: flex-start; display: flex; position: relative } .menu-main { z-index: 9; padding: var(--_layout---spacing--fluid-spacing-large); grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall); flex-flow: column; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; place-items: center start; display: grid; position: relative; overflow: hidden } .nav-wrap { z-index: 9; width: 100%; height: var(--_layout---layout-calculations--nav-size); padding: var(--layout-core-sizes--nav-gap)var(--layout-core-sizes--container-padding); grid-column-gap: var(--_layout---spacing--fluid-spacing-medium); grid-row-gap: var(--_layout---spacing--fluid-spacing-medium); flex-flow: row; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: stretch; display: flex; position: relative } .nav-right { min-width: var(--_layout---column--col-2); flex-flow: row; justify-content: space-between; align-self: stretch; align-items: center; display: flex } .nav-gradient { z-index: 1; background-image: linear-gradient(180deg, var(--section-colors--dark-strong)20%, var(--_colors---neutral--transparent)); opacity: .8; mix-blend-mode: multiply; height: 200%; position: absolute; inset: 0% 0% auto } .section-cta-compact { z-index: 9; width: var(--_layout---layout-calculations--full-width-section); max-width: 100vw; margin: var(--layout-core-sizes--container-padding)auto; padding: var(--layout-core-sizes--padding-default)var(--layout-core-sizes--container-padding); grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); border-radius: var(--layout-core-sizes--radius-default); background-color: var(--section-colors--light-base); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; place-items: center stretch; display: grid; position: relative; overflow: hidden } .cta-compact-block { z-index: 9; width: 100%; padding-top: var(--layout-core-sizes--padding-default); padding-bottom: var(--layout-core-sizes--padding-default); grid-column-gap: var(--_layout---spacing--space-large); grid-row-gap: var(--_layout---spacing--space-large); text-align: center; flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden } .cta-compact-block.is-image { height: 100%; min-height: 18vw; padding: var(--_layout---spacing--no-space); border-radius: var(--layout-core-sizes--radius-default) } .cta-compact-block.is-2nd { text-align: center; justify-content: center; align-items: center } .cta-compact-max { z-index: 9; max-width: var(--_layout---max-fluid-width--max-fluid-xsmall); grid-column-gap: var(--_layout---spacing--space-large); grid-row-gap: var(--_layout---spacing--space-large); flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative } .cta-compact-max.is-larger { max-width: var(--_layout---max-fluid-width--max-fluid-xsmall); max-width: var(--_layout---max-fluid-width--max-fluid-xsmall) } .service-listing-wrap { z-index: 9; border-top: 1px solid var(--brand-accent--secondary-subtle); width: 100%; position: relative } .service-listing-list { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: stretch; height: 100%; display: flex } .service-listing-link { z-index: 9; width: 100%; padding: var(--_layout---spacing--space-medium)var(--_layout---spacing--fluid-spacing-large); grid-column-gap: var(--_layout---spacing--fluid-spacing-small); grid-row-gap: var(--_layout---spacing--fluid-spacing-small); color: var(--_colors---accent-secondary--accent-secondary-200); flex-flow: row; justify-content: space-between; align-items: center; display: flex; position: relative; overflow: clip } .images-split-layout { z-index: 9; width: 100%; height: 120vh; padding: var(--_layout---spacing--fluid-spacing-medium)var(--layout-core-sizes--container-padding); grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); flex-flow: row; justify-content: center; align-items: center; display: flex; position: relative } .images-split-layout:where(.w-variant-a1aa7e5f-2a0a-82aa-e173-c69d20477c0d) { flex-flow: row-reverse } .image-split-right { z-index: 9; flex: 0 var(--_layout---column--col-2); border-radius: var(--layout-core-sizes--radius-default); height: 100%; position: relative; overflow: hidden } .image-split-left { z-index: 9; flex: 0 var(--_layout---column--col-3); border-radius: var(--layout-core-sizes--radius-default); height: 60%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden } .footer-action { z-index: 8; flex-flow: column; justify-content: flex-start; align-items: center; height: 100vh; display: flex; position: sticky; top: 0 } .footer-cta-size { z-index: 8; width: 100%; min-height: 100vh; padding-top: var(--_layout---padding--padding-medium); padding-bottom: var(--_layout---padding--padding-medium); grid-column-gap: var(--_layout---spacing--space-xlarge); grid-row-gap: var(--_layout---spacing--space-xlarge); transform-style: preserve-3d; transform-origin: bottom; will-change: transform, opacity; flex-flow: column; justify-content: center; align-items: center; display: flex; position: sticky; top: 0 } .footer-cta-image { z-index: 5; border-radius: var(--layout-core-sizes--radius-default); justify-content: center; align-items: center; width: 90vw; height: 84vh; display: flex; position: absolute; overflow: hidden } .fotoer-cta-action { z-index: 9; position: relative } .service-listing-item { z-index: 9; border-bottom: 1px solid var(--brand-accent--secondary-subtle); flex: 1; display: flex } .service-listing-item:last-child { border-bottom-width: 0 } .hero-display { z-index: 9; width: 100%; padding-top: var(--_layout---layout-calculations--nav-size); background-color: var(--background-colors--body-background); color: var(--text-colors--primary-text); flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; position: relative; overflow: clip } .hero-display-bg { z-index: 3; flex-flow: column; justify-content: flex-end; align-items: stretch; width: 100%; height: 100vh; display: flex; position: relative; overflow: clip } .hero-display-bg:where(.w-variant-4316146d-f9e7-4528-a348-eaca25903c98) { justify-content: flex-end; align-items: flex-start } .hero-display-layout { z-index: 9; width: 100%; padding: var(--_layout---spacing--fluid-spacing-medium)var(--layout-core-sizes--container-padding); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative } .hero-display-details { z-index: 8; grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); flex-flow: row; justify-content: space-between; align-items: flex-start; width: 100%; display: flex; position: relative; top: -1px; overflow: hidden } .hero-display-about { z-index: 9; min-width: var(--_layout---column--col-2); padding-top: var(--_layout---spacing--fluid-spacing-small); grid-column-gap: 10vw; grid-row-gap: 10vw; flex-flow: row; justify-content: space-between; align-items: flex-start; display: flex; position: relative } .hero-display-overlay { z-index: 7; background-color: var(--section-colors--dark-strong); opacity: .1; mix-blend-mode: multiply; display: none; position: absolute; inset: 0% } .hero-display-gradient { z-index: 8; background-image: linear-gradient(180deg, var(--_colors---neutral--transparent), var(--section-colors--dark-strong)70%); opacity: .9; mix-blend-mode: multiply; height: 50%; display: none; position: absolute; inset: auto 0% 0% } .hero-display-label-max { z-index: 9; opacity: .9; flex: 1; margin-right: auto; position: relative } .hero-display-lable-wrap { z-index: 9; padding: var(--_layout---spacing--fluid-spacing-small)var(--layout-core-sizes--container-padding); grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); color: var(--text-colors--inverse-text); flex-flow: row; justify-content: space-between; align-items: flex-end; display: flex; position: relative } .hero-display-image { z-index: 5; object-fit: cover; object-position: 50% 0%; width: 100%; height: 100%; position: absolute; inset: 0 } .footer-content { z-index: 9; padding: var(--_layout---spacing--fluid-spacing-large)var(--_layout---spacing--fluid-spacing-medium)var(--_layout---spacing--fluid-spacing-medium); background-color: var(--section-colors--light-strong); color: var(--text-colors--primary-text); display: flex; position: relative } .footer-content:where(.w-variant-1780b65c-0470-2201-1df1-dba3bb98e1d0) { min-height: auto; padding: var(--layout-core-sizes--padding-default)var(--layout-core-sizes--container-padding)var(--_layout---spacing--space-medium) } .project-details { width: 100%; padding-top: var(--_layout---spacing--space-xsmall); padding-bottom: var(--_layout---spacing--space-xsmall); grid-column-gap: var(--_layout---spacing--space-medium); grid-row-gap: var(--_layout---spacing--space-medium); border-top: 1px solid var(--borders--border-default-color); opacity: .8; flex-flow: row; justify-content: space-between; align-items: flex-start; display: flex } .project-details.is-dark { padding-top: var(--_layout---spacing--space-small); padding-bottom: var(--_layout---spacing--space-small); border-bottom-color: var(--borders--border-default-color) } .solution-showcase-item { width: 100%; padding-top: 25vw; padding-right: var(--layout-core-sizes--container-padding); padding-left: var(--layout-core-sizes--container-padding); flex-flow: row; justify-content: space-between; align-items: flex-end; display: flex; position: relative } .solution-showcase-item:where(.w-variant-122ad454-919a-46f1-844c-9a38f2f2efed) { min-height: 100vh } .solution-showcase-link { z-index: 9; width: 100%; padding: var(--_layout---spacing--fluid-spacing-medium)var(--layout-core-sizes--container-padding); grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall); border-top: 1px solid var(--_colors---brand-opacity-light--brand-light-50); color: var(--text-colors--inverse-text); text-align: center; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 2fr 1fr; grid-auto-columns: 1fr; justify-content: flex-end; place-items: center; margin-left: auto; margin-right: auto; display: grid; position: relative; overflow: hidden } .solution-showcase-link:where(.w-variant-122ad454-919a-46f1-844c-9a38f2f2efed) { padding-top: var(--_layout---spacing--fluid-spacing-large) } .solutions-showcase-wrap { z-index: 9; width: 100%; padding: var(--layout-core-sizes--container-padding); margin-left: auto; margin-right: auto; position: relative } .solutions-showcase-wrap:where(.w-variant-122ad454-919a-46f1-844c-9a38f2f2efed) { padding: var(--_layout---spacing--no-space)var(--_layout---spacing--no-space)5vw; margin-top: -8vw; margin-bottom: -5vw } .solutions-showcase-bg { z-index: 3; border-radius: var(--layout-core-sizes--radius-default); flex: 1; position: absolute; inset: 0%; overflow: hidden } .solutions-showcase-bg:where(.w-variant-122ad454-919a-46f1-844c-9a38f2f2efed) { margin-bottom: -8vw } .solutions-showcase-list { grid-column-gap: var(--layout-core-sizes--container-padding); grid-row-gap: var(--layout-core-sizes--container-padding); flex-flow: column; width: 100%; display: flex } .solutions-showcase-list:where(.w-variant-122ad454-919a-46f1-844c-9a38f2f2efed) { grid-column-gap: var(--_layout---spacing--no-space); grid-row-gap: var(--_layout---spacing--no-space) } .solutions-showcase-gradient { z-index: 6; background-image: linear-gradient(180deg, var(--_colors---neutral--transparent), var(--section-colors--dark-strong)); opacity: .9; mix-blend-mode: multiply; height: 50%; position: absolute; inset: auto 0% 0% } .full-parallax-wrap { z-index: 5; width: 100%; height: 100%; position: absolute; inset: 0%; overflow: hidden } .full-parallax-image { object-fit: cover; object-position: 50% 50%; width: 100%; height: 140%; position: absolute; top: -20%; left: 0; right: 0 } .full-parallax-image:where(.w-variant-3a91f82f-8d8f-1293-0ee4-e68a3d579240) { height: 120%; top: -10% } .full-parallax-image:where(.w-variant-86209fa6-e87a-c7b3-8e83-301d6b75a16f) { height: 180%; top: -40% } .hero-display-line { z-index: 5; background-color: var(--brand-accent--base); width: 100%; height: 1px; position: relative } .hero-display-heading { max-width: var(--_layout---max-fluid-width--max-fluid-medium); margin-bottom: var(--_layout---spacing--fluid-spacing-small); text-align: left; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; position: relative } .blog-listing { width: 100%; padding: var(--layout-core-sizes--padding-default)var(--layout-core-sizes--container-padding)var(--layout-core-sizes--container-padding); grid-column-gap: var(--_layout---spacing--space-medium); grid-row-gap: var(--_layout---spacing--space-medium); flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; overflow: clip } .blog-listing-wrap { z-index: 9; width: 100%; position: relative } .blog-listing-grid { grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex } .blog-listing-item { z-index: 9; grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); border-radius: var(--layout-core-sizes--radius-default); flex-flow: row; justify-content: space-between; align-items: stretch; width: 100%; min-height: 25vw; display: flex; position: relative; overflow: hidden } .blog-listing-item:nth-child(2n) { flex-flow: row-reverse } .blog-listing-item.is-featured { min-height: 80vh; padding: var(--_layout---spacing--fluid-spacing-small); min-height: 80vh; padding: var(--_layout---spacing--fluid-spacing-small) } .blog-listing-content { z-index: 9; padding: var(--_layout---spacing--fluid-spacing-large)var(--_layout---spacing--fluid-spacing-medium); flex-flow: column; flex: 0 var(--_layout---column--col-2); grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall); border-radius: var(--layout-core-sizes--radius-default); background-color: var(--section-colors--light-base); color: var(--text-colors--primary-text); text-align: left; justify-content: center; align-items: center; display: flex; position: relative; overflow: clip } .blog-listing-content.is-featured { width: 50%; max-width: var(--_layout---max-fluid-width--max-fluid-large); background-color: var(--_colors---brand-opacity-light--brand-light-70); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); width: 50%; max-width: var(--_layout---max-fluid-width--max-fluid-large); background-color: var(--_colors---brand-opacity-light--brand-light-70); justify-content: center; align-self: center; align-items: center } .blog-listing-image { flex-flow: column; flex: 0 var(--_layout---column--col-2); border-radius: var(--layout-core-sizes--radius-default); justify-content: flex-start; align-items: flex-start; display: flex; position: relative } .blog-listing-image.is-featured { inset: 0%; position: absolute; inset: 0% } .blog-listing-max { z-index: 9; width: 100%; max-width: var(--_layout---max-fluid-width--max-fluid-small); grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); text-align: left; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; position: relative } .blog-listing-max.is-featured { text-align: center; text-align: center; justify-content: center; align-items: center } .about-content-block { z-index: 9; flex-flow: column; flex: 0 var(--_layout---column--col-40); grid-column-gap: var(--_layout---spacing--space-large); grid-row-gap: var(--_layout---spacing--space-large); justify-content: flex-end; align-items: flex-start; display: flex; position: relative } .about-content-block:where(.w-variant-655221cd-c2b4-a201-9c98-90d65aa05e07) { justify-content: space-between; align-items: flex-start } .about-content-block:where(.w-variant-b108fd80-c78a-219d-1459-71f707df84c1) { text-align: left; justify-content: flex-start; align-items: flex-start } .about-image-block { z-index: 9; min-height: 45rem; padding: var(--_layout---spacing--fluid-spacing-medium); flex-flow: column; flex: 0 var(--_layout---column--col-60); grid-column-gap: var(--_layout---spacing--space-large); grid-row-gap: var(--_layout---spacing--space-large); text-align: center; justify-content: center; align-items: center; display: flex; position: relative } .about-content-wrap { z-index: 9; max-width: var(--_layout---max-fluid-width--max-fluid-medium); grid-column-gap: var(--_layout---spacing--space-large); grid-row-gap: var(--_layout---spacing--space-large); text-align: left; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; position: relative } .about-content-wrap:where(.w-variant-b108fd80-c78a-219d-1459-71f707df84c1) { text-align: left; justify-content: flex-start; align-items: flex-start } .about-grid-component { z-index: 9; width: 100%; max-width: 100vw; padding: var(--layout-core-sizes--container-padding); grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); background-color: var(--brand-accent--secondary-base); color: var(--text-colors--inverse-text); flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: flex; position: relative; overflow: clip } .about-grid-component:where(.w-variant-655221cd-c2b4-a201-9c98-90d65aa05e07) { background-color: var(--brand-accent--secondary-subtle); color: var(--text-colors--primary-text); flex-flow: row-reverse } .about-grid-component:where(.w-variant-315a69f5-9058-c144-94c7-0ef4bb3562ae) { background-color: var(--section-colors--light-base); color: var(--text-colors--primary-text); flex-flow: row-reverse } .about-grid-component:where(.w-variant-b108fd80-c78a-219d-1459-71f707df84c1) { background-color: var(--_colors---brand-accent-primary--brand-accent-300); color: var(--text-colors--primary-text); flex-flow: row } .section-typo-titles { z-index: 9; width: 100%; max-width: 100vw; padding: var(--_layout---padding--padding-large)var(--layout-core-sizes--container-padding)var(--_layout---padding--padding-medium); background-color: var(--section-colors--light-base); flex-flow: column; flex: 1; justify-content: flex-start; align-items: flex-start; margin-left: auto; margin-right: auto; display: flex; position: relative; overflow: clip } .typo-title-block { z-index: 9; grid-column-gap: var(--_layout---spacing--fluid-spacing-medium); grid-row-gap: var(--_layout---spacing--fluid-spacing-medium); flex-flow: row; justify-content: center; align-items: center; display: flex; position: relative } .typo-title-block.is-2nd { text-align: right; margin-left: auto } .typo-title-block.is-2nd:where(.w-variant-c66c9044-c086-1b51-6dd0-6a4df23afb84) { margin-left: auto; margin-right: auto } .typo-title-block.is-1st { text-align: left; justify-content: flex-start; align-items: flex-end } .typo-title-block.is-3rd { grid-column-gap: var(--_layout---spacing--fluid-spacing-small); grid-row-gap: var(--_layout---spacing--fluid-spacing-small); text-align: left; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100% } .typo-title-block.is-3rd:where(.w-variant-c66c9044-c086-1b51-6dd0-6a4df23afb84) { margin-left: auto } .heading-typo-text { max-width: var(--_layout---max-fluid-width--max-fluid-small); margin-top: var(--_layout---spacing--no-space); margin-bottom: var(--_layout---spacing--no-space); opacity: .9; font-family: var(--_typography---primary-font); font-size: var(--_text-styles---heading-size--xsmall); line-height: var(--_text-styles---line-height--150); font-weight: var(--_text-styles---weight--medium); text-align: left; text-transform: uppercase } .heading-typo-text:where(.w-variant-c66c9044-c086-1b51-6dd0-6a4df23afb84) { text-align: left; margin-left: 0; margin-right: auto } .typo-title-image { z-index: 5; border-radius: var(--layout-core-sizes--radius-default); flex: none; align-self: stretch; width: 20vw; height: 15vw; position: relative; overflow: hidden } .solution-showcase-bg-color { z-index: 3; background-color: var(--brand-accent--secondary-base); opacity: 0; pointer-events: none; position: absolute; inset: 0% } .section-solutions { z-index: 9; background-color: var(--section-colors--light-base); width: 100%; max-width: 100vw; position: relative; overflow: clip } .heading-reveal { z-index: 9; font-family: var(--typography--heading); font-size: 2vw; line-height: var(--_text-styles---line-height--100); font-weight: var(--_text-styles---weight--medium); letter-spacing: 1vw; text-indent: 1vw; text-transform: uppercase; margin-top: 0; margin-bottom: 0; position: relative } .section-image-split { z-index: 9; background-color: var(--background-colors--body-background); width: 100%; max-width: 100vw; position: relative } .section-services-fullscreen { z-index: 9; background-color: var(--section-colors--dark-base); width: 100%; max-width: 100vw; min-height: 40vh; color: var(--text-colors--inverse-text); display: flex; position: relative; overflow: clip } .section-bg-color { z-index: 1; position: absolute; inset: 0% } .section-bg-color.is-dark-base { background-color: var(--section-colors--dark-base) } .section-bg-color.is-light-strong { background-color: var(--section-colors--light-strong) } .project-listing-image { z-index: 4; flex: 1; margin-bottom: -5%; position: absolute; inset: 0% } .section-project-listing { z-index: 10; width: 100%; max-width: 100vw; margin-top: -5vw; margin-bottom: -5vw; padding-bottom: 5vw; position: relative; overflow: clip } .section-project-listing:where(.w-variant-bbdd4e64-672e-f71d-04bb-2f001e634455) { margin-top: -2vw; margin-bottom: 0; padding-bottom: 0 } .solution-showcase-about { z-index: 9; width: 100%; max-width: var(--_layout---max-fluid-width--max-fluid-2xsmall); opacity: .8; text-align: left; justify-content: flex-end; align-items: center; margin-left: auto; display: flex; position: relative } .plus-icon-with-text { z-index: 1; grid-column-gap: var(--_layout---spacing--space-small); grid-row-gap: var(--_layout---spacing--space-small); opacity: 0; flex-flow: row; justify-content: center; align-items: center; display: flex; position: absolute; inset: auto 0 } .plus-icon { width: var(--_layout---raw-sizes--size-125); height: var(--_layout---raw-sizes--size-125); opacity: .7; object-fit: contain } .blog-category-link { padding-top: var(--_layout---spacing--space-2xsmall); padding-bottom: var(--_layout---spacing--space-2xsmall); color: var(--brand-accent--secondary-base); font-size: var(--_text-styles---paragraph-size--2xsmall); line-height: var(--_text-styles---line-height--110); font-weight: var(--_text-styles---weight--medium); text-transform: uppercase; transition: padding .2s, background-color .2s, color .2s; display: block } .blog-category-link:hover, .blog-category-link.w--current { padding-right: var(--_layout---spacing--space-xsmall); padding-left: var(--_layout---spacing--space-xsmall); background-color: var(--brand-accent--secondary-base); color: var(--_colors---accent-secondary--accent-secondary-100) } .blog-categories { z-index: 9; position: relative } .blog-categories-list { grid-column-gap: var(--_layout---spacing--space-medium); grid-row-gap: var(--_layout---spacing--space-medium); flex-flow: row; justify-content: flex-start; align-items: center; display: flex } .mega-menu-link-line-1st { z-index: 3; background-color: var(--_colors---accent-secondary--accent-secondary-400); width: 100%; height: 1px; position: absolute; inset: auto 0% 0% } .mega-menu-link-line-2nd { z-index: 4; background-color: var(--_colors---accent-secondary--accent-secondary-950); width: 100%; height: 1px; position: absolute; inset: auto 0% 0% } .mega-menu-link-text { z-index: 9; font-family: var(--_typography---primary-font); font-size: var(--_text-styles---paragraph-size--small); line-height: var(--_text-styles---line-height--100); font-weight: var(--_text-styles---weight--normal); position: relative } .mega-menu-link-icon { z-index: 9; width: var(--_layout---raw-sizes--size-1); height: var(--_layout---raw-sizes--size-1); display: block; position: relative } .cta-compact-bg { z-index: 1; background-color: var(--section-colors--light-strong); pointer-events: none; position: absolute; inset: 0% } .burger-menu-bg { z-index: 5; background-color: var(--brand-accent--secondary-strong); opacity: 0; pointer-events: none; position: absolute; inset: 0% } .burger-menu-line-2 { background-color: var(--_colors---accent-secondary--accent-secondary-200); width: 100%; height: 2px; position: absolute; bottom: 0 } .burger-menu-line-2.is-2nd { background-color: var(--section-colors--light-base); opacity: 0; background-color: var(--section-colors--light-base); opacity: 0 } .nav-left { grid-column-gap: var(--_layout---raw-sizes--size-175); grid-row-gap: var(--_layout---raw-sizes--size-175); flex-flow: row; display: flex } .footer-grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; place-items: center start; width: 100%; display: grid } .footer-grid.is-1st { margin-bottom: var(--_layout---spacing--fluid-spacing-medium); margin-bottom: var(--_layout---spacing--fluid-spacing-medium); place-items: start stretch } .footer-action-image { z-index: 5; object-fit: cover; object-position: 50% 50%; width: 100%; height: 100%; position: absolute; inset: 0 } .footer-cta-title { z-index: 9; width: 100%; max-width: 50%; grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); color: var(--text-colors--inverse-text); text-align: left; flex-flow: column; justify-content: center; align-items: flex-start; margin: 8vh auto auto 9vw; display: flex; position: relative } .hero-display-services { padding-top: var(--_layout---spacing--fluid-spacing-small); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex } .service-listing-large-title { z-index: 5; opacity: 0; font-family: var(--typography--heading); color: var(--_colors---accent-secondary--accent-secondary-50); font-size: 3vw; line-height: var(--_text-styles---line-height--100); font-weight: var(--_text-styles---weight--medium); text-transform: uppercase; position: absolute } .service-listing-content { z-index: 9; grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); flex-flow: row; justify-content: space-between; align-items: center; width: 100%; display: flex; position: relative } .about-content-action { z-index: 9; flex: none; width: 50%; position: relative } .about-content-action:where(.w-variant-315a69f5-9058-c144-94c7-0ef4bb3562ae), .about-content-action:where(.w-variant-b108fd80-c78a-219d-1459-71f707df84c1) { width: auto } .footer-divider { width: 100%; height: 1px; margin-top: var(--_layout---spacing--space-xlarge); background-color: var(--brand-accent--strong) } .hero-display-services-list { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex } .service-listing-bg { z-index: 1; background-color: var(--brand-accent--secondary-base); opacity: 0; pointer-events: none; position: absolute; inset: 0% } .service-listing-bg.is-1st { width: 50%; inset: 0% auto 0% 0% } .service-listing-bg.is-2nd { width: 50%; inset: 0% 0% 0% auto } .hero-display-large-title { z-index: 9; font-family: var(--_typography---display-font); font-size: 10vw; line-height: var(--_text-styles---line-height--80); font-weight: var(--_text-styles---weight--medium); letter-spacing: -.5vw; text-transform: uppercase; margin-top: 0; margin-bottom: 0; position: relative } .hero-display-large-title:where(.w-variant-51d51728-fe69-730d-e99c-5fd5218dc070) { color: var(--brand-accent--subtle) } .large-action-button { z-index: 9; padding: var(--_layout---spacing--space-small)var(--_layout---spacing--space-medium); grid-column-gap: var(--_layout---spacing--space-small); grid-row-gap: var(--_layout---spacing--space-small); border: 1px solid var(--brand-accent--strong); color: var(--brand-accent--secondary-strong); flex-flow: row; justify-content: space-between; align-items: center; display: flex; position: relative; overflow: hidden } .large-action-button:where(.w-variant-4007310a-ea0d-01e3-d26d-d8bb086c6eaa) { border-color: var(--_colors---accent-secondary--accent-secondary-400); color: var(--text-colors--inverse-text) } .large-action-button-text { z-index: 9; font-family: var(--_typography---primary-font); font-size: var(--_text-styles---paragraph-size--2xsmall); line-height: var(--_typography---label--label-line-height); font-weight: var(--_text-styles---weight--medium); letter-spacing: -.025rem; text-transform: uppercase; margin-top: 0; margin-bottom: 0; position: relative } .large-action-button-text:where(.w-variant-51d51728-fe69-730d-e99c-5fd5218dc070) { color: var(--brand-accent--subtle) } .large-action-button-text.is-2nd { opacity: 0; color: var(--text-colors--inverse-text); position: absolute } .large-action-button-text.is-2nd:where(.w-variant-4007310a-ea0d-01e3-d26d-d8bb086c6eaa) { color: var(--text-colors--primary-text) } .large-action-button-icon { z-index: 9; width: var(--_layout---raw-sizes--size-1); height: var(--_layout---raw-sizes--size-1); opacity: .9; object-fit: contain; position: relative } .large-action-button-icon.is-2nd { right: var(--_layout---spacing--space-medium); opacity: 0; right: var(--_layout---spacing--space-medium); opacity: 0; position: absolute } .large-action-button-bg { z-index: 3; background-color: var(--brand-accent--secondary-subtle); opacity: 0; pointer-events: none; width: 50%; position: absolute; inset: 0% auto 0% 0% } .large-action-button-bg:where(.w-variant-4007310a-ea0d-01e3-d26d-d8bb086c6eaa) { background-color: var(--_colors---accent-secondary--accent-secondary-600) } .large-action-button-bg.is-2nd:where(.w-variant-4007310a-ea0d-01e3-d26d-d8bb086c6eaa), .large-action-button-bg.is-1st:where(.w-variant-4007310a-ea0d-01e3-d26d-d8bb086c6eaa) { background-color: var(--_colors---accent-secondary--accent-secondary-100) } .large-action-button-bg.is-2nd { inset: 0% 0% 0% auto } .large-action-button-bg.is-2nd:where(.w-variant-4007310a-ea0d-01e3-d26d-d8bb086c6eaa), .large-action-button-bg.is-1st:where(.w-variant-4007310a-ea0d-01e3-d26d-d8bb086c6eaa) { background-color: var(--_colors---accent-secondary--accent-secondary-100) } .footer-cta-gradient { z-index: 9; background-image: linear-gradient(135deg, var(--section-colors--dark-strong), var(--_colors---neutral--transparent)65%); mix-blend-mode: multiply; position: absolute; inset: 0% } .full-parallax-image-gradient { z-index: 6; background-image: linear-gradient(0deg, var(--section-colors--dark-strong), var(--_colors---neutral--transparent)); mix-blend-mode: multiply; height: 70%; position: absolute; inset: auto 0% 0% } .marker-link-block { z-index: 9; padding: var(--_layout---spacing--space-xsmall)var(--_layout---spacing--space-medium); grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); border-radius: var(--layout-core-sizes--radius-default); background-color: var(--section-colors--light-base); color: var(--text-colors--primary-text); flex-flow: row; justify-content: flex-start; align-items: center; display: flex; position: relative; overflow: hidden } .marker-link-icon { z-index: 5; width: var(--_layout---raw-sizes--size-2); height: var(--_layout---raw-sizes--size-2); position: relative } .project-listing-detail-text { opacity: .8 } .typo-title-flex { grid-column-gap: var(--_layout---spacing--fluid-spacing-medium); grid-row-gap: var(--_layout---spacing--fluid-spacing-medium); justify-content: space-between; align-items: center; width: 100%; display: flex } .label-dot { width: var(--_layout---raw-sizes--size-025); height: var(--_layout---raw-sizes--size-025); background-color: var(--_colors---brand-accent-primary--brand-accent-500); border-radius: 50% } .label-dot:where(.w-variant-51d51728-fe69-730d-e99c-5fd5218dc070) { background-color: var(--brand-accent--subtle) } .footer-cta-image-resize { width: 100%; height: 100%; position: absolute; overflow: hidden } .footer-cta-large-title { z-index: 9; pointer-events: none; justify-content: center; align-items: center; height: 100vh; padding-top: 12rem; padding-bottom: 12rem; display: flex; position: absolute; inset: 0% 0% auto } .large-text-behind { z-index: 9; opacity: .5; width: 100%; font-family: var(--_typography---display-font); color: var(--text-colors--inverse-text); font-size: 9vw; line-height: var(--_text-styles---line-height--80); font-weight: var(--_text-styles---weight--medium); text-align: center; letter-spacing: 0.5vw; text-indent: 1vw; text-transform: uppercase; margin-left: auto; margin-right: auto; position: relative } .brand-slogan { max-width: var(--_layout---raw-sizes--size-100); opacity: .8; font-size: var(--_layout---raw-sizes--size-075); line-height: var(--_text-styles---line-height--130); text-transform: uppercase; align-self: center; letter-spacing: 0.5px; font-weight: 500; } .brand-slogan:where(.w-variant-1d241c0f-3ebd-4ffa-435c-5f9d238d40ec) { color: var(--text-colors--primary-text) } .hero-display-service-link { z-index: 9; grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall); min-width: 10rem; color: var(--brand-accent--secondary-base); flex-flow: row; justify-content: space-between; align-items: center; transition: color .2s; display: flex; position: relative; overflow: hidden } .hero-display-service-link:hover { color: var(--brand-accent--secondary-strong) } .hero-display-link-color { z-index: 3; background-color: var(--brand-accent--base); opacity: 0; position: absolute; inset: 0% } .hero-display-link-text { z-index: 9; font-family: var(--typography--body-font); font-size: var(--_text-styles---paragraph-size--2xsmall); line-height: var(--_text-styles---line-height--160); font-weight: var(--_text-styles---weight--medium); text-transform: uppercase; margin-top: 0; margin-bottom: 0; display: block; position: relative } .hero-display-link-text.is-2nd { opacity: 0; opacity: 0 } .hero-display-service-link-wrap { z-index: 3; justify-content: flex-start; align-items: center; display: flex; position: absolute; inset: 0% } .icon-for-footer { z-index: 9; opacity: .5; position: absolute; bottom: 2.5svh } .menu-2nd-wrap { z-index: 9; width: 100%; padding: var(--_layout---spacing--fluid-spacing-medium); border-radius: var(--layout-core-sizes--radius-default); color: var(--text-colors--primary-text); flex: 1; justify-content: space-between; align-items: stretch; display: flex; position: relative; overflow: hidden } .menu-featured-project { width: 50%; height: 100%; overflow: hidden } .menu-featured-project-list { flex-flow: column; justify-content: space-between; align-items: stretch; width: 100%; height: 100%; display: flex } .menu-featured-project-item { width: 100%; padding: var(--_layout---spacing--fluid-spacing-medium); grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall); color: var(--text-colors--inverse-text); flex-flow: row; flex: 1; justify-content: flex-start; align-self: stretch; align-items: flex-end; display: flex; position: relative; overflow: visible } .menu-featured-project-item:nth-child(2n) { background-color: var(--section-colors--light-base); flex-flow: row-reverse } .menu-featured-project-image { z-index: 4; position: absolute; inset: 0% } .menu-featured-project-content { z-index: 9; width: 100%; height: 100%; max-width: var(--_layout---max-fluid-width--max-fluid-large); grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); border-radius: var(--layout-core-sizes--radius-default); flex-flow: column; justify-content: flex-end; align-items: flex-start; display: flex; position: relative } .menu-bg-gradient { z-index: 5; background-image: linear-gradient(180deg, var(--_colors---neutral--transparent)40%, var(--section-colors--dark-strong)); position: absolute; inset: 0% } .menu-featured-project-label { z-index: 9; margin-bottom: auto; position: relative } .footer-logo-link { z-index: 9; grid-column-gap: var(--_layout---spacing--space-2xsmall); grid-row-gap: var(--_layout---spacing--space-2xsmall); color: var(--text-colors--primary-text); text-align: center; flex-flow: column; justify-content: center; align-self: stretch; align-items: flex-start; display: flex; position: relative } .footer-logo-link:where(.w-variant-1d241c0f-3ebd-4ffa-435c-5f9d238d40ec) { color: var(--text-colors--primary-text) } .footer-contact-link { padding-top: var(--_layout---spacing--space-2xsmall); padding-bottom: var(--_layout---spacing--space-2xsmall); font-family: var(--_typography---primary-font); color: var(--brand-accent--secondary-base); font-size: var(--_text-styles---paragraph-size--2xsmall); line-height: var(--_text-styles---line-height--130); font-weight: var(--_text-styles---weight--medium); text-transform: uppercase } .footer-contact-link:hover { color: var(--brand-accent--secondary-strong) } .footer-contact-links { flex-flow: column; justify-content: center; align-items: flex-start; display: flex } .footer-brand-address { line-height: normal; font-size: 14px; letter-spacing: 0.5px; color: #222; font-weight: 500; } .footer-brand-address:where(.w-variant-1d241c0f-3ebd-4ffa-435c-5f9d238d40ec) { color: var(--text-colors--primary-text) } .footer-brand-address.is-title { font-size: var(--_text-styles---paragraph-size--2xsmall); text-transform: uppercase; font-weight: 500; color: var(--text-colors--primary-text); letter-spacing: 1px; margin-bottom: 5px; } .menu-contact-links { z-index: 9; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative } .blog-listing-details { grid-column-gap: var(--_layout---spacing--space-xlarge); grid-row-gap: var(--_layout---spacing--space-medium); flex-flow: wrap; justify-content: space-between; align-items: center; width: 100%; display: flex } .blog-listing-divider { width: 100%; height: 1px; margin-top: var(--_layout---spacing--fluid-spacing-small); background-color: var(--brand-accent--strong) } .display-link-icon { z-index: 9; width: var(--_layout---raw-sizes--size-1); height: var(--_layout---raw-sizes--size-1); opacity: 0; object-fit: contain; position: relative } .hero-display-about-line { z-index: 3; height: 1px; position: absolute; inset: 0% 0% auto } .animation-line-color { z-index: 3; background-color: var(--brand-accent--strong); position: absolute; inset: 0% } .hero-display-about-content { max-width: var(--_layout---max-fluid-width--max-fluid-small) } .section-reveal-small-image { object-fit: cover; width: 8vw; height: 6vw; position: relative; top: .1vw } .section-reveal-2nd { z-index: 10; flex: 1; justify-content: center; align-items: flex-start; display: flex; position: relative } .section-featured-blog { z-index: 9; background-color: var(--section-colors--light-strong); width: 100%; max-width: 100vw; position: relative; overflow: clip } .section-blog-listing-title { z-index: 9; width: 100%; padding-bottom: var(--_layout---spacing--fluid-spacing-medium); grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); text-align: left; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative } .quote-image { width: 50%; height: 12vw; position: relative } .achievement-text { min-width: 10vw; font-size: 3.5vw; line-height: var(--_text-styles---line-height--100); font-weight: var(--_text-styles---weight--medium) } .achievement-text.is-2nd { opacity: .7; min-width: auto; font-weight: var(--_text-styles---weight--extra-light); opacity: .7; min-width: auto; font-weight: var(--_text-styles---weight--extra-light) } .achievement-item { width: 100%; padding-left: var(--_layout---spacing--fluid-spacing-medium); grid-column-gap: var(--_layout---spacing--fluid-spacing-medium); grid-row-gap: var(--_layout---spacing--fluid-spacing-medium); flex: 1; justify-content: flex-start; align-items: center; display: flex; position: relative; left: -1px } .achievements-list { grid-column-gap: var(--_layout---spacing--fluid-spacing-medium); grid-row-gap: var(--_layout---spacing--fluid-spacing-medium); border-left: 1px solid var(--brand-accent--base); flex-flow: column; justify-content: space-between; align-items: stretch; width: 100%; display: flex } .stats-label { flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-top: 1.25vw; padding-bottom: 1.25vw; display: flex; position: absolute; inset: 0% auto auto 0% } .achievements-layout { z-index: 9; width: 100%; height: 100vh; padding-top: var(--_layout---spacing--fluid-spacing-large); padding-right: var(--layout-core-sizes--container-padding); padding-left: var(--layout-core-sizes--container-padding); grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); padding-bottom: calc(1.25vw + var(--_layout---spacing--fluid-spacing-large)); flex-flow: row; justify-content: space-between; align-items: stretch; display: flex; position: relative; top: 0; overflow: clip } .quote-layout { max-width: var(--_layout---max-fluid-width--max-fluid-2xlarge); grid-column-gap: var(--_layout---spacing--space-large); grid-row-gap: var(--_layout---spacing--space-large); flex-flow: column; flex: 1; justify-content: flex-start; align-items: flex-start; margin-left: auto; margin-right: auto; display: flex; position: relative } .testimonial-text { margin-top: var(--_layout---spacing--no-space); margin-bottom: var(--_layout---spacing--no-space); font-size: var(--_text-styles---heading-size--xlarge); line-height: var(--_text-styles---line-height--120) } .quote-icon { width: var(--_layout---raw-sizes--size-4); height: var(--_layout---raw-sizes--size-4); object-fit: contain; object-position: 0% 0% } .opacity-70 { opacity: .7 } .quote-content-wrap { grid-column-gap: var(--_layout---spacing--fluid-spacing-medium); grid-row-gap: var(--_layout---spacing--fluid-spacing-medium); flex-flow: column; flex: 1; justify-content: flex-start; align-items: flex-start; display: flex } .quote-name { grid-column-gap: var(--_layout---spacing--fluid-spacing-small); grid-row-gap: var(--_layout---spacing--space-2xsmall); flex-flow: wrap; justify-content: flex-start; align-items: center; width: 100%; display: flex } .achievement-line { background-color: var(--brand-accent--base); height: 1px; position: absolute; inset: auto 0% -1.25vw -50vw } .achievements-wrap { flex: 0 var(--_layout---column--col-2); width: 100%; display: flex } .achievement-col { z-index: 9; flex-flow: column; flex-grow: 0; flex-shrink: 0; flex-basis: var(--_layout---column--col-2); justify-content: center; align-items: flex-start; display: flex; position: relative; overflow: clip } .achievement-thumbmail { z-index: 3; flex: 1; align-self: stretch; position: relative; overflow: hidden } .achievement-thumbnais { z-index: 9; justify-content: space-between; align-items: stretch; width: 100%; height: 15%; display: flex; position: relative } .achievement-thumbnails-list { width: 100%; padding-right: var(--_layout---spacing--fluid-spacing-medium); grid-column-gap: var(--_layout---spacing--fluid-spacing-small); grid-row-gap: var(--_layout---spacing--fluid-spacing-small); flex-flow: row; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: flex-end; display: flex } .section-achievements { z-index: 9; width: 100%; max-width: 100vw; position: relative; overflow: clip } .achievement-border { background-color: var(--brand-accent--strong); width: 3px; position: absolute; inset: 0% auto 0% 0% } .achievement-thumb-reveal-bg { z-index: 9; background-color: var(--section-colors--light-base); opacity: 0; position: absolute; inset: 0% } .section-logo-grid { z-index: 9; width: 100%; padding-right: var(--layout-core-sizes--container-padding); padding-left: var(--layout-core-sizes--container-padding); grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; position: relative; overflow: clip } .logo-block { z-index: 9; justify-content: center; align-items: center; width: 100%; min-height: 18vw; display: flex; position: relative } .logo-block:where(.w-variant-68c46902-f0b8-fc95-d9e0-8e7bb780cbfe) { padding: var(--_layout---spacing--space-medium) } .logo-image { z-index: 9; object-fit: contain; height: 3vw; position: relative } .logo-image:where(.w-variant-584eed17-1f98-29bf-d3f4-08c034218a58) { border-radius: var(--layout-core-sizes--radius-default) } .quote-line { background-color: var(--brand-accent--strong); width: 100%; height: 1px; position: relative } .quote-content { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex } .quote-row { grid-column-gap: var(--_layout---spacing--fluid-spacing-large); grid-row-gap: var(--_layout---spacing--fluid-spacing-large); flex-flow: row; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex } .quote-icon-wrap { justify-content: space-between; align-items: flex-end; height: 12vw; display: flex } .quote-label { height: 12vw; max-width: var(--_layout---max-width--max-width-20); justify-content: flex-start; align-items: flex-end; display: flex } .logo-image-bg { z-index: 9; position: absolute; inset: 0% } .logo-image-bg:where(.w-variant-584eed17-1f98-29bf-d3f4-08c034218a58) { position: absolute } .logo-line-bottom { background-color: var(--brand-accent--base); width: 70%; height: 1px; position: absolute; top: auto; bottom: 0% } .reviews-wrap { z-index: 9; width: 100%; padding: var(--layout-core-sizes--padding-default)var(--_layout---spacing--fluid-spacing-medium); grid-column-gap: var(--_layout---spacing--space-2xsmall); grid-row-gap: var(--_layout---spacing--space-2xsmall); flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: flex-start; margin-left: auto; margin-right: auto; display: flex; position: relative; overflow: clip } .review-block { z-index: 9; width: 100%; max-width: var(--_layout---max-width--max-width-30); padding: var(--_layout---spacing--space-2xlarge); grid-column-gap: var(--_layout---spacing--space-xlarge); grid-row-gap: var(--_layout---spacing--space-xlarge); background-color: var(--brand-accent--subtle); flex-flow: column; align-self: stretch; display: flex; position: relative } .review-image { z-index: 3; border-radius: var(--layout-core-sizes--radius-default); width: 50%; min-width: 12rem; height: 15rem; position: relative; overflow: hidden } .review-content { grid-column-gap: var(--_layout---spacing--space-medium); grid-row-gap: var(--_layout---spacing--space-medium); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex } .quote-dot { width: var(--_layout---raw-sizes--size-015); height: var(--_layout---raw-sizes--size-015); background-color: var(--brand-accent--strong); flex: none } .small-quote-icon { z-index: 9; width: var(--_layout---raw-sizes--size-25); height: var(--_layout---raw-sizes--size-25); object-fit: contain; object-position: 0% 0%; position: absolute; top: -1.3rem } .logo-content { max-width: var(--_layout---max-width--max-width-15); grid-column-gap: var(--_layout---spacing--space-small); grid-row-gap: var(--_layout---spacing--space-small); text-align: center; justify-content: center; align-items: center; display: flex; position: relative } .collection-list-wrapper { width: 100% } .title-block { z-index: 9; width: 100%; max-width: 100vw; padding: var(--layout-core-sizes--padding-default)var(--layout-core-sizes--container-padding); position: relative; overflow: hidden } .title-block:where(.w-variant-ed8d2e9c-71bf-9612-2013-a198c7713011) { color: var(--text-colors--inverse-text) } .title-block-grid { z-index: 9; width: 100%; padding-top: var(--_layout---spacing--space-medium); grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); border-top: 1px solid var(--brand-accent--base); grid-template-rows: auto; grid-template-columns: 1fr 4fr 1fr; grid-auto-columns: 1fr; place-items: start stretch; margin-left: auto; margin-right: auto; display: grid; position: relative } .title-block-grid:where(.w-variant-ed8d2e9c-71bf-9612-2013-a198c7713011) { border-top-color: var(--_colors---brand-accent-primary-opacity--brand-50) } .title-block-max { width: 100%; max-width: var(--_layout---max-fluid-width--max-fluid-medium); grid-column-gap: var(--_layout---spacing--space-medium); grid-row-gap: var(--_layout---spacing--space-medium); text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; margin-left: auto; margin-right: auto; display: flex } .solution-showcase-label { z-index: 7; justify-content: flex-start; align-items: center; width: 100%; display: flex; position: relative } .heading-solution { z-index: 9; font-family: var(--typography--heading); font-size: var(--_text-styles---heading-size--large); line-height: var(--_text-styles---line-height--100); font-weight: var(--_text-styles---weight--medium); text-transform: uppercase; margin-top: 0; margin-bottom: 0; position: relative } .heading-solution:where(.w-variant-122ad454-919a-46f1-844c-9a38f2f2efed) { font-size: 5vw } .footer-about-block { text-align: left; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex } .footer-bg-light { z-index: 1; background-color: var(--_colors---brand-accent-primary--brand-accent-400); position: absolute; inset: 0% } .menu-latest-projects { padding: var(--_layout---spacing--fluid-spacing-medium); grid-column-gap: var(--_layout---spacing--fluid-spacing-large); grid-row-gap: var(--_layout---spacing--fluid-spacing-large); flex-flow: column; flex: 1; justify-content: space-between; align-items: flex-start; display: flex } .menu-projects-list { z-index: 9; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative } .marker-link-bg { z-index: 1; background-color: var(--brand-accent--secondary-subtle); opacity: 0; pointer-events: none; position: absolute; inset: 0% } .project-details-wrap { z-index: 9; width: 100%; position: relative } .section-quote { z-index: 9; width: 100%; max-width: 100vw; padding-top: var(--layout-core-sizes--padding-default); padding-bottom: var(--layout-core-sizes--padding-default); background-color: var(--section-colors--light-base); color: var(--text-colors--primary-text); position: relative; overflow: clip } .large-action-button-line { z-index: 2; background-color: var(--brand-accent--strong); width: 50%; height: 2px; position: absolute; inset: auto auto 0% 0% } .large-action-button-line:where(.w-variant-4007310a-ea0d-01e3-d26d-d8bb086c6eaa) { background-color: var(--brand-accent--secondary-subtle) } .large-action-button-line.is-2nd { inset: auto 0% 0% auto; inset: auto 0% 0% auto } .hero-display-action:where(.w-variant-4316146d-f9e7-4528-a348-eaca25903c98) { z-index: 9; min-width: var(--_layout---column--col-2); padding-top: var(--_layout---spacing--space-medium); grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); justify-content: space-between; align-self: stretch; align-items: flex-end; display: flex; position: relative } .hero-display-text-block:where(.w-variant-4316146d-f9e7-4528-a348-eaca25903c98) { grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall); flex-flow: column; flex: 1; justify-content: flex-end; align-items: flex-start; display: flex } .hero-display-text { z-index: 9; font-family: var(--typography--heading); font-size: var(--_text-styles---paragraph-size--large); line-height: var(--_text-styles---line-height--100); font-weight: var(--_text-styles---weight--normal); text-align: left; position: relative } .hero-display-text.is-2nd:where(.w-variant-4316146d-f9e7-4528-a348-eaca25903c98), .hero-display-text.is-3rd:where(.w-variant-4316146d-f9e7-4528-a348-eaca25903c98) { opacity: 0; position: absolute } .hero-display-text.is-2nd:where(.w-variant-4316146d-f9e7-4528-a348-eaca25903c98), .hero-display-text.is-3rd:where(.w-variant-4316146d-f9e7-4528-a348-eaca25903c98) { opacity: 0; position: absolute } .hero-display-text.is-1st:where(.w-variant-4316146d-f9e7-4528-a348-eaca25903c98) { opacity: 1 } .hero-display-action-line { inset: 0% 0% auto } .hero-display-action-line:where(.w-variant-4316146d-f9e7-4528-a348-eaca25903c98) { background-color: var(--brand-accent--strong); width: 100%; height: 1px; position: absolute; inset: 0% 0% auto } .title-block-about { width: 100% } .hero-display-action-base { padding-top: var(--_layout---spacing--fluid-spacing-small) } .context-nav { z-index: 96; padding-right: var(--_layout---spacing--fluid-spacing-small); padding-bottom: var(--_layout---spacing--space-medium); padding-left: var(--_layout---spacing--fluid-spacing-small); pointer-events: none; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; display: flex; position: fixed; inset: auto 0% 0% } .context-wrap { height: var(--_layout---layout-calculations--nav-size); margin-left: var(--layout-core-sizes--gap-default); padding: var(--_layout---spacing--space-xsmall); border-radius: var(--layout-core-sizes--radius-default); background-color: var(--_colors---brand-opacity-light--brand-light-70); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); pointer-events: auto; flex-flow: row; justify-content: center; align-items: center; display: flex; overflow: hidden } .contect-link-icon { width: var(--_layout---raw-sizes--size-1); height: var(--_layout---raw-sizes--size-1); object-fit: contain } .nav-bottom-link { z-index: 9; padding: var(--_layout---spacing--space-xsmall)var(--_layout---spacing--space-small); grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall); border-radius: var(--layout-core-sizes--radius-default); color: var(--text-colors--primary-text); flex: 1; justify-content: center; align-items: center; transition: background-color .2s; display: flex; position: relative } .nav-bottom-link:where(.w-variant-ef9e6832-29a4-57e2-2033-57ce0e98ae14) { background-color: var(--brand-accent--base) } .nav-bottom-link:hover, .nav-bottom-link.w--current { background-color: var(--brand-accent--subtle) } .context-divider { width: 1px; height: 60%; margin-right: var(--_layout---spacing--space-xsmall); margin-left: var(--_layout---spacing--space-xsmall); background-color: var(--_colors---dark-opacity--dark-40); align-self: center } .context-link-min { justify-content: center; align-self: stretch; align-items: center; min-width: 10rem; display: flex } .context-link-min.is-left { justify-content: space-between; align-items: center } .hero-display-recognition:where(.w-variant-4316146d-f9e7-4528-a348-eaca25903c98) { z-index: 9; width: 100%; padding-top: var(--_layout---spacing--space-2xsmall); padding-bottom: var(--_layout---spacing--space-2xsmall); flex-flow: column; justify-content: center; align-items: flex-start; display: flex; position: relative; overflow: hidden } .typo-title-action { flex-flow: row; justify-content: space-between; align-items: flex-start; width: 100%; display: flex } .solutions-showcase-title { z-index: 9; padding: var(--_layout---spacing--space-xsmall)var(--_layout---spacing--space-small); justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden } .solution-title-bg { z-index: 1; background-color: var(--brand-accent--secondary-subtle); position: absolute; inset: 0% } .quote-grid { z-index: 9; width: 100%; padding: var(--_layout---spacing--fluid-spacing-large)var(--layout-core-sizes--container-padding); grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; position: relative; overflow: clip } .hero-display-video { z-index: 4; position: absolute; inset: 0% } .cover-video { z-index: 5; object-fit: cover; object-position: 50% 50%; width: 100%; height: 100%; position: absolute; inset: 0 } .hero-display-bg-animation { z-index: 20; background-color: var(--section-colors--light-strong); opacity: 0; pointer-events: none; position: absolute; inset: 0% } .hero-display-preload { z-index: 9999; height: 100vh; padding: var(--_layout---layout-calculations--nav-size)var(--layout-core-sizes--container-padding); opacity: 0; pointer-events: none; justify-content: flex-start; align-items: center; display: none; position: fixed; inset: 0%; overflow: hidden } .hero-display-preload-bg { z-index: 3; background-color: var(--brand-accent--secondary-subtle); position: absolute; inset: 0% } .hero-display-preload-title { z-index: 9; padding-top: var(--layout-core-sizes--padding-default); padding-bottom: var(--layout-core-sizes--padding-default); position: relative } .hero-display-preload-text { max-width: var(--_layout---max-fluid-width--max-fluid-small); font-family: var(--_typography---display-font); font-size: var(--_text-styles---heading-size--large); line-height: var(--_text-styles---line-height--100); font-weight: var(--_text-styles---weight--medium); text-transform: uppercase } .play-pause-button { right: var(--layout-core-sizes--container-padding); bottom: var(--_layout---spacing--fluid-spacing-small) } .menu-contact-label { z-index: 9; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative } @media screen and (max-width:991px) { body { --_layout---spacing--space-large: clamp(1rem, .9rem + .5vw, 1.5rem); --_layout---raw-sizes--size-025: .25rem; --_layout---spacing--space-xsmall: clamp(.25rem, .2rem + .25vw, .5rem); --_layout---spacing--space-2xsmall: clamp(.125rem, .1rem + .125vw, .25rem); --_layout---spacing--space-xlarge: clamp(1.25rem, 1.1rem + .75vw, 2rem); --_layout---container--container-narrow: 90rem; --_layout---spacing--no-space: 0rem; --_layout---raw-sizes--size-5: 5rem; --_layout---layout-calculations--nav-size: 3rem; --_layout---raw-sizes--size-075: .75rem; --_layout---raw-sizes--size-2: 2rem; --_layout---max-fluid-width--max-fluid-small: 24rem; --_layout---spacing--space-small: clamp(.5rem, .45rem + .25vw, .75rem); --_layout---spacing--space-medium: clamp(.75rem, .7rem + .25vw, 1rem); --_layout---raw-sizes--size-8: 8rem; --_layout---raw-sizes--size-05: .5rem; --_layout---layout-calculations--nav-size\ : calc(var(--layout-core-sizes--action-size-default) + 2*var(--layout-core-sizes--nav-gap)); --_layout---column--col-2: calc((100% - var(--layout-core-sizes--spacing-default))/2); --_layout---column--col-3: calc((100% - (2*var(--layout-core-sizes--spacing-default)))/3); --_layout---column--col-4: calc((100% - (3*var(--layout-core-sizes--spacing-default)))/4); --_layout---raw-sizes--size-3: 3rem; --_layout---spacing--fluid-spacing-medium: 2.5vw; --_layout---max-width--max-width-30: 30rem; --_layout---max-width--max-width-40: 40rem; --_layout---max-width--max-width-48: 48rem; --_layout---max-width--max-width-56: 56rem; --_layout---max-width--max-width-64: 64rem; --_layout---max-width--max-width-72: 72rem; --_layout---max-width--max-width-80: 80rem; --_layout---padding--padding-large: 4rem; --_layout---padding--padding-xlarge: 6rem; --_layout---max-width--max-width-35: 35rem; --_layout---max-width--max-width-20: 20rem; --_layout---max-width--max-width-15: 15rem; --_layout---spacing--space-2xlarge: clamp(2rem, 1.8rem + 1vw, 3rem); --_layout---layout-calculations--full-width-section: calc(100% - 2*var(--layout-core-sizes--container-padding)); --_layout---raw-sizes--size-1: 1rem; --_layout---max-fluid-width--max-fluid-large: 34rem; --_layout---spacing--fluid-spacing-large: 5vw; --_layout---spacing--space-3xlarge: clamp(3rem, 2.8rem + 1vw, 4rem); --_layout---column--col-30: calc((100% - var(--layout-core-sizes--spacing-default))*.3); --_layout---column--col-40: calc((100% - var(--layout-core-sizes--spacing-default))*.4); --_layout---column--col-60: calc((100% - var(--layout-core-sizes--spacing-default))*.6); --_layout---column--col-70: calc((100% - var(--layout-core-sizes--spacing-default))*.7); --_layout---layout-calculations--full-height-section: calc(100svh - 2*var(--layout-core-sizes--container-padding)); --_layout---max-fluid-width--max-fluid-medium: 28rem; --_layout---raw-sizes--size-25: 2.5rem; --_layout---raw-sizes--size-15: 1.5rem; --_layout---max-fluid-width--max-fluid-xlarge: 40rem; --_layout---max-fluid-width--max-fluid-2xlarge: 48rem; --_layout---radius--radius-max: 999rem; --_layout---raw-sizes--size-125: 1.25rem; --_layout---raw-sizes--size-015: .15rem; --_layout---spacing--fluid-spacing-small: 1.5vw; --_layout---max-fluid-width--max-fluid-xsmall: 20rem; --_layout---padding--padding-medium: 3rem; --_layout---max-fluid-width--max-fluid-2xsmall: 17rem; --_layout---raw-sizes--size-175: 1.75rem; --_layout---raw-sizes--size-100: 10rem; --_layout---raw-sizes--size-4: 4rem; --_layout---spacing--fluid-spacing-xlarge: 10vw; --_layout---padding--padding-small: 1.5rem; --_layout---body-sizes--body-small: .875rem; --_layout---body-sizes--body-medium: 1rem; --_layout---body-sizes--body-large: 1.125rem; --_layout---body-sizes--body-xlarge: 1.25rem; --_layout---raw-sizes--size-35: 3.5rem; --_layout---raw-sizes--size-45: 4.5rem; --_layout---raw-sizes--size-6: 6rem; --_layout---raw-sizes--size-7: 7rem; --_layout---raw-sizes--size-9: 9rem; --_layout---raw-sizes--size-150: 15rem; --_layout---raw-sizes--size-200: 20rem; --_layout---raw-sizes--size-300: 30rem; --_layout---max-width--max-width-25: 25rem; --_layout---max-width--max-width-27: 27rem; --_layout---radius--radius-small: 3px; --_layout---radius--radius-medium: 6px; --_layout---radius--radius-large: 10px; --_layout---layout-calculations--full-height-inner-block: calc(100svh - var(--_layout---layout-calculations--nav-size)); --_layout---action-sizes--small: clamp(2rem, 1.9rem + .5vw, 2.5rem); --_layout---action-sizes--medium: clamp(2.5rem, 2.35rem + .75vw, 3.25rem); --_layout---action-sizes--large: clamp(3rem, 2.8rem + 1vw, 4rem); --_layout---container--container-article: 60rem; --_layout---container--container-default: 120rem; --_layout---container--container-wide: 140rem; --_layout---container--inner-container: calc(100% - 2*var(--layout-core-sizes--padding-default)); --_layout---container-padding--container-padding-small: 1.5rem; --_layout---container-padding--container-padding-medium: 2rem; --_layout---container-padding--container-padding-large: 3rem; --_layout---container-padding--container-padding-xlarge: 4rem; --_text-styles---line-height--130: 130%; --_text-styles---weight--normal: 400; --_text-styles---line-height--150: 150%; --_text-styles---weight--semi-bold: 600; --_text-styles---weight--medium: 500; --_text-styles---heading-size--medium: 1.625rem; --_text-styles---heading-size--large: 1.75rem; --_text-styles---heading-size--2xlarge: 3rem; --_text-styles---line-height--120: 120%; --_text-styles---heading-size--small: 1.25rem; --_text-styles---heading-size--xsmall: 1.0625rem; --_text-styles---heading-size--2xsmall: .875rem; --_text-styles---heading-size--xlarge: 2.25rem; --_text-styles---line-height--90: 90%; --_text-styles---line-height--100: 100%; --_text-styles---line-height--80: 80%; --_text-styles---paragraph-size--medium: 1rem; --_text-styles---paragraph-size--large: 1.125rem; --_text-styles---paragraph-size--small: .9375rem; --_text-styles---line-height--140: 140%; --_text-styles---paragraph-size--xlarge: 1.25rem; --_text-styles---paragraph-size--2xsmall: .8125rem; --_text-styles---line-height--110: 110%; --_text-styles---paragraph-size--xsmall: .875rem; --_text-styles---weight--extra-light: 200; --_text-styles---line-height--160: 160%; --_text-styles---paragraph-size--2xlarge: 1.5rem; --_text-styles---weight--thin: 100; --_text-styles---weight--light: 300; --_text-styles---weight--bold: 700; --_text-styles---weight--extra-bold: 800; --_text-styles---weight--black: 900; --_typography---primary-font: "General Sans", Arial, sans-serif; --_typography---h1--h1-margin-top: var(--_layout---spacing--space-medium); --_typography---h1--h1-margin-bottom: var(--_layout---spacing--space-xlarge); --_typography---h1--h1-font-family: var(--typography--heading); --_typography---h1--h1-font-size: var(--_text-styles---heading-size--large); --_typography---h1--h1-line-height: var(--_text-styles---line-height--110); --_typography---h1--h1-font-weight: var(--_text-styles---weight--medium); --_typography---h2--h2-margin-top: var(--_layout---spacing--space-medium); --_typography---h2--h2-margin-bottom: var(--_layout---spacing--space-medium); --_typography---h2--h2-font-family: var(--typography--heading); --_typography---h2--h2-font-size: var(--_text-styles---heading-size--medium); --_typography---h2--h2-line-height: var(--_text-styles---line-height--110); --_typography---h2--h2-font-weight: var(--_text-styles---weight--medium); --_typography---h3--h3-margin-top: var(--_layout---spacing--space-medium); --_typography---h3--h3-margin-bottom: var(--_layout---spacing--space-small); --_typography---h3--h3-font-family: var(--typography--heading); --_typography---h3--h3-font-size: var(--_text-styles---heading-size--small); --_typography---h3--h3-line-height: var(--_text-styles---line-height--110); --_typography---h3--h3-font-weight: var(--_text-styles---weight--medium); --_typography---h4--h4-margin-top: var(--_layout---spacing--space-medium); --_typography---h4--h4-margin-bottom: var(--_layout---spacing--space-medium); --_typography---h4--h4-font-family: var(--typography--heading); --_typography---h4--h4-font-size: var(--_text-styles---heading-size--xsmall); --_typography---h4--h4-line-height: var(--_text-styles---line-height--110); --_typography---h4--h4-font-weight: var(--_text-styles---weight--medium); --_typography---h5--h5-margin-top: var(--_layout---spacing--space-medium); --_typography---h5--h5-margin-bottom: var(--_layout---spacing--space-medium); --_typography---h5--h5-font-family: var(--typography--heading); --_typography---h5--h5-font-size: var(--_text-styles---heading-size--xsmall); --_typography---h5--h5-line-height: var(--_text-styles---line-height--110); --_typography---h5--h5-font-weight: var(--_text-styles---weight--medium); --_typography---h6--h6-margin-top: var(--_layout---spacing--space-medium); --_typography---h6--h6-margin-bottom: var(--_layout---spacing--space-medium); --_typography---h6--h6-font-family: var(--typography--heading); --_typography---h6--h6-font-size: var(--_text-styles---heading-size--xsmall); --_typography---h6--h6-line-height: var(--_text-styles---line-height--110); --_typography---h6--h6-font-weight: var(--_text-styles---weight--medium); --_typography---paragraph--paragraph-margin-top: var(--_layout---spacing--space-small); --_typography---paragraph--paragraph-margin-bottom: var(--_layout---spacing--space-medium); --_typography---paragraph--paragraph-font-family: var(--typography--body-font); --_typography---paragraph--paragraph-font-size: var(--_text-styles---paragraph-size--medium); --_typography---paragraph--paragraph-line-height: var(--_text-styles---line-height--160); --_typography---paragraph--paragraph-font-weight: var(--_text-styles---weight--medium); --_typography---label--label-line-height: var(--_text-styles---line-height--120); --_typography---label--label-font-family: var(--typography--label); --_typography---label--label-font-size: var(--_text-styles---paragraph-size--xsmall); --_typography---label--label-font-weight: var(--_text-styles---weight--normal); --_typography---display-font: "General Sans", Arial, sans-serif; --_typography---mono-font: "JetBrains Mono", sans-serif } .nav { justify-content: space-between; align-items: center } .logo-link { position: relative } .nav-main-links { display: none } .heading.is-hero-slider-title { text-align: center; margin-left: auto; margin-right: auto; font-size: 8vw } .heading.is-editorial-title { font-size: 8vw } .heading.is-typo-title { font-size: 9vw } .cover-image.is-portrait-position { object-position: 50% 20%; object-position: 50% 20% } .footer-layout { grid-column-gap: var(--_layout---spacing--space-large); grid-row-gap: var(--_layout---spacing--space-large); flex-flow: column } .footer-main-link { padding-top: var(--_layout---spacing--space-small); padding-bottom: var(--_layout---spacing--space-small); font-size: var(--_text-styles---paragraph-size--xsmall) } .footer-main-link:hover { background-image: none; background-position: 0 0; background-repeat: repeat; background-size: auto } .hero-slider-layout { text-align: center; flex-flow: column; justify-content: center; align-items: center } .brand-name-text { letter-spacing: .05rem } .hero-slider { min-height: 100svh } .section-colors { flex-flow: wrap } .col-2 { flex: 0 auto; width: 100% } .col-4 { flex-basis: var(--_layout---column--col-2) } .hero-post:where(.w-variant-f5e2050f-21ca-953a-f4c5-4a3468287ef2) { min-height: 100svh } .hero-post:where(.w-variant-3d409b86-c5f3-ba3f-605e-c7d4d13791a2) { padding-bottom: var(--_layout---spacing--no-space) } .flex-wrap.in-advantages { grid-column-gap: var(--_layout---spacing--no-space); grid-row-gap: var(--_layout---spacing--no-space); grid-column-gap: var(--_layout---spacing--no-space); grid-row-gap: var(--_layout---spacing--no-space); flex-flow: wrap-reverse } .section-reveal { min-height: 100svh } .section-reveal-background { width: 68%; height: 73%; margin: auto } .section-reveal-2nd-wrap { min-height: 100svh; padding-top: 10svh; padding-bottom: 10svh } .section-reveal-sticky { height: auto; position: absolute; inset: 0% } .parallax-image { object-position: 50% 50% } .success-message { padding-top: var(--_layout---padding--padding-xlarge); padding-bottom: var(--_layout---padding--padding-xlarge) } .newsletter-form-component { max-width: none } .section-reveal-1st { min-height: auto } .section-wrap { flex-flow: wrap } .team-card-photo { height: var(--_media---image--xlarge) } .menu-1st-wrap { flex-flow: column } .menu { height: 100dvh } .menu-main-link { padding-top: var(--_layout---spacing--space-xsmall); padding-bottom: var(--_layout---spacing--space-xsmall); border-bottom-width: 2px } .menu-small-link { font-size: var(--_text-styles---paragraph-size--small) } .accordion-toggle { min-height: auto; padding-top: var(--_layout---spacing--space-small); padding-bottom: var(--_layout---spacing--space-small); grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall); flex-flow: column; justify-content: center; align-items: flex-start } .menu-contact { grid-column-gap: var(--_layout---spacing--space-small); grid-row-gap: var(--_layout---spacing--space-small); flex-flow: wrap; justify-content: space-between; align-items: flex-start } .hero-thumbnails { grid-column-gap: 6vw; grid-row-gap: 6vw; width: 100%; height: 9vw } .advantages-sticky-image { height: var(--_media---image--xlarge); border-bottom-width: 0; min-height: auto; position: relative } .col-30, .col-40, .col-60, .col-70 { flex: 0 auto; width: 100% } .stats-cms-wrapper { max-width: none } .stats-cms-item { grid-column-gap: var(--_layout---spacing--space-3xlarge); grid-row-gap: var(--_layout---spacing--space-3xlarge) } .stats-layout { top: var(--_layout---spacing--no-space); height: auto; min-height: auto; position: relative } .stats-col { flex: 0 auto; width: 100% } .section-team-stats { flex-flow: column-reverse; display: flex } .stats-cms-image-wrapper { width: 100% } .stats-cms-image-list { flex-flow: row; height: auto } .stats-cms-image-item { flex: 1; width: auto; height: 20vw; position: relative } .services-cms-listing-list { grid-template-columns: 1fr } .services-cms-listing-item { padding: var(--layout-core-sizes--padding-default)var(--layout-core-sizes--container-padding); grid-column-gap: var(--_layout---spacing--fluid-spacing-medium); grid-row-gap: var(--_layout---spacing--fluid-spacing-medium); border-radius: var(--layout-core-sizes--radius-default); flex-flow: column; grid-template-columns: 1fr; margin-bottom: 0; display: flex } .services-cms-listing-item:nth-child(2n) { background-color: var(--section-colors--light-base) } .service-card { max-width: var(--_layout---max-fluid-width--max-fluid-medium) } .service-card-media { border-radius: var(--layout-core-sizes--radius-default); height: 50vw; overflow: hidden } .team-list { grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default); flex-flow: row; grid-template-columns: 1fr 1fr; justify-content: flex-start; align-items: flex-start; display: flex } .team-grid-item { flex: none; align-self: stretch; width: 70vw; min-width: 70vw; max-width: 70vw } .service-card-about { max-width: none } .team-grid-wrap { padding-right: var(--layout-core-sizes--container-padding); padding-bottom: var(--_layout---spacing--space-medium); padding-left: var(--layout-core-sizes--container-padding); overflow: auto } .team-photography { object-position: 50% 10% } .vertical-gallery-wrap { flex: 0 auto; width: 100%; height: 5rem } .advantages-sticky { width: 100%; margin-bottom: var(--_layout---spacing--no-space); overflow: auto } .advantages-sticky-item { flex: none; align-self: stretch; width: 70vw; min-width: 70vw; max-width: 70vw; min-height: auto } .advantages-sticky-list { padding: var(--_layout---spacing--fluid-spacing-medium); grid-column-gap: var(--_layout---spacing--fluid-spacing-medium); grid-row-gap: var(--_layout---spacing--fluid-spacing-medium); flex-flow: row; justify-content: flex-start; align-items: flex-start } .locations-gradient { height: 80% } .project-item:nth-child(2n) { flex-flow: row } .project-listing-about { padding-right: var(--_layout---spacing--no-space); padding-left: var(--_layout---spacing--no-space) } .field.message { height: 10rem; min-height: 10rem; max-height: 10em } .menu-main { flex: 0 auto; width: 100% } .newsletter-wrap { flex-flow: column; justify-content: space-around; align-items: flex-start } .location-row-item { height: 45svh } .statement-reveal-layout { justify-content: center; align-items: flex-start; min-height: 100svh } .hero-intro { min-height: 100svh; padding-right: var(--layout-core-sizes--container-padding) } .nav-wrap { justify-content: space-between; align-items: center; display: flex } .nav-right { display: none } .hero-intro-content { flex-flow: column; justify-content: flex-start; align-items: stretch } .hero-intro-stats-wrap { border-top: 1px solid var(--borders--border-default-color); border-right: 1px solid var(--borders--border-default-color); width: 100% } .hero-intro-about { flex: 0 auto; align-self: auto; width: 100% } .hero-intro-gradient { background-image: linear-gradient(180deg, var(--section-colors--dark-strong)8%, var(--_colors---neutral--transparent)35%, var(--_colors---neutral--transparent)54%, var(--section-colors--dark-strong)80%) } .hero-intro-text-max { max-width: var(--_layout---max-fluid-width--max-fluid-medium) } .section-cta-compact { min-height: auto; padding-top: var(--_layout---spacing--no-space); padding-bottom: var(--_layout---spacing--no-space); grid-column-gap: var(--_layout---spacing--no-space); grid-row-gap: var(--_layout---spacing--no-space); grid-template-columns: 1fr } .cta-compact-block { min-height: auto } .cta-compact-block.is-image { height: 40vw; min-height: auto } .service-listing-wrap { flex: 0 auto; width: 100% } .service-listing-link { padding-top: var(--_layout---spacing--space-xlarge); padding-bottom: var(--_layout---spacing--space-xlarge) } .statement-reveal { height: 100svh; padding: 0 12vw } .large-listing-media { aspect-ratio: 2/3 } .large-listing-about { flex-flow: wrap; padding-top: 1rem; padding-bottom: 1rem } .large-listing-layout { grid-column-gap: var(--_layout---spacing--space-small); grid-row-gap: var(--_layout---spacing--space-small) } .large-listing-details { grid-column-gap: var(--_layout---spacing--no-space); grid-row-gap: var(--_layout---spacing--no-space); flex-flow: column } .grid-gallery { padding-top: var(--_layout---spacing--no-space); padding-left: var(--_layout---spacing--fluid-spacing-large) } .grid-gallery-item { height: 15vw } .images-split-layout { height: 80svh; padding-top: var(--layout-core-sizes--padding-default); padding-bottom: var(--layout-core-sizes--padding-default) } .footer-action { height: 100svh } .footer-cta-size { min-height: 100svh } .footer-cta-image { width: 50vw } .hero-display-bg { height: 50rem } .hero-display-details { grid-column-gap: 6vw; grid-row-gap: 6vw } .large-listing-text-max { width: 50% } .hero-typo { flex-flow: column; justify-content: flex-end; align-items: flex-start; min-height: 100svh } .hero-typo-office-link { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } .solution-showcase-item { min-height: 50vw } .solution-showcase-item:where(.w-variant-122ad454-919a-46f1-844c-9a38f2f2efed) { min-height: 90svh } .solution-showcase-link { width: 100%; max-width: none; padding-bottom: var(--_layout---spacing--fluid-spacing-small); grid-template-columns: 1fr 1.25fr 1fr } .solution-showcase-link:where(.w-variant-122ad454-919a-46f1-844c-9a38f2f2efed) { padding-top: var(--_layout---spacing--fluid-spacing-large); padding-bottom: var(--_layout---spacing--fluid-spacing-large); top: 0 } .solutions-showcase-gradient { height: 80% } .statement-reveal-images { height: 80svh } .hero-editorial { min-height: 250svh } .hero-editorial-layout { min-height: 50svh } .hero-editorial-bg-layout { height: 100svh; margin-top: 50svh } .blog-listing, .blog-listing-grid { grid-template-columns: 1fr } .blog-listing-item { grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall); flex-flow: column } .blog-listing-item:nth-child(2n) { flex-flow: column } .blog-listing-item.is-featured { min-height: auto; padding: var(--layout-core-sizes--padding-default); min-height: auto; padding: var(--layout-core-sizes--padding-default); justify-content: center; align-items: center } .blog-listing-content { padding: var(--layout-core-sizes--padding-default) } .blog-listing-content.is-featured { width: 100%; max-width: 33rem; margin: var(--layout-core-sizes--padding-default)auto; width: 100%; max-width: 33rem; margin: var(--layout-core-sizes--padding-default)auto } .blog-listing-image { flex: 0 auto; height: 40vw } .blog-listing-image.is-featured { height: auto } .blog-listing-max { max-width: none } .about-content-block { width: 100%; padding-top: var(--layout-core-sizes--padding-default); padding-bottom: var(--layout-core-sizes--padding-default); grid-column-gap: var(--_layout---spacing--space-2xlarge); grid-row-gap: var(--_layout---spacing--space-2xlarge); flex-flow: row; flex: 0 auto; justify-content: space-between; align-items: flex-end } .about-content-block:where(.w-variant-315a69f5-9058-c144-94c7-0ef4bb3562ae), .about-content-block:where(.w-variant-b108fd80-c78a-219d-1459-71f707df84c1) { grid-column-gap: var(--_layout---spacing--space-medium); grid-row-gap: var(--_layout---spacing--space-medium); flex-flow: column; justify-content: center; align-items: center } .about-image-block { flex: 0 auto; width: 100%; height: 50vw; min-height: 50vw } .about-content-wrap { max-width: var(--_layout---max-fluid-width--max-fluid-medium) } .about-content-wrap:where(.w-variant-315a69f5-9058-c144-94c7-0ef4bb3562ae), .about-content-wrap:where(.w-variant-b108fd80-c78a-219d-1459-71f707df84c1) { max-width: var(--_layout---max-fluid-width--max-fluid-large) } .about-grid-component { grid-column-gap: var(--_layout---spacing--no-space); grid-row-gap: var(--_layout---spacing--no-space); flex-flow: column; grid-template-columns: 1fr } .section-typo-titles { padding-top: var(--_layout---padding--padding-medium); padding-bottom: var(--_layout---padding--padding-medium); grid-column-gap: 2vw; grid-row-gap: 2vw } .typo-title-block.is-2nd { margin-right: 0 } .typo-title-block.is-1st { margin-left: 0 } .heading-typo-text { max-width: 50vw; font-size: 2vw; line-height: 2.5vw } .typo-title-image { width: 18vw; height: 10vw; margin-top: 0%; margin-bottom: 0% } .team-tabs { padding-right: var(--_layout---spacing--no-space); padding-left: var(--_layout---spacing--no-space); flex-flow: column } .tabs-team-menu { width: 100%; padding-right: var(--layout-core-sizes--container-padding); padding-left: var(--layout-core-sizes--container-padding) } .section-services-fullscreen { min-height: 100svh } .section-grid-gallery { background-color: var(--_colors---brand-accent-primary--brand-accent-300) } .collage-gallery-small { max-height: 14rem } .section-consultation { min-height: auto } .consultation-wrap { flex-flow: column } .consultation-content { width: 100%; height: auto; min-height: auto; padding-top: var(--layout-core-sizes--padding-default); flex: 0 auto; align-self: auto; position: relative } .consultation-sticky-bg { height: 100dvh } .consultation-form { flex: 0 auto; width: 100%; max-width: none; min-height: auto; margin-top: 0; margin-left: 0 } .consultation-form:where(.w-variant-7bc8b83a-0967-4115-6227-408868092058) { padding: var(--_layout---spacing--space-2xsmall)var(--_layout---spacing--space-xlarge)var(--_layout---spacing--space-xlarge) } .consultation-form:where(.w-variant-fe5861ef-6c58-7ce5-8ecd-3112612aa06f) { padding: var(--_layout---spacing--space-2xsmall)var(--_layout---spacing--space-xlarge)var(--_layout---spacing--space-xlarge); flex: 0 auto } .consultation-title:where(.w-variant-7bc8b83a-0967-4115-6227-408868092058), .consultation-title:where(.w-variant-fe5861ef-6c58-7ce5-8ecd-3112612aa06f) { top: var(--_layout---spacing--no-space); position: relative } .project-listing-image { flex: 0 auto; margin-bottom: 0% } .section-project-listing { margin-top: 0; margin-bottom: 0; padding-bottom: 0 } .solution-showcase-about { grid-column-gap: var(--_layout---spacing--fluid-spacing-medium); grid-row-gap: var(--_layout---spacing--fluid-spacing-medium); flex-flow: row; justify-content: flex-start; align-items: flex-end; width: 100%; display: flex } .plus-icon-with-text { display: none } .advantage-image { height: 30vw } .section-rich-content { grid-column-gap: var(--_layout---spacing--space-xlarge); grid-row-gap: var(--_layout---spacing--space-xlarge); flex-flow: column } .detail-blocks-wrap { flex: 0 auto; width: 100%; max-width: none; margin-left: 0; margin-right: 0 } .detail-block:where(.w-variant-28888deb-9827-34cd-aeaa-a0a840e1197f) { flex-flow: column; justify-content: flex-end; align-items: flex-start } .rich-content-col { width: 100%; max-width: none; padding-top: var(--_layout---spacing--no-space); padding-bottom: var(--_layout---spacing--no-space); flex: 0 auto; margin-left: 0; margin-right: 0 } .nav-left { grid-column-gap: var(--_layout---spacing--fluid-spacing-medium); grid-row-gap: var(--_layout---spacing--fluid-spacing-medium); justify-content: space-between; align-items: center; width: 100% } .footer-grid.is-1st { grid-row-gap: var(--_layout---spacing--space-xlarge); grid-row-gap: var(--_layout---spacing--space-xlarge); grid-template-columns: 1fr 1fr } .about-content-action { width: auto } .large-action-button-icon { width: var(--_layout---raw-sizes--size-1) } .large-action-button-bg { display: none } .marker-link-icon { width: var(--_layout---raw-sizes--size-175); height: var(--_layout---raw-sizes--size-175) } .gallery-content { width: 100% } .section-gallery-content { flex-flow: column-reverse; justify-content: flex-start; align-items: stretch } .section-gallery { min-height: 100svh } .section-gallery-gradient { height: 50% } .heading-cta { max-width: 60vw; font-size: 7vw } .footer-cta-large-title { height: 100svh } .large-text-behind { letter-spacing: .5vw; text-indent: .5vw; font-size: 10vw } .brand-slogan { display: none } .hero-contact-actions { flex: 0 auto; width: 100% } .hero-contact-content { flex-flow: column; justify-content: flex-start; align-items: flex-start } .hero-display-service-link { padding-top: var(--_layout---spacing--space-2xsmall); padding-bottom: var(--_layout---spacing--space-2xsmall); justify-content: flex-start; align-items: center } .hero-contact-subtitle { width: 100% } .cms-gallery-flex { flex-flow: column } .cms-gallery-content { padding-bottom: var(--_layout---spacing--fluid-spacing-medium) } .services-cms-listing-label { justify-content: flex-start; align-items: center } .form-large-title { font-size: 10vw } .form-title-wrap:where(.w-variant-7bc8b83a-0967-4115-6227-408868092058), .form-title-wrap:where(.w-variant-fe5861ef-6c58-7ce5-8ecd-3112612aa06f) { top: var(--_layout---spacing--no-space); position: relative } .form-size { width: 100% } .accordions-bg { grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall) } .accordion-min-size { min-width: auto } .accordion-min-size.tab-is-hidden { display: none } .form-title-col { width: auto } .menu-2nd-wrap { border-width: .5rem } .menu-featured-project-item:nth-child(2n) { flex-flow: column } .footer-logo-link { position: relative } .footer-contact-link { padding-top: var(--_layout---spacing--space-xsmall); padding-bottom: var(--_layout---spacing--space-xsmall); font-size: var(--_text-styles---paragraph-size--xsmall) } .menu-contact-links { padding-top: var(--_layout---spacing--space-small); padding-bottom: var(--_layout---spacing--space-small) } .display-link-icon { opacity: .7 } .team-tab-wrap { flex-flow: column; grid-template-columns: .75fr; justify-content: flex-start; align-items: flex-start; display: flex } .team-tab-about { top: var(--_layout---spacing--no-space); width: 100%; max-width: none; margin-bottom: var(--_layout---spacing--no-space); padding-right: var(--layout-core-sizes--container-padding); padding-left: var(--layout-core-sizes--container-padding); margin-left: 0; position: relative } .section-reveal-small-image { display: none } .section-reveal-2nd { z-index: 9 } .section-blog-listing-title { padding-top: var(--layout-core-sizes--padding-default) } .achievement-text { min-width: 18vw; font-size: 6vw } .stats-label { position: relative } .achievements-layout { flex-flow: column; justify-content: flex-start; align-items: flex-start; height: auto; min-height: 100vh } .testimonial-text { font-size: var(--_text-styles---heading-size--medium) } .achievements-wrap { flex: 1 } .achievement-col { flex: 0 auto; width: 100% } .achievement-thumbnais { height: 7rem } .logo-image { height: var(--_layout---raw-sizes--size-2) } .quote-row { grid-column-gap: var(--_layout---spacing--fluid-spacing-medium); grid-row-gap: var(--_layout---spacing--fluid-spacing-medium) } .reviews-wrap { flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: flex-start; display: grid; overflow: auto } .review-block { flex: none; width: 43vw; max-width: none } .review-image { height: 20vw } .small-quote-icon { top: -2.6vw } .heading-solution:where(.w-variant-122ad454-919a-46f1-844c-9a38f2f2efed) { font-size: 3.5vw } .award-item { grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall) } .award-item:hover { padding-top: var(--_layout---spacing--space-small); padding-bottom: var(--_layout---spacing--space-small) } .award-block { text-align: left } .hero-typo-offices { flex: 0 auto; width: 100% } .hero-typo-office-address { justify-content: flex-end; align-items: flex-start } .hero-typo-office-labels { grid-column-gap: var(--_layout---spacing--fluid-spacing-large); grid-row-gap: var(--_layout---spacing--fluid-spacing-large) } .menu-projects-list { grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall) } .detail-about-block { max-width: none } .hero-split-content { flex-flow: column; grid-template-columns: 1fr } .hero-split-content:where(.w-variant-71c57c18-1e45-058d-6607-0ab2228e35a1), .hero-split-content:where(.w-variant-4ad3ddda-05f2-e691-ef57-56142ccb80e2) { flex-flow: column-reverse } .hero-split { min-height: 100svh } .hero-split:where(.w-variant-4ad3ddda-05f2-e691-ef57-56142ccb80e2) { min-height: auto } .heading-split { font-size: 10vw } .heading-split:where(.w-variant-71c57c18-1e45-058d-6607-0ab2228e35a1), .heading-split:where(.w-variant-4ad3ddda-05f2-e691-ef57-56142ccb80e2) { font-size: 8vw } .hero-split-block { grid-column-gap: var(--_layout---spacing--space-small); grid-row-gap: var(--_layout---spacing--space-small); flex-flow: row; flex: 0 auto; justify-content: space-between; align-items: flex-end; width: 100% } .hero-split-block:where(.w-variant-315a69f5-9058-c144-94c7-0ef4bb3562ae), .hero-split-block:where(.w-variant-b108fd80-c78a-219d-1459-71f707df84c1) { grid-column-gap: var(--_layout---spacing--space-medium); grid-row-gap: var(--_layout---spacing--space-medium); flex-flow: column; justify-content: center; align-items: center } .hero-split-text-max { max-width: var(--_layout---max-fluid-width--max-fluid-medium) } .hero-split-text-max:where(.w-variant-315a69f5-9058-c144-94c7-0ef4bb3562ae), .hero-split-text-max:where(.w-variant-b108fd80-c78a-219d-1459-71f707df84c1) { max-width: var(--_layout---max-fluid-width--max-fluid-large) } .hero-split-action { width: auto } .hero-split-bg { flex: 1; width: 100%; height: 30rem } .hero-split-bg:where(.w-variant-4ad3ddda-05f2-e691-ef57-56142ccb80e2) { flex: 0 auto; height: 50vw; min-height: auto } .hero-split-title-2:where(.w-variant-71c57c18-1e45-058d-6607-0ab2228e35a1) { padding-top: var(--_layout---spacing--no-space); padding-bottom: var(--_layout---spacing--space-large); grid-column-gap: var(--_layout---spacing--no-space); grid-row-gap: var(--_layout---spacing--no-space); flex-flow: column; justify-content: flex-start; align-items: flex-start } .hero-split-title-2:where(.w-variant-4ad3ddda-05f2-e691-ef57-56142ccb80e2) { padding-top: var(--_layout---spacing--no-space); padding-bottom: var(--_layout---spacing--space-large); grid-column-gap: var(--_layout---spacing--no-space); grid-row-gap: var(--_layout---spacing--no-space); flex-flow: row; justify-content: flex-start; align-items: flex-start } .hero-split-title-1st:where(.w-variant-71c57c18-1e45-058d-6607-0ab2228e35a1), .hero-split-title-1st:where(.w-variant-4ad3ddda-05f2-e691-ef57-56142ccb80e2) { flex: 0 auto } .hero-split-title-2nd:where(.w-variant-71c57c18-1e45-058d-6607-0ab2228e35a1) { text-align: right; justify-content: flex-end; align-items: center; margin-left: auto } .hero-split-title-2nd:where(.w-variant-4ad3ddda-05f2-e691-ef57-56142ccb80e2) { text-align: right; justify-content: flex-end; align-items: center } .section-clients { grid-column-gap: var(--_layout---spacing--space-xlarge); grid-row-gap: var(--_layout---spacing--space-xlarge); flex-flow: column } .hero-post-image { flex: 0 auto; width: 100%; height: 50vw } .hero-post-image:where(.w-variant-eb4feba7-ded5-2e0b-a42e-3c2768d5e544), .hero-post-image:where(.w-variant-f5e2050f-21ca-953a-f4c5-4a3468287ef2) { flex: 1 } .hero-post-image:where(.w-variant-3d409b86-c5f3-ba3f-605e-c7d4d13791a2) { height: 40vw; min-height: auto } .hero-post-content { padding-top: var(--_layout---spacing--space-medium) } .hero-post-content:where(.w-variant-eb4feba7-ded5-2e0b-a42e-3c2768d5e544), .hero-post-content:where(.w-variant-f5e2050f-21ca-953a-f4c5-4a3468287ef2) { width: 100%; padding-top: var(--layout-core-sizes--padding-default); padding-bottom: var(--layout-core-sizes--padding-default); flex: 0 auto } .hero-post-content:where(.w-variant-3d409b86-c5f3-ba3f-605e-c7d4d13791a2) { width: 100%; padding-top: var(--_layout---spacing--space-medium); padding-bottom: var(--layout-core-sizes--padding-default) } .hero-post-wrap { flex-flow: column-reverse; justify-content: center; align-items: flex-start } .hero-post-wrap:where(.w-variant-eb4feba7-ded5-2e0b-a42e-3c2768d5e544) { flex-flow: column-reverse } .rich-with-sidebar { flex-flow: column } .sticky-sidebar { position: relative } .sideber-image { width: 100%; height: 40vw } .context-wrap { margin-left: var(--_layout---spacing--no-space) } .scrolling-text { font-size: 1.5vw } .newsletter-title-max { text-align: left; justify-content: flex-start; align-items: center; max-width: none } .hero-split-image-position:where(.w-variant-4ad3ddda-05f2-e691-ef57-56142ccb80e2) { width: 50%; height: 100%; max-height: none; inset: 0% } .hero-post-image-position:where(.w-variant-3d409b86-c5f3-ba3f-605e-c7d4d13791a2) { width: 100%; max-width: none } .hero-display-preload { height: 100svh } .menu-contact-label { padding-top: var(--_layout---spacing--space-small); padding-bottom: var(--_layout---spacing--space-small) } } @media screen and (max-width:767px) { body { --_layout---spacing--space-large: clamp(1rem, .9rem + .5vw, 1.5rem); --_layout---raw-sizes--size-025: .25rem; --_layout---spacing--space-xsmall: clamp(.25rem, .2rem + .25vw, .5rem); --_layout---spacing--space-2xsmall: clamp(.125rem, .1rem + .125vw, .25rem); --_layout---spacing--space-xlarge: clamp(1.25rem, 1.1rem + .75vw, 2rem); --_layout---container--container-narrow: 90rem; --_layout---spacing--no-space: 0rem; --_layout---raw-sizes--size-5: 5rem; --_layout---layout-calculations--nav-size: 3rem; --_layout---raw-sizes--size-075: .75rem; --_layout---raw-sizes--size-2: 2rem; --_layout---max-fluid-width--max-fluid-small: 20rem; --_layout---spacing--space-small: clamp(.5rem, .45rem + .25vw, .75rem); --_layout---spacing--space-medium: clamp(.75rem, .7rem + .25vw, 1rem); --_layout---raw-sizes--size-8: 8rem; --_layout---raw-sizes--size-05: .5rem; --_layout---layout-calculations--nav-size\ : calc(var(--layout-core-sizes--action-size-default) + 2*var(--layout-core-sizes--nav-gap)); --_layout---column--col-2: calc((100% - var(--layout-core-sizes--spacing-default))/2); --_layout---column--col-3: calc((100% - (2*var(--layout-core-sizes--spacing-default)))/3); --_layout---column--col-4: calc((100% - (3*var(--layout-core-sizes--spacing-default)))/4); --_layout---raw-sizes--size-3: 3rem; --_layout---spacing--fluid-spacing-medium: 2.5vw; --_layout---max-width--max-width-30: 30rem; --_layout---max-width--max-width-40: 40rem; --_layout---max-width--max-width-48: 48rem; --_layout---max-width--max-width-56: 56rem; --_layout---max-width--max-width-64: 64rem; --_layout---max-width--max-width-72: 72rem; --_layout---max-width--max-width-80: 80rem; --_layout---padding--padding-large: 3rem; --_layout---padding--padding-xlarge: 4.5rem; --_layout---max-width--max-width-35: 35rem; --_layout---max-width--max-width-20: 20rem; --_layout---max-width--max-width-15: 15rem; --_layout---spacing--space-2xlarge: clamp(2rem, 1.8rem + 1vw, 3rem); --_layout---layout-calculations--full-width-section: calc(100% - 2*var(--layout-core-sizes--container-padding)); --_layout---raw-sizes--size-1: 1rem; --_layout---max-fluid-width--max-fluid-large: 26rem; --_layout---spacing--fluid-spacing-large: 5vw; --_layout---spacing--space-3xlarge: clamp(3rem, 2.8rem + 1vw, 4rem); --_layout---column--col-30: calc((100% - var(--layout-core-sizes--spacing-default))*.3); --_layout---column--col-40: calc((100% - var(--layout-core-sizes--spacing-default))*.4); --_layout---column--col-60: calc((100% - var(--layout-core-sizes--spacing-default))*.6); --_layout---column--col-70: calc((100% - var(--layout-core-sizes--spacing-default))*.7); --_layout---layout-calculations--full-height-section: calc(100svh - 2*var(--layout-core-sizes--container-padding)); --_layout---max-fluid-width--max-fluid-medium: 22rem; --_layout---raw-sizes--size-25: 2.5rem; --_layout---raw-sizes--size-15: 1.5rem; --_layout---max-fluid-width--max-fluid-xlarge: 30rem; --_layout---max-fluid-width--max-fluid-2xlarge: 36rem; --_layout---radius--radius-max: 999rem; --_layout---raw-sizes--size-125: 1.25rem; --_layout---raw-sizes--size-015: .15rem; --_layout---spacing--fluid-spacing-small: 1.5vw; --_layout---max-fluid-width--max-fluid-xsmall: 17rem; --_layout---padding--padding-medium: 2.5rem; --_layout---max-fluid-width--max-fluid-2xsmall: 15rem; --_layout---raw-sizes--size-175: 1.75rem; --_layout---raw-sizes--size-100: 10rem; --_layout---raw-sizes--size-4: 4rem; --_layout---spacing--fluid-spacing-xlarge: 10vw; --_layout---padding--padding-small: 1.25rem; --_layout---body-sizes--body-small: .875rem; --_layout---body-sizes--body-medium: 1rem; --_layout---body-sizes--body-large: 1.125rem; --_layout---body-sizes--body-xlarge: 1.25rem; --_layout---raw-sizes--size-35: 3.5rem; --_layout---raw-sizes--size-45: 4.5rem; --_layout---raw-sizes--size-6: 6rem; --_layout---raw-sizes--size-7: 7rem; --_layout---raw-sizes--size-9: 9rem; --_layout---raw-sizes--size-150: 15rem; --_layout---raw-sizes--size-200: 20rem; --_layout---raw-sizes--size-300: 30rem; --_layout---max-width--max-width-25: 25rem; --_layout---max-width--max-width-27: 27rem; --_layout---radius--radius-small: 3px; --_layout---radius--radius-medium: 6px; --_layout---radius--radius-large: 10px; --_layout---layout-calculations--full-height-inner-block: calc(100svh - var(--_layout---layout-calculations--nav-size)); --_layout---action-sizes--small: clamp(2rem, 1.9rem + .5vw, 2.5rem); --_layout---action-sizes--medium: clamp(2.5rem, 2.35rem + .75vw, 3.25rem); --_layout---action-sizes--large: clamp(3rem, 2.8rem + 1vw, 4rem); --_layout---container--container-article: 60rem; --_layout---container--container-default: 120rem; --_layout---container--container-wide: 140rem; --_layout---container--inner-container: calc(100% - 2*var(--layout-core-sizes--padding-default)); --_layout---container-padding--container-padding-small: 1.25rem; --_layout---container-padding--container-padding-medium: 1.5rem; --_layout---container-padding--container-padding-large: 2rem; --_layout---container-padding--container-padding-xlarge: 3rem; --_text-styles---line-height--130: 130%; --_text-styles---weight--normal: 400; --_text-styles---line-height--150: 150%; --_text-styles---weight--semi-bold: 600; --_text-styles---weight--medium: 500; --_text-styles---heading-size--medium: 1.5rem; --_text-styles---heading-size--large: 1.625rem; --_text-styles---heading-size--2xlarge: 2.5rem; --_text-styles---line-height--120: 120%; --_text-styles---heading-size--small: 1.1875rem; --_text-styles---heading-size--xsmall: 1rem; --_text-styles---heading-size--2xsmall: .875rem; --_text-styles---heading-size--xlarge: 2rem; --_text-styles---line-height--90: 90%; --_text-styles---line-height--100: 100%; --_text-styles---line-height--80: 80%; --_text-styles---paragraph-size--medium: 1rem; --_text-styles---paragraph-size--large: 1.0625rem; --_text-styles---paragraph-size--small: .9375rem; --_text-styles---line-height--140: 140%; --_text-styles---paragraph-size--xlarge: 1.1875rem; --_text-styles---paragraph-size--2xsmall: .8125rem; --_text-styles---line-height--110: 110%; --_text-styles---paragraph-size--xsmall: .875rem; --_text-styles---weight--extra-light: 200; --_text-styles---line-height--160: 160%; --_text-styles---paragraph-size--2xlarge: 1.375rem; --_text-styles---weight--thin: 100; --_text-styles---weight--light: 300; --_text-styles---weight--bold: 700; --_text-styles---weight--extra-bold: 800; --_text-styles---weight--black: 900; --_typography---primary-font: "General Sans", Arial, sans-serif; --_typography---h1--h1-margin-top: var(--_layout---spacing--space-medium); --_typography---h1--h1-margin-bottom: var(--_layout---spacing--space-xlarge); --_typography---h1--h1-font-family: var(--typography--heading); --_typography---h1--h1-font-size: var(--_text-styles---heading-size--large); --_typography---h1--h1-line-height: var(--_text-styles---line-height--110); --_typography---h1--h1-font-weight: var(--_text-styles---weight--medium); --_typography---h2--h2-margin-top: var(--_layout---spacing--space-medium); --_typography---h2--h2-margin-bottom: var(--_layout---spacing--space-medium); --_typography---h2--h2-font-family: var(--typography--heading); --_typography---h2--h2-font-size: var(--_text-styles---heading-size--medium); --_typography---h2--h2-line-height: var(--_text-styles---line-height--110); --_typography---h2--h2-font-weight: var(--_text-styles---weight--medium); --_typography---h3--h3-margin-top: var(--_layout---spacing--space-medium); --_typography---h3--h3-margin-bottom: var(--_layout---spacing--space-small); --_typography---h3--h3-font-family: var(--typography--heading); --_typography---h3--h3-font-size: var(--_text-styles---heading-size--small); --_typography---h3--h3-line-height: var(--_text-styles---line-height--110); --_typography---h3--h3-font-weight: var(--_text-styles---weight--medium); --_typography---h4--h4-margin-top: var(--_layout---spacing--space-medium); --_typography---h4--h4-margin-bottom: var(--_layout---spacing--space-medium); --_typography---h4--h4-font-family: var(--typography--heading); --_typography---h4--h4-font-size: var(--_text-styles---heading-size--xsmall); --_typography---h4--h4-line-height: var(--_text-styles---line-height--110); --_typography---h4--h4-font-weight: var(--_text-styles---weight--medium); --_typography---h5--h5-margin-top: var(--_layout---spacing--space-medium); --_typography---h5--h5-margin-bottom: var(--_layout---spacing--space-medium); --_typography---h5--h5-font-family: var(--typography--heading); --_typography---h5--h5-font-size: var(--_text-styles---heading-size--xsmall); --_typography---h5--h5-line-height: var(--_text-styles---line-height--110); --_typography---h5--h5-font-weight: var(--_text-styles---weight--medium); --_typography---h6--h6-margin-top: var(--_layout---spacing--space-medium); --_typography---h6--h6-margin-bottom: var(--_layout---spacing--space-medium); --_typography---h6--h6-font-family: var(--typography--heading); --_typography---h6--h6-font-size: var(--_text-styles---heading-size--xsmall); --_typography---h6--h6-line-height: var(--_text-styles---line-height--110); --_typography---h6--h6-font-weight: var(--_text-styles---weight--medium); --_typography---paragraph--paragraph-margin-top: var(--_layout---spacing--space-small); --_typography---paragraph--paragraph-margin-bottom: var(--_layout---spacing--space-medium); --_typography---paragraph--paragraph-font-family: var(--typography--body-font); --_typography---paragraph--paragraph-font-size: var(--_text-styles---paragraph-size--large); --_typography---paragraph--paragraph-line-height: var(--_text-styles---line-height--160); --_typography---paragraph--paragraph-font-weight: var(--_text-styles---weight--medium); --_typography---label--label-line-height: var(--_text-styles---line-height--120); --_typography---label--label-font-family: var(--typography--label); --_typography---label--label-font-size: var(--_text-styles---paragraph-size--xsmall); --_typography---label--label-font-weight: var(--_text-styles---weight--normal); --_typography---display-font: "General Sans", Arial, sans-serif; --_typography---mono-font: "JetBrains Mono", sans-serif } .heading.is-hero-slider-title { font-size: 10vw } .heading.is-home-hero { max-width: none } .heading.is-editorial-title { opacity: .8 } .heading.is-typo-title { font-size: 10vw; top: 0 } .cover-image.in-stats { object-position: 50% 30%; object-position: 50% 30% } .footer-main-link { font-size: var(--_text-styles---paragraph-size--small) } .hero-slider-images { flex: 1 } .col-2.with-fill { flex: 0 auto; width: 100% } .col-3 { flex: 0 auto } .col-3.with-fill { width: 100% } .col-4 { flex: 0 auto } .col-4.with-fill { width: 100% } .hero-post:where(.w-variant-f5e2050f-21ca-953a-f4c5-4a3468287ef2) { min-height: 100svh } .brand-color { flex: 0 auto; width: 50% } .check-item-text-block { margin-top: .1rem } .hero-thumbnails { height: 11vw } .col-30.with-fill, .col-40.with-fill, .col-40.with-fill, .col-60.with-fill, .col-60.with-fill, .col-70.with-fill, .col-70.with-fill { flex: 0 auto; width: 100% } .stats-cms-image-list { grid-column-gap: var(--_layout---spacing--space-small); grid-row-gap: var(--_layout---spacing--space-small); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid } .stats-cms-image-item { height: 30vw } .services-cms-listing { padding-right: var(--_layout---spacing--no-space); padding-left: var(--_layout---spacing--no-space) } .services-cms-listing-list { grid-template-columns: 1fr } .service-card { max-width: var(--_layout---max-fluid-width--max-fluid-large) } .advantages-sticky { width: 100% } .locations-gradient { height: 100% } .project-listing-about { max-width: var(--_layout---max-fluid-width--max-fluid-xlarge) } .field, .field.message, .field.message { font-size: 1.2rem } .field-label { font-size: var(--_layout---raw-sizes--size-125) } .field-label.in-newsletter { top: var(--_layout---raw-sizes--size-075); font-size: var(--_layout---raw-sizes--size-125); top: var(--_layout---raw-sizes--size-075); font-size: var(--_layout---raw-sizes--size-125) } .menu-main, .newsletter-wrap, .locations-row-list { flex-flow: column } .brand-2nd-color { flex: 0 auto; width: 50% } .hero-intro-text-max { max-width: var(--_layout---max-fluid-width--max-fluid-large) } .statement-reveal.is-2nd { justify-content: center; align-items: center } .large-listing-layout { padding-top: 2rem; padding-bottom: 2.5rem } .grid-gallery-item { height: 20vw } .images-split-layout { height: 60svh; max-height: 30rem } .footer-cta-image { height: 50% } .hero-display-details { grid-column-gap: 3vw; grid-row-gap: 3vw; flex-flow: column } .large-listing-text-max { width: 100%; max-width: none } .hero-typo-office-link { padding-top: var(--_layout---spacing--fluid-spacing-medium); padding-bottom: var(--_layout---spacing--fluid-spacing-medium); border-bottom-width: 0 } .solution-showcase-item { min-height: 70vw } .solution-showcase-item:where(.w-variant-122ad454-919a-46f1-844c-9a38f2f2efed) { min-height: 90svh } .solution-showcase-link { padding-top: var(--_layout---spacing--fluid-spacing-medium); padding-bottom: var(--_layout---spacing--fluid-spacing-medium); grid-column-gap: var(--_layout---spacing--space-small); grid-row-gap: var(--_layout---spacing--space-small); grid-template-columns: 1fr; place-items: center } .solution-showcase-link:where(.w-variant-122ad454-919a-46f1-844c-9a38f2f2efed) { padding-top: var(--_layout---spacing--fluid-spacing-medium); padding-bottom: var(--_layout---spacing--fluid-spacing-medium) } .collage-gallery { justify-content: center; align-items: flex-start } .hero-editorial { min-height: auto } .hero-editorial-bg { height: 50vw; position: relative } .hero-editorial-layout { min-height: auto } .hero-editorial-wrap { grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default) } .hero-editorial-bg-layout { height: auto; margin-top: 0; position: absolute; inset: 0% } .blog-listing-grid { grid-template-columns: 1fr } .about-content-block { grid-column-gap: var(--_layout---spacing--space-large); grid-row-gap: var(--_layout---spacing--space-large); flex-flow: column; justify-content: flex-start; align-items: flex-start } .about-content-wrap { max-width: none } .section-typo-titles { grid-column-gap: 1vw; grid-row-gap: 1vw } .section-typo-titles:where(.w-variant-c66c9044-c086-1b51-6dd0-6a4df23afb84) { color: var(--text-colors--primary-text) } .typo-title-block { z-index: 6 } .typo-title-block.is-2nd { z-index: 10; grid-column-gap: 0vw; grid-row-gap: 0vw; flex-flow: column-reverse } .typo-title-block.is-1st { flex-flow: column; position: static } .typo-title-block.is-3rd { margin-bottom: var(--_layout---spacing--space-medium) } .heading-typo-text { max-width: 70vw; font-size: 2.5vw; line-height: var(--_text-styles---line-height--130) } .heading-typo-text:where(.w-variant-c66c9044-c086-1b51-6dd0-6a4df23afb84) { color: var(--text-colors--primary-text) } .typo-title-image { width: 34vw; height: 20vw } .collage-gallery-small { left: 0; top: var(--_layout---spacing--fluid-spacing-large); width: 90%; max-width: none; max-height: 20rem; margin-left: auto; margin-right: auto; right: 0 } .solution-showcase-about { max-width: var(--_layout---max-fluid-width--max-fluid-medium); text-align: center; margin-left: 0 } .detail-block:where(.w-variant-28888deb-9827-34cd-aeaa-a0a840e1197f) { flex-flow: column; justify-content: flex-start; align-items: flex-start } .hero-typo-bg { width: 100%; padding: var(--_layout---spacing--no-space) } .hero-typo-heading { max-width: var(--_layout---max-fluid-width--max-fluid-large) } .footer-grid { grid-template-columns: 1fr 1fr } .hero-display-services-list { grid-column-gap: var(--_layout---spacing--space-medium); flex-flow: wrap; justify-content: flex-start; align-items: flex-start } .marker-link-block { grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall) } .section-gallery { height: 100svh; min-height: auto; max-height: 50rem } .hero-display-service-link { min-width: auto; padding-top: var(--_layout---spacing--space-small); padding-bottom: var(--_layout---spacing--space-small) } .cms-gallery-flex { flex-flow: column } .menu-2nd-wrap { border-width: 0; flex-flow: column } .menu-featured-project { width: 100% } .hero-display-about-content { max-width: var(--_layout---max-fluid-width--max-fluid-large) } .quote-image { width: 15vw; height: 17vw } .quote-layout { flex: 0 auto; width: 100%; max-width: none; position: static } .section-logo-grid { grid-column-gap: var(--_layout---spacing--no-space); grid-row-gap: var(--_layout---spacing--no-space); grid-template-columns: 1fr 1fr 1fr } .logo-block { min-height: 30vw } .quote-row { padding-top: var(--_layout---spacing--space-large); flex-flow: column-reverse } .quote-icon-wrap { top: 0%; left: auto; right: var(--layout-core-sizes--container-padding); height: auto; position: absolute; bottom: auto } .quote-label { height: auto } .review-block { width: 60vw } .review-image { height: 30vw } .small-quote-icon { top: -3.2vw } .title-block-grid { grid-template-columns: 1fr 3fr 1fr } .solution-showcase-label { justify-content: center; align-items: center } .heading-solution:where(.w-variant-122ad454-919a-46f1-844c-9a38f2f2efed) { font-size: 4vw } .award-item { grid-column-gap: var(--_layout---spacing--space-2xsmall); grid-row-gap: var(--_layout---spacing--space-2xsmall); flex-flow: column; justify-content: flex-start; align-items: flex-start } .award-block { flex: 0 auto; width: 100% } .collage-gallery-gradient { background-image: linear-gradient(180deg, var(--section-colors--dark-strong), var(--_colors---neutral--transparent)40%) } .hero-typo-offices-list { flex-flow: column } .menu-latest-projects { margin-bottom: var(--_layout---spacing--fluid-spacing-small) } .menu-projects-list { grid-column-gap: var(--_layout---spacing--space-xlarge); flex-flow: wrap } .hero-contact-links { grid-column-gap: var(--_layout---spacing--fluid-spacing-medium) } .detail-about-block:where(.w-variant-28888deb-9827-34cd-aeaa-a0a840e1197f) { max-width: var(--_layout---max-fluid-width--max-fluid-2xlarge) } .hero-split-block { flex-flow: column; justify-content: flex-start; align-items: flex-start } .hero-split-text-max { max-width: none } .hero-split-action { width: 50% } .hero-split-bg:where(.w-variant-4ad3ddda-05f2-e691-ef57-56142ccb80e2) { height: 50vw } .cms-gallery-title { max-width: var(--_layout---max-fluid-width--max-fluid-large) } .sideber-image { height: 50vw } .context-wrap { height: var(--_layout---raw-sizes--size-2); padding: var(--_layout---spacing--space-2xsmall) } .typo-title-action { margin-top: 2vw } .scrolling-text { font-size: 2vw } .quote-grid { padding-top: var(--_layout---spacing--no-space); padding-bottom: var(--_layout---spacing--no-space); grid-template-columns: 1fr } .hero-display-preload-text { max-width: var(--_layout---max-fluid-width--max-fluid-medium) } .play-pause-button { width: var(--_layout---raw-sizes--size-2) } } @media screen and (max-width:479px) { body { --_layout---spacing--space-large: clamp(1rem, .9rem + .5vw, 1.5rem); --_layout---raw-sizes--size-025: .25rem; --_layout---spacing--space-xsmall: clamp(.25rem, .2rem + .25vw, .5rem); --_layout---spacing--space-2xsmall: clamp(.125rem, .1rem + .125vw, .25rem); --_layout---spacing--space-xlarge: clamp(1.25rem, 1.1rem + .75vw, 2rem); --_layout---container--container-narrow: 90rem; --_layout---spacing--no-space: 0rem; --_layout---raw-sizes--size-5: 5rem; --_layout---layout-calculations--nav-size: 3rem; --_layout---raw-sizes--size-075: .75rem; --_layout---raw-sizes--size-2: 2rem; --_layout---max-fluid-width--max-fluid-small: 16rem; --_layout---spacing--space-small: clamp(.5rem, .45rem + .25vw, .75rem); --_layout---spacing--space-medium: clamp(.75rem, .7rem + .25vw, 1rem); --_layout---raw-sizes--size-8: 8rem; --_layout---raw-sizes--size-05: .5rem; --_layout---layout-calculations--nav-size\ : calc(var(--layout-core-sizes--action-size-default) + 2*var(--layout-core-sizes--nav-gap)); --_layout---column--col-2: calc((100% - var(--layout-core-sizes--spacing-default))/2); --_layout---column--col-3: calc((100% - (2*var(--layout-core-sizes--spacing-default)))/3); --_layout---column--col-4: calc((100% - (3*var(--layout-core-sizes--spacing-default)))/4); --_layout---raw-sizes--size-3: 3rem; --_layout---spacing--fluid-spacing-medium: 2.5vw; --_layout---max-width--max-width-30: 30rem; --_layout---max-width--max-width-40: 40rem; --_layout---max-width--max-width-48: 48rem; --_layout---max-width--max-width-56: 56rem; --_layout---max-width--max-width-64: 64rem; --_layout---max-width--max-width-72: 72rem; --_layout---max-width--max-width-80: 80rem; --_layout---padding--padding-large: 2.5rem; --_layout---padding--padding-xlarge: 3.5rem; --_layout---max-width--max-width-35: 35rem; --_layout---max-width--max-width-20: 20rem; --_layout---max-width--max-width-15: 15rem; --_layout---spacing--space-2xlarge: clamp(2rem, 1.8rem + 1vw, 3rem); --_layout---layout-calculations--full-width-section: calc(100% - 2*var(--layout-core-sizes--container-padding)); --_layout---raw-sizes--size-1: 1rem; --_layout---max-fluid-width--max-fluid-large: 20rem; --_layout---spacing--fluid-spacing-large: 5vw; --_layout---spacing--space-3xlarge: clamp(3rem, 2.8rem + 1vw, 4rem); --_layout---column--col-30: calc((100% - var(--layout-core-sizes--spacing-default))*.3); --_layout---column--col-40: calc((100% - var(--layout-core-sizes--spacing-default))*.4); --_layout---column--col-60: calc((100% - var(--layout-core-sizes--spacing-default))*.6); --_layout---column--col-70: calc((100% - var(--layout-core-sizes--spacing-default))*.7); --_layout---layout-calculations--full-height-section: calc(100svh - 2*var(--layout-core-sizes--container-padding)); --_layout---max-fluid-width--max-fluid-medium: 18rem; --_layout---raw-sizes--size-25: 2.5rem; --_layout---raw-sizes--size-15: 1.5rem; --_layout---max-fluid-width--max-fluid-xlarge: 22rem; --_layout---max-fluid-width--max-fluid-2xlarge: 26rem; --_layout---radius--radius-max: 999rem; --_layout---raw-sizes--size-125: 1.25rem; --_layout---raw-sizes--size-015: .15rem; --_layout---spacing--fluid-spacing-small: 1.5vw; --_layout---max-fluid-width--max-fluid-xsmall: 15rem; --_layout---padding--padding-medium: 2rem; --_layout---max-fluid-width--max-fluid-2xsmall: 13rem; --_layout---raw-sizes--size-175: 1.75rem; --_layout---raw-sizes--size-100: 10rem; --_layout---raw-sizes--size-4: 4rem; --_layout---spacing--fluid-spacing-xlarge: 10vw; --_layout---padding--padding-small: 1rem; --_layout---body-sizes--body-small: .875rem; --_layout---body-sizes--body-medium: 1rem; --_layout---body-sizes--body-large: 1.125rem; --_layout---body-sizes--body-xlarge: 1.25rem; --_layout---raw-sizes--size-35: 3.5rem; --_layout---raw-sizes--size-45: 4.5rem; --_layout---raw-sizes--size-6: 6rem; --_layout---raw-sizes--size-7: 7rem; --_layout---raw-sizes--size-9: 9rem; --_layout---raw-sizes--size-150: 15rem; --_layout---raw-sizes--size-200: 20rem; --_layout---raw-sizes--size-300: 30rem; --_layout---max-width--max-width-25: 25rem; --_layout---max-width--max-width-27: 27rem; --_layout---radius--radius-small: 3px; --_layout---radius--radius-medium: 6px; --_layout---radius--radius-large: 10px; --_layout---layout-calculations--full-height-inner-block: calc(100svh - var(--_layout---layout-calculations--nav-size)); --_layout---action-sizes--small: clamp(2rem, 1.9rem + .5vw, 2.5rem); --_layout---action-sizes--medium: clamp(2.5rem, 2.35rem + .75vw, 3.25rem); --_layout---action-sizes--large: clamp(3rem, 2.8rem + 1vw, 4rem); --_layout---container--container-article: 60rem; --_layout---container--container-default: 120rem; --_layout---container--container-wide: 140rem; --_layout---container--inner-container: calc(100% - 2*var(--layout-core-sizes--padding-default)); --_layout---container-padding--container-padding-small: 1rem; --_layout---container-padding--container-padding-medium: 1.25rem; --_layout---container-padding--container-padding-large: 1.5rem; --_layout---container-padding--container-padding-xlarge: 2rem; --_text-styles---line-height--130: 130%; --_text-styles---weight--normal: 400; --_text-styles---line-height--150: 150%; --_text-styles---weight--semi-bold: 600; --_text-styles---weight--medium: 500; --_text-styles---heading-size--medium: 1.375rem; --_text-styles---heading-size--large: 1.5rem; --_text-styles---heading-size--2xlarge: 2.125rem; --_text-styles---line-height--120: 120%; --_text-styles---heading-size--small: 1.125rem; --_text-styles---heading-size--xsmall: 1rem; --_text-styles---heading-size--2xsmall: .8125rem; --_text-styles---heading-size--xlarge: 1.75rem; --_text-styles---line-height--90: 90%; --_text-styles---line-height--100: 100%; --_text-styles---line-height--80: 80%; --_text-styles---paragraph-size--medium: .9375rem; --_text-styles---paragraph-size--large: 1rem; --_text-styles---paragraph-size--small: .875rem; --_text-styles---line-height--140: 140%; --_text-styles---paragraph-size--xlarge: 1.125rem; --_text-styles---paragraph-size--2xsmall: .75rem; --_text-styles---line-height--110: 110%; --_text-styles---paragraph-size--xsmall: .8125rem; --_text-styles---weight--extra-light: 200; --_text-styles---line-height--160: 160%; --_text-styles---paragraph-size--2xlarge: 1.25rem; --_text-styles---weight--thin: 100; --_text-styles---weight--light: 300; --_text-styles---weight--bold: 700; --_text-styles---weight--extra-bold: 800; --_text-styles---weight--black: 900; --_typography---primary-font: "General Sans", Arial, sans-serif; --_typography---h1--h1-margin-top: var(--_layout---spacing--space-medium); --_typography---h1--h1-margin-bottom: var(--_layout---spacing--space-xlarge); --_typography---h1--h1-font-family: var(--typography--heading); --_typography---h1--h1-font-size: var(--_text-styles---heading-size--large); --_typography---h1--h1-line-height: var(--_text-styles---line-height--110); --_typography---h1--h1-font-weight: var(--_text-styles---weight--medium); --_typography---h2--h2-margin-top: var(--_layout---spacing--space-medium); --_typography---h2--h2-margin-bottom: var(--_layout---spacing--space-medium); --_typography---h2--h2-font-family: var(--typography--heading); --_typography---h2--h2-font-size: var(--_text-styles---heading-size--medium); --_typography---h2--h2-line-height: var(--_text-styles---line-height--110); --_typography---h2--h2-font-weight: var(--_text-styles---weight--medium); --_typography---h3--h3-margin-top: var(--_layout---spacing--space-medium); --_typography---h3--h3-margin-bottom: var(--_layout---spacing--space-small); --_typography---h3--h3-font-family: var(--typography--heading); --_typography---h3--h3-font-size: var(--_text-styles---heading-size--small); --_typography---h3--h3-line-height: var(--_text-styles---line-height--110); --_typography---h3--h3-font-weight: var(--_text-styles---weight--medium); --_typography---h4--h4-margin-top: var(--_layout---spacing--space-medium); --_typography---h4--h4-margin-bottom: var(--_layout---spacing--space-medium); --_typography---h4--h4-font-family: var(--typography--heading); --_typography---h4--h4-font-size: var(--_text-styles---heading-size--xsmall); --_typography---h4--h4-line-height: var(--_text-styles---line-height--110); --_typography---h4--h4-font-weight: var(--_text-styles---weight--medium); --_typography---h5--h5-margin-top: var(--_layout---spacing--space-medium); --_typography---h5--h5-margin-bottom: var(--_layout---spacing--space-medium); --_typography---h5--h5-font-family: var(--typography--heading); --_typography---h5--h5-font-size: var(--_text-styles---heading-size--xsmall); --_typography---h5--h5-line-height: var(--_text-styles---line-height--110); --_typography---h5--h5-font-weight: var(--_text-styles---weight--medium); --_typography---h6--h6-margin-top: var(--_layout---spacing--space-medium); --_typography---h6--h6-margin-bottom: var(--_layout---spacing--space-medium); --_typography---h6--h6-font-family: var(--typography--heading); --_typography---h6--h6-font-size: var(--_text-styles---heading-size--xsmall); --_typography---h6--h6-line-height: var(--_text-styles---line-height--110); --_typography---h6--h6-font-weight: var(--_text-styles---weight--medium); --_typography---paragraph--paragraph-margin-top: var(--_layout---spacing--space-small); --_typography---paragraph--paragraph-margin-bottom: var(--_layout---spacing--space-medium); --_typography---paragraph--paragraph-font-family: var(--typography--body-font); --_typography---paragraph--paragraph-font-size: var(--_text-styles---paragraph-size--large); --_typography---paragraph--paragraph-line-height: var(--_text-styles---line-height--160); --_typography---paragraph--paragraph-font-weight: var(--_text-styles---weight--medium); --_typography---label--label-line-height: var(--_text-styles---line-height--120); --_typography---label--label-font-family: var(--typography--label); --_typography---label--label-font-size: var(--_text-styles---paragraph-size--2xsmall); --_typography---label--label-font-weight: var(--_text-styles---weight--normal); --_typography---display-font: "General Sans", Arial, sans-serif; --_typography---mono-font: "JetBrains Mono", sans-serif } .logo-link:hover { background-color: var(--_colors---neutral--transparent) } .heading.is-home-hero { max-width: none } .footer-main-link { font-size: var(--_text-styles---paragraph-size--medium); line-height: var(--_text-styles---line-height--120) } .footer-main-link.is-2nd { font-size: var(--_text-styles---paragraph-size--xsmall); font-size: var(--_text-styles---paragraph-size--xsmall) } .button { padding: var(--_layout---spacing--space-small); grid-column-gap: var(--_layout---spacing--space-small); grid-row-gap: var(--_layout---spacing--space-small) } .hero-post:where(.w-variant-f5e2050f-21ca-953a-f4c5-4a3468287ef2) { min-height: 100svh } .section-reveal-background { width: 100%; height: 100% } .check-item-text-block { margin-top: .15rem } .section-reveal-content { padding-right: var(--layout-core-sizes--spacing-default); padding-left: var(--layout-core-sizes--spacing-default) } .team-card-photo { height: var(--_media---image--large) } .accordion-toggle { text-align: left; background-image: none } .section-reveal-large-text { font-size: 9vw } .section-reveal-large-text.with-flex { flex-flow: wrap; justify-content: space-between; align-items: center } .hero-thumbnails { grid-column-gap: 4vw; grid-row-gap: 4vw; height: 13vw } .advantages-sticky-image { height: var(--_media---image--large) } .stats-cms-image-item { height: 40vw } .service-card-detail { padding-top: var(--_layout---spacing--space-2xsmall); padding-bottom: var(--_layout---spacing--space-2xsmall) } .services-cms-listing-item { padding-top: var(--layout-core-sizes--container-padding) } .service-card { max-width: none } .service-card-detail-wrap { justify-content: flex-start; align-items: flex-start } .team-grid-item { width: 80vw; min-width: 80vw; max-width: 80vw } .check-item-icon { width: var(--_layout---raw-sizes--size-15); height: var(--_layout---raw-sizes--size-15); padding: .35rem } .lightbox-icon { width: var(--_layout---raw-sizes--size-1); height: var(--_layout---raw-sizes--size-1); background-color: var(--brand-accent--strong); bottom: 0; right: 0 } .location-link-block { flex-flow: column; justify-content: flex-start; align-items: flex-start } .vertical-gallery-wrap { max-width: none } .project-listing-about { width: 100%; max-width: var(--_layout---max-fluid-width--max-fluid-2xlarge) } .button-form-wrap { flex-flow: column; justify-content: flex-start; align-items: flex-start } .form-field-wrap { padding-bottom: 0 } .radio-field, .tab-form-field { font-size: .8rem } .radio-label { font-size: 1rem } .field-label { font-size: var(--_layout---raw-sizes--size-1); font-weight: 500 } .field-label.is-2nd { font-size: 1rem } .menu-main { grid-column-gap: var(--_layout---spacing--space-small); grid-row-gap: var(--_layout---spacing--space-small); grid-template-columns: 1fr 1fr } .location-row-item { flex-flow: column; justify-content: flex-end; align-items: flex-start } .hero-intro-text-max { max-width: none } .statement-reveal { padding-left: 10vw; padding-right: 10vw } .large-listing-layout { grid-column-gap: var(--_layout---spacing--space-2xsmall); grid-row-gap: var(--_layout---spacing--space-2xsmall); padding-bottom: 4rem } .grid-gallery-list { grid-template-columns: 1fr 1fr } .grid-gallery-item { height: 25vw } .images-split-layout { max-height: 25rem } .footer-cta-image { width: 60vw; height: 40% } .hero-display-lable-wrap { flex-flow: column; justify-content: space-between; align-items: flex-start } .solution-showcase-item { min-height: 100vw } .solution-showcase-item:where(.w-variant-122ad454-919a-46f1-844c-9a38f2f2efed) { min-height: 90svh } .solution-showcase-link { padding: var(--_layout---spacing--space-medium) } .blog-listing-content { padding: var(--_layout---spacing--space-large) } .blog-listing-content.is-featured { padding-right: var(--_layout---spacing--fluid-spacing-medium); padding-left: var(--_layout---spacing--fluid-spacing-medium); padding-right: var(--_layout---spacing--fluid-spacing-medium); padding-left: var(--_layout---spacing--fluid-spacing-medium) } .blog-listing-image { height: 50vw } .heading-typo-text { max-width: none; font-size: 3.5vw } .team-tabs { width: 96% } .heading-reveal { font-size: 4vw } .tabs-team-menu { margin-bottom: var(--_layout---spacing--space-small) } .collage-gallery-small { max-height: 15rem } .solution-showcase-about { flex-flow: column; justify-content: flex-end; align-items: flex-start } .advantage-image { height: 40vw } .section-rich-content { grid-column-gap: var(--_layout---spacing--space-medium); grid-row-gap: var(--_layout---spacing--space-medium) } .detail-blocks-wrap { grid-column-gap: var(--layout-core-sizes--gap-default); grid-row-gap: var(--layout-core-sizes--gap-default) } .detail-block { grid-column-gap: var(--_layout---spacing--space-xsmall); grid-row-gap: var(--_layout---spacing--space-xsmall); flex-flow: column; justify-content: flex-end; align-items: flex-start } .footer-grid.is-1st { grid-template-columns: 1fr } .marker-link-icon { width: var(--_layout---raw-sizes--size-15); height: var(--_layout---raw-sizes--size-15) } .gallery-content { max-width: none } .section-gallery { max-height: 40rem } .heading-cta { max-width: 80vw; font-size: 10vw } .form-title-wrap { padding-top: 35vw } .menu-featured-project-image { margin-bottom: var(--_layout---spacing--space-large) } .menu-featured-project-content { width: 100% } .footer-logo-link:hover { background-color: var(--_colors---neutral--transparent) } .footer-contact-link { font-size: var(--_text-styles---paragraph-size--medium) } .hero-display-about-content { max-width: var(--_layout---max-fluid-width--max-fluid-xlarge) } .quote-image { width: 30vw; height: 33vw } .achievement-text { min-width: 25vw; font-size: 8vw } .quote-icon { width: var(--_layout---raw-sizes--size-3); height: var(--_layout---raw-sizes--size-3) } .reviews-wrap { padding-left: var(--layout-core-sizes--container-padding) } .review-block { width: 80vw; padding-right: var(--_layout---spacing--space-large); padding-left: var(--_layout---spacing--space-large) } .review-image { height: 40vw } .small-quote-icon { width: var(--_layout---raw-sizes--size-175); height: var(--_layout---raw-sizes--size-175); top: -3.7vw } .title-block-grid { grid-template-columns: 1fr; place-items: start } .title-block-max { text-align: left; justify-content: flex-start; align-items: flex-start; max-width: none; margin-left: 0 } .title-block-label { display: none } .heading-solution:where(.w-variant-122ad454-919a-46f1-844c-9a38f2f2efed) { font-size: 8vw } .award-item { grid-template-columns: 1fr } .award-block { margin-left: auto } .hero-contact-team-block { padding-top: var(--_layout---spacing--space-small); flex-flow: column; justify-content: flex-start; align-items: flex-start } .detail-about-col { flex: 1 } .detail-about-block { padding-top: var(--_layout---spacing--no-space) } .detail-about-block:where(.w-variant-1a934b94-f096-77c2-6da7-f5c587be9a47), .detail-about-block:where(.w-variant-28888deb-9827-34cd-aeaa-a0a840e1197f) { padding-top: var(--_layout---spacing--space-large) } .scrolling-text-section { margin-bottom: var(--_layout---spacing--no-space) } .hero-split-bg:where(.w-variant-4ad3ddda-05f2-e691-ef57-56142ccb80e2) { height: 60vw } .form-large-title-image { width: 100%; height: 30vw; position: absolute; inset: 0% 0% auto } .typo-title-action { grid-column-gap: 2vw; grid-row-gap: 2vw; flex-flow: column; margin-top: 5vw } .scrolling-text { font-size: 3vw } .hero-display-preload-text { max-width: var(--_layout---max-fluid-width--max-fluid-large) } .play-pause-button { width: var(--_layout---raw-sizes--size-15) } } #w-node-_97c0c1e9-c8ae-fce4-a1d8-72a3170e925b-f9a3db0a { align-self: start } #w-node-e807e38a-0e22-3b75-e19e-29ac8115cb66-8115cb56 { grid-area: span 1/span 2/span 1/span 2 } #w-node-_1967bd97-4f92-9301-27e3-71c8866ed5bd-866ed5bb { place-self: start } #w-node-_1967bd97-4f92-9301-27e3-71c8866ed5c5-866ed5bb { place-self: start end } #w-node-_236c50c0-d508-6744-72fd-059bc2d72b0e-c2d72b09 { grid-area: span 1/span 3/span 1/span 3 } #w-node-_7da5750a-73c5-3bfc-0045-3f4f107d43b8-107d43b0 { grid-area: span 1/span 2/span 1/span 2 } #w-node-_793bdec0-e81c-21d4-087e-fb6498d80dcb-7f4b0e3a { align-self: stretch } @media screen and (max-width:991px) { #w-node-e807e38a-0e22-3b75-e19e-29ac8115cb66-8115cb56 { grid-column: span 1/span 1 } } @media screen and (max-width:767px) { #w-node-_236c50c0-d508-6744-72fd-059bc2d72b0e-c2d72b09 { grid-column: span 1/span 1 } } @media screen and (max-width:479px) { #w-node-_1967bd97-4f92-9301-27e3-71c8866ed5c0-866ed5bb { justify-self: start } }