:root { --_theme---background-color--background-primary: var(--brand-primary--950); --_typography---font--primary-family: Inter, sans-serif; --_theme---text-color--text-primary: var(--brand-primary--100); --_typography---font-size-clamp--body: clamp(var(--_typography---font-size-mobile-unitless--m-body) * 1rem, ((var(--_typography---font-size-mobile-unitless--m-body) - ((var(--_typography---font-size-desktop-unitless--d-body) - var(--_typography---font-size-mobile-unitless--m-body)) / (var(--screen-size--max) - var(--screen-size--min)) * var(--screen-size--min))) * 1rem + ((var(--_typography---font-size-desktop-unitless--d-body) - var(--_typography---font-size-mobile-unitless--m-body)) / (var(--screen-size--max) - var(--screen-size--min))) * 100vw), var(--_typography---font-size-desktop-unitless--d-body) * 1rem); --_typography---line-height--1-5: 1.5; --_typography---font-weight--primary-regular: 400; --_typography---letter-spacing--0em: 0em; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size-clamp--body); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font-weight--primary-regular); --_stroke---stroke-color--stroke-tertiary: var(--brand-primary--800); --_space---spacing--spacing-8-64px-4rem: 4rem; --_theme---text-color--text-secondary: var(--brand-primary--400); --_space---spacing--spacing-3-16px-1rem: 1rem; --rounding--rounding: 999px; --brand-1: #09fd6f; --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_typography---font-size-clamp--h1: clamp(var(--_typography---font-size-mobile-unitless--m-h1) * 1rem, ((var(--_typography---font-size-mobile-unitless--m-h1) - ((var(--_typography---font-size-desktop-unitless--d-h1) - var(--_typography---font-size-mobile-unitless--m-h1)) / (var(--screen-size--max) - var(--screen-size--min)) * var(--screen-size--min))) * 1rem + ((var(--_typography---font-size-desktop-unitless--d-h1) - var(--_typography---font-size-mobile-unitless--m-h1)) / (var(--screen-size--max) - var(--screen-size--min))) * 100vw), var(--_typography---font-size-desktop-unitless--d-h1) * 1rem); --_typography---line-height--1-2: 1.2; --_typography---letter-spacing--0-03em: -.03em; --_typography---font-size-clamp--h2: clamp(var(--_typography---font-size-mobile-unitless--m-h2) * 1rem, ((var(--_typography---font-size-mobile-unitless--m-h2) - ((var(--_typography---font-size-desktop-unitless--d-h2) - var(--_typography---font-size-mobile-unitless--m-h2)) / (var(--screen-size--max) - var(--screen-size--min)) * var(--screen-size--min))) * 1rem + ((var(--_typography---font-size-desktop-unitless--d-h2) - var(--_typography---font-size-mobile-unitless--m-h2)) / (var(--screen-size--max) - var(--screen-size--min))) * 100vw), var(--_typography---font-size-desktop-unitless--d-h2) * 1rem); --_typography---font-size-clamp--h3: clamp(var(--_typography---font-size-mobile-unitless--m-h3) * 1rem, ((var(--_typography---font-size-mobile-unitless--m-h3) - ((var(--_typography---font-size-desktop-unitless--d-h3) - var(--_typography---font-size-mobile-unitless--m-h3)) / (var(--screen-size--max) - var(--screen-size--min)) * var(--screen-size--min))) * 1rem + ((var(--_typography---font-size-desktop-unitless--d-h3) - var(--_typography---font-size-mobile-unitless--m-h3)) / (var(--screen-size--max) - var(--screen-size--min))) * 100vw), var(--_typography---font-size-desktop-unitless--d-h3) * 1rem); --_typography---font-size-clamp--h4: clamp(var(--_typography---font-size-mobile-unitless--m-h4) * 1rem, ((var(--_typography---font-size-mobile-unitless--m-h4) - ((var(--_typography---font-size-desktop-unitless--d-h4) - var(--_typography---font-size-mobile-unitless--m-h4)) / (var(--screen-size--max) - var(--screen-size--min)) * var(--screen-size--min))) * 1rem + ((var(--_typography---font-size-desktop-unitless--d-h4) - var(--_typography---font-size-mobile-unitless--m-h4)) / (var(--screen-size--max) - var(--screen-size--min))) * 100vw), var(--_typography---font-size-desktop-unitless--d-h4) * 1rem); --_typography---font-size-clamp--h5: clamp(var(--_typography---font-size-mobile-unitless--m-h5) * 1rem, ((var(--_typography---font-size-mobile-unitless--m-h5) - ((var(--_typography---font-size-desktop-unitless--d-h5) - var(--_typography---font-size-mobile-unitless--m-h5)) / (var(--screen-size--max) - var(--screen-size--min)) * var(--screen-size--min))) * 1rem + ((var(--_typography---font-size-desktop-unitless--d-h5) - var(--_typography---font-size-mobile-unitless--m-h5)) / (var(--screen-size--max) - var(--screen-size--min))) * 100vw), var(--_typography---font-size-desktop-unitless--d-h5) * 1rem); --_typography---font-size-clamp--h6: clamp(var(--_typography---font-size-mobile-unitless--m-h6) * 1rem, ((var(--_typography---font-size-mobile-unitless--m-h6) - ((var(--_typography---font-size-desktop-unitless--d-h6) - var(--_typography---font-size-mobile-unitless--m-h6)) / (var(--screen-size--max) - var(--screen-size--min)) * var(--screen-size--min))) * 1rem + ((var(--_typography---font-size-desktop-unitless--d-h6) - var(--_typography---font-size-mobile-unitless--m-h6)) / (var(--screen-size--max) - var(--screen-size--min))) * 100vw), var(--_typography---font-size-desktop-unitless--d-h6) * 1rem); --_space---spacing--spacing-4-24px-1-5: 1.5rem; --_theme---text-color--text-tertiary: var(--brand-primary--800); --_typography---font-weight--primary-medium: 500; --_stroke---stroke-color--stroke-primary: var(--brand-primary--50); --_typography---font-size-clamp--caption-2: clamp(var(--_typography---font-size-mobile-unitless--m-caption-2) * 1rem, ((var(--_typography---font-size-mobile-unitless--m-caption-2) - ((var(--_typography---font-size-desktop-unitless--d-caption-2) - var(--_typography---font-size-mobile-unitless--m-caption-2)) / (var(--screen-size--max) - var(--screen-size--min)) * var(--screen-size--min))) * 1rem + ((var(--_typography---font-size-desktop-unitless--d-caption-2) - var(--_typography---font-size-mobile-unitless--m-caption-2)) / (var(--screen-size--max) - var(--screen-size--min))) * 100vw), var(--_typography---font-size-desktop-unitless--d-caption-2) * 1rem); --_theme---background-color--background-secondary: var(--brand-primary--925); --_typography---font-weight--primary-bold: 700; --_typography---font-size-clamp--button: clamp(var(--_typography---font-size-mobile-unitless--m-button) * 1rem, ((var(--_typography---font-size-mobile-unitless--m-button) - ((var(--_typography---font-size-desktop-unitless--d-button) - var(--_typography---font-size-mobile-unitless--m-button)) / (var(--screen-size--max) - var(--screen-size--min)) * var(--screen-size--min))) * 1rem + ((var(--_typography---font-size-desktop-unitless--d-button) - var(--_typography---font-size-mobile-unitless--m-button)) / (var(--screen-size--max) - var(--screen-size--min))) * 100vw), var(--_typography---font-size-desktop-unitless--d-button) * 1rem); --brand-primary--950: var(--brand-primary--925); --_space---spacing--spacing-1-4px-0-25rem: .25rem; --elevation-dark--800: #313131; --background-color--background-error\: var(--base-color-system--error-red\); --text-color--text-error\: var(--base-color-system--error-red-dark\); --_button-darktheme-01---padding-vertical: var(--_button-sizes---padding-vertical); --_button-darktheme-01---padding-horizontal: var(--_button-sizes---padding-horizontal); --_stroke---stroke-width--thin: 1px; --_button-darktheme-01---border: var(--_main-buttons---button-darktheme-01--border); --_button-darktheme-01---background: var(--_main-buttons---button-darktheme-01--background); --_button-darktheme-01---text: var(--_main-buttons---button-darktheme-01--text); --_typography---line-height--1: 1; --_button-darktheme-01---border-hover: var(--_main-buttons---button-darktheme-01--border-hover); --_button-darktheme-01---background-hover: var(--_main-buttons---button-darktheme-01--background-hover); --_button-darktheme-01---text-hover: var(--_main-buttons---button-darktheme-01--text-hover); --_button-style---background\: var(--_theme---button-dark--background\); --_button-style---text\: var(--_theme---button-dark--text\); --_space---spacing--spacing-5-32px-2rem: 2rem; --_space---spacing--spacing-2-8px-0-5: .5rem; --elevation-dark--200: #1e1e1e; --rounding--rounding-3: 12px; --_typography---font-size-clamp--subtittle: clamp(var(--_typography---font-size-mobile-unitless--m-subtittle) * 1rem, ((var(--_typography---font-size-mobile-unitless--m-subtittle) - ((var(--_typography---font-size-desktop-unitless--d-subtittle) - var(--_typography---font-size-mobile-unitless--m-subtittle)) / (var(--screen-size--max) - var(--screen-size--min)) * var(--screen-size--min))) * 1rem + ((var(--_typography---font-size-desktop-unitless--d-subtittle) - var(--_typography---font-size-mobile-unitless--m-subtittle)) / (var(--screen-size--max) - var(--screen-size--min))) * 100vw), var(--_typography---font-size-desktop-unitless--d-subtittle) * 1rem); --_theme---text-color--text-inverse: var(--brand-primary--950); --_typography---letter-spacing--0-05em: -.05em; --_typography---font-size-clamp--caption-1: clamp(var(--_typography---font-size-mobile-unitless--m-caption-1) * 1rem, ((var(--_typography---font-size-mobile-unitless--m-caption-1) - ((var(--_typography---font-size-desktop-unitless--d-caption-1) - var(--_typography---font-size-mobile-unitless--m-caption-1)) / (var(--screen-size--max) - var(--screen-size--min)) * var(--screen-size--min))) * 1rem + ((var(--_typography---font-size-desktop-unitless--d-caption-1) - var(--_typography---font-size-mobile-unitless--m-caption-1)) / (var(--screen-size--max) - var(--screen-size--min))) * 100vw), var(--_typography---font-size-desktop-unitless--d-caption-1) * 1rem); --brand-primary--100: #e7e7e7; --_typography---font-size-clamp--overline: clamp(var(--_typography---font-size-mobile-unitless--m-overline) * 1rem, ((var(--_typography---font-size-mobile-unitless--m-overline) - ((var(--_typography---font-size-desktop-unitless--d-overline) - var(--_typography---font-size-mobile-unitless--m-overline)) / (var(--screen-size--max) - var(--screen-size--min)) * var(--screen-size--min))) * 1rem + ((var(--_typography---font-size-desktop-unitless--d-overline) - var(--_typography---font-size-mobile-unitless--m-overline)) / (var(--screen-size--max) - var(--screen-size--min))) * 100vw), var(--_typography---font-size-desktop-unitless--d-overline) * 1rem); --_space---spacing--spacing-7-48px-3rem: 3rem; --brand-primary--50: #fff; --_stroke---stroke-color--stroke-secondary: var(--brand-primary--400); --_space---spacing--spacing-11-124px-7-75: 7.75rem; --brand-primary--400: #888; --_space---spacing--spacing-10-96-6rem: 6rem; --_space---spacing--spacing-6-40px-2-5rem: 2.5rem; --_button-style---padding-vertical\: var(--_button-sizes---padding-vertical); --_button-style---padding-horizontal\: var(--_button-sizes---padding-horizontal); --_button-lighttheme-01---border: var(--_main-buttons---button-lighttheme-01--border); --_button-lighttheme-01---background: var(--_main-buttons---button-lighttheme-01--background); --_button-lighttheme-01---text: var(--_main-buttons---button-lighttheme-01--text); --_button-lighttheme-01---border-hover: var(--_main-buttons---button-lighttheme-01--border-hover); --_button-lighttheme-01---background-hover: var(--_main-buttons---button-lighttheme-01--background-hover); --_button-lighttheme-01---text-hover: var(--_main-buttons---button-lighttheme-01--text-hover); --_button-brand---border: var(--_main-buttons---button-brand-01--border); --_button-brand---background: var(--_main-buttons---button-brand-01--background); --_button-brand---text: var(--_main-buttons---button-brand-01--text); --_button-brand---border-hover: var(--_main-buttons---button-brand-01--border-hover); --_main-buttons---button-brand-01--background-hover: var(--brand-1); --_button-brand---text-hover: var(--_main-buttons---button-brand-01--text-hover); --_button-brand---background-hover: var(--_main-buttons---button-brand-01--background-hover); --brand-primary--925: #141414; --_space---spacing--spacing-12-384px-24rem: 24rem; --screen-size--max: 90; --screen-size--min: 23; --brand-primary--200: #d1d1d1; --brand-primary--300: #b0b0b0; --brand-primary--500: #6d6d6d; --brand-primary--600: #5d5d5d; --brand-primary--700: #4f4f4f; --brand-primary--800: #454545; --brand-primary--900: #3d3d3d; --rounding--rounding-5: 48px; --rounding--rounding-4: 24px; --_space---spacing--spacing-9-80px-5rem: 5rem; --rounding--rounding-2: 8px; --rounding--rounding-1: 4px; --rounding--rounding-0: 0px; --elevation-dark--900: #343434; --elevation-dark--700: #2f2f2f; --elevation-dark--600: #2a2a2a; --elevation-dark--500: #282828; --elevation-dark--400: #232323; --elevation-dark--300: #202020; --elevation-dark--100: #191919; --elevation-dark--50-2: #141414; --elevation-dark--0: #0d0d0d; --_main-buttons---button-darktheme-01--background: var(--_theme---background-color--background-primary); --_button-sizes---padding-horizontal: 1.5rem; --_theme---background-color--background-inverse: var(--brand-primary--50); --_button-sizes---padding-vertical: .75rem; --transparent: transparent; --_main-buttons---button-darktheme-01--border: var(--_stroke---stroke-color--stroke-primary); --_main-buttons---button-darktheme-01--text: var(--_theme---text-color--text-primary); --brand-2: white; --_main-buttons---button-darktheme-01--background-hover: var(--_theme---background-color--background-inverse); --_main-buttons---button-darktheme-01--border-hover: var(--_theme---background-color--background-inverse); --_main-buttons---button-darktheme-01--text-hover: var(--_theme---text-color--text-inverse); --_main-buttons---button-lighttheme-01--background: var(--_theme---background-color--background-inverse); --_main-buttons---button-lighttheme-01--border: var(--_stroke---stroke-color--stroke-inverse); --_main-buttons---button-lighttheme-01--text: var(--_theme---text-color--text-inverse); --_main-buttons---button-lighttheme-01--background-hover: var(--_theme---background-color--background-primary); --_main-buttons---button-lighttheme-01--border-hover: var(--_theme---background-color--background-inverse); --_main-buttons---button-lighttheme-01--text-hover: var(--_theme---text-color--text-primary); --_main-buttons---button-brand-01--background: var(--brand-1); --_main-buttons---button-brand-01--border: var(--brand-1); --_text-style---text-transform: var(--_typography---text-transform--none); --_main-buttons---button-brand-01--text: var(--_theme---text-color--text-inverse); --_text-style---margin-top: 0px; --_text-style---margin-bottom: 0px; --_main-buttons---button-brand-01--border-hover: var(--brand-1); --_main-buttons---button-brand-01--text-hover: var(--_theme---text-color--text-inverse); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_stroke---stroke-width--thick: 1.5px; --_stroke---stroke-width--thinnest: .5px; --_stroke---stroke-width--thickest: 2px; --_stroke---stroke-color--stroke-inverse: var(--brand-primary--950); --_typography---font--primary-trim-top: .36em; --_typography---font--primary-trim-bottom: .37em; --_typography---line-height--1-1: 1.1; --_typography---line-height--1-3: 1.3; --_typography---font-size-clamp--display1: clamp(var(--_typography---font-size-mobile-unitless--m-display1) * 1rem, ((var(--_typography---font-size-mobile-unitless--m-display1) - ((var(--_typography---font-size-desktop-unitless--d-display1) - var(--_typography---font-size-mobile-unitless--m-display1)) / (var(--screen-size--max) - var(--screen-size--min)) * var(--screen-size--min))) * 1rem + ((var(--_typography---font-size-desktop-unitless--d-display1) - var(--_typography---font-size-mobile-unitless--m-display1)) / (var(--screen-size--max) - var(--screen-size--min))) * 100vw), var(--_typography---font-size-desktop-unitless--d-display1) * 1rem); --_typography---font-size-clamp--display2: clamp(var(--_typography---font-size-mobile-unitless--m-display2) * 1rem, ((var(--_typography---font-size-mobile-unitless--m-display2) - ((var(--_typography---font-size-desktop-unitless--d-display2) - var(--_typography---font-size-mobile-unitless--m-display2)) / (var(--screen-size--max) - var(--screen-size--min)) * var(--screen-size--min))) * 1rem + ((var(--_typography---font-size-desktop-unitless--d-display2) - var(--_typography---font-size-mobile-unitless--m-display2)) / (var(--screen-size--max) - var(--screen-size--min))) * 100vw), var(--_typography---font-size-desktop-unitless--d-display2) * 1rem); --_typography---font-size-clamp--display3: clamp(var(--_typography---font-size-mobile-unitless--m-display3) * 1rem, ((var(--_typography---font-size-mobile-unitless--m-display3) - ((var(--_typography---font-size-desktop-unitless--d-display3) - var(--_typography---font-size-mobile-unitless--m-display3)) / (var(--screen-size--max) - var(--screen-size--min)) * var(--screen-size--min))) * 1rem + ((var(--_typography---font-size-desktop-unitless--d-display3) - var(--_typography---font-size-mobile-unitless--m-display3)) / (var(--screen-size--max) - var(--screen-size--min))) * 100vw), var(--_typography---font-size-desktop-unitless--d-display3) * 1rem); --_typography---font-size-mobile-unitless--m-display1: 5.2; --_typography---font-size-mobile-unitless--m-display2: 4; --_typography---font-size-mobile-unitless--m-display3: 3.38; --_typography---font-size-mobile-unitless--m-h1: 2.69; --_typography---font-size-mobile-unitless--m-h2: 2.31; --_typography---font-size-mobile-unitless--m-h3: 1.88; --_typography---font-size-mobile-unitless--m-h4: 1.5; --_typography---font-size-mobile-unitless--m-h5: 1.25; --_typography---font-size-mobile-unitless--m-h6: 1.06; --_typography---font-size-mobile-unitless--m-subtittle: 1.125; --_typography---font-size-mobile-unitless--m-body: 1; --_typography---font-size-mobile-unitless--m-button: .87; --_typography---font-size-mobile-unitless--m-caption-1: .81; --_typography---font-size-mobile-unitless--m-caption-2: .68; --_typography---font-size-mobile-unitless--m-overline: .625; --_typography---font-size-desktop-unitless--d-display1: 7.44; --_typography---font-size-desktop-unitless--d-display2: 5.93; --_typography---font-size-desktop-unitless--d-display3: 4.75; --_typography---font-size-desktop-unitless--d-h1: 3.8; --_typography---font-size-desktop-unitless--d-h2: 3.1; --_typography---font-size-desktop-unitless--d-h3: 2.4; --_typography---font-size-desktop-unitless--d-h4: 1.9; --_typography---font-size-desktop-unitless--d-h5: 1.6; --_typography---font-size-desktop-unitless--d-h6: 1.25; --_typography---font-size-desktop-unitless--d-subtittle: 1.125; --_typography---font-size-desktop-unitless--d-body: 1; --_typography---font-size-desktop-unitless--d-button: .87; --_typography---font-size-desktop-unitless--d-caption-1: .81; --_typography---font-size-desktop-unitless--d-caption-2: .68; --_typography---font-size-desktop-unitless--d-overline: .625; --_typography---text-transform--none: var(--text-transform, none); --_typography---text-transform--font-family: uppercase; --_typography---text-transform--font-family-2: capitalize; --_typography---text-transform--font-family-3: lowercase; --_button-lighttheme-01---padding-horizontal: var(--_button-sizes---padding-horizontal); --_button-lighttheme-01---padding-vertical: var(--_button-sizes---padding-vertical); --_button-brand---padding-horizontal: var(--_button-sizes---padding-horizontal); --_button-brand---padding-vertical: var(--_button-sizes---padding-vertical); --base-color-system--error-red\: #f8e4e4; --base-color-system--error-red-dark\: #3b0b0b; --_theme---button-dark--background\: var(--_brand-dark---color\); --_theme---button-light--background\: var(--_theme---background-color--background-inverse); --_theme---button-dark-secondary--background\: var(--transparent); --_theme---button-dark-tertiary--background\: var(--transparent); --_theme---button-dark--text\: var(--_brand-dark---text\); --_theme---button-light--text\: var(--_theme---text-color--text-inverse); --_theme---button-dark-secondary--text\: var(--_theme---text-color--text-primary); --_theme---button-dark-tertiary--text\: var(--_theme---text-color--text-tertiary); --_brand-dark---color\: var(--_theme---background-color--background-primary); --_brand-dark---text\: var(--_theme---text-color--text-primary); } body { background-color: var(--_theme---background-color--background-primary); font-family: var(--_typography---font--primary-family); color: var(--_theme---text-color--text-primary); font-size: var(--_typography---font-size-clamp--body); line-height: var(--_typography---line-height--1-5); font-weight: var(--_typography---font-weight--primary-regular); letter-spacing: var(--_typography---letter-spacing--0em); padding-left: 0; } h1 { font-family: var(--_text-style---font-family); color: var(--_theme---text-color--text-primary); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size-clamp--h1); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font-weight--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: 0px; --_text-style---margin-bottom: 0px; --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); margin-top: 0; margin-bottom: 0; } h2 { font-family: var(--_text-style---font-family); color: var(--_theme---text-color--text-primary); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size-clamp--h2); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font-weight--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: 0px; --_text-style---margin-bottom: 0px; --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); margin-top: 0; margin-bottom: 0; } h3 { font-family: var(--_text-style---font-family); color: var(--_theme---text-color--text-primary); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size-clamp--h3); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font-weight--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: 0px; --_text-style---margin-bottom: 0px; --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } h4 { font-family: var(--_text-style---font-family); color: var(--_theme---text-color--text-primary); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size-clamp--h4); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font-weight--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: 0px; --_text-style---margin-bottom: 0px; --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); margin-top: 0; margin-bottom: 0; } h5 { font-family: var(--_text-style---font-family); color: var(--_theme---text-color--text-primary); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size-clamp--h5); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font-weight--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: 0px; --_text-style---margin-bottom: 0px; --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } h6 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size-clamp--h6); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font-weight--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: 0px; --_text-style---margin-bottom: 0px; --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); margin-top: 0; margin-bottom: 0; } p { margin-bottom: 0; } a { color: var(--_theme---text-color--text-primary); text-decoration: none; } a.w--current { flex: 0 auto; } ul, ol { margin-top: 0; margin-bottom: 0; padding-left: 1.5rem; } li { margin-bottom: .25rem; } img { object-fit: cover; object-position: 50% 50%; flex: 1; align-self: stretch; display: inline-block; } label { font-weight: 400; } blockquote { border-left: .25rem solid #e2e2e2; margin-bottom: 0; padding: 0 1.25rem; } figure { margin-top: 2rem; margin-bottom: 2rem; } figcaption { text-align: center; margin-top: .25rem; } .global-styles { height: 0; position: fixed; inset: 0% auto auto 0%; } .icon-1x1-medium { width: 1.5rem; height: 2rem; } .icon-1x1-medium.behance { margin-bottom: -2px; } .heading-style-h1 { width: 10ch; font-family: var(--_text-style---font-family); color: var(--_theme---text-color--text-primary); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); vertical-align: super; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size-clamp--h1); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font-weight--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: 0px; --_text-style---margin-bottom: 0px; --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); flex-flow: row; justify-content: center; align-items: center; } .heading-style-h1.text_hero-02 { text-align: left; align-self: stretch; } .heading-style-h1._01 { text-align: left; } .heading-style-h1.text-align-left { flex: 0 auto; width: 15ch; } .heading-style-h1.text-align-left:lang(fr-fr) { width: 20ch; } .padding-global { flex: 0 auto; justify-content: center; align-items: center; width: 100%; padding-left: 4rem; padding-right: 4rem; } .text-align-left { text-align: left; } .main-wrapper { flex-flow: column; justify-content: space-between; align-items: stretch; } .navbar_container_page-links { grid-column-gap: var(--_space---spacing--spacing-5-32px-2rem); grid-row-gap: var(--_space---spacing--spacing-5-32px-2rem); flex: none; justify-content: center; align-self: stretch; align-items: center; margin-left: auto; margin-right: 3rem; display: flex; } .heading-style-body { width: 40ch; font-family: var(--_typography---font--primary-family); color: var(--_theme---text-color--text-primary); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_typography---font-weight--primary-regular); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size-clamp--body); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font-weight--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: 0px; --_text-style---margin-bottom: 0px; --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); justify-content: flex-start; align-items: center; display: block; } .heading-style-body.text-align-center.text-40ch { text-wrap: pretty; max-width: 40ch; } .heading-style-body.text-align-center.text-45ch { max-width: 45ch; } .heading-style-body.text-align-center.font-sentient { font-family: Switzer, Arial, sans-serif; font-weight: var(--_typography---font-weight--primary-regular); } .heading-style-body._01 { text-align: left; } .heading-style-body.text-align-left { align-self: auto; } .heading-style-body.text-align-left.text-35ch { text-wrap: balance; align-self: stretch; max-width: 35ch; display: inline-flex; } .heading-style-body.text-align-left.text-35ch:where(.w-variant-d100d174-f63a-0b27-b255-e4d7a5a58a2a) { max-width: 35ch; } .heading-style-body.text-align-left.text-35ch:where(.w-variant-2df100f7-d92a-073b-c0f2-8b6fa311144b) { text-wrap: pretty; } .heading-style-body.text-align-left.text_hero-11_01 { max-width: 35ch; display: inline-flex; } .heading-style-body.text-align-left.text-aboutme { width: 40ch; } .heading-style-body.text-align-left.hero-01_text { flex: 0 auto; max-width: 30ch; } .heading-style-body.text-align-left.hero-11_text { flex: 0 auto; min-width: 35ch; max-width: 35ch; } .heading-style-body.text-align-left.text-underline { text-underline-offset: 5px; text-decoration: underline; text-decoration-thickness: 1px; } .heading-style-body.text-align-left.hero_text_right { align-self: flex-end; } .heading-style-body.padding-bottom { padding-bottom: var(--_space---spacing--spacing-1-4px-0-25rem); } .heading-style-body.text-style-inverted { color: var(--_theme---text-color--text-inverse); } .heading-style-body.text-35ch { max-width: 35ch; max-height: 35ch; display: inline-flex; } .heading-style-body.text-35ch:where(.w-variant-d100d174-f63a-0b27-b255-e4d7a5a58a2a) { text-wrap: balance; max-width: none; max-height: none; } .heading-style-body.text-35ch:where(.w-variant-2df100f7-d92a-073b-c0f2-8b6fa311144b) { text-wrap: balance; max-width: 35ch; max-height: none; } .heading-style-body.text-35ch.text-align-center { z-index: 3; position: relative; } .container-1440px-90rem { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; justify-content: center; align-items: center; width: 100%; max-width: 90rem; margin-left: auto; margin-right: auto; display: flex; } .container-1440px-90rem._100vh { height: 100vh; } .navbar_container_main { z-index: 999; background-color: var(--brand-primary--950); border-bottom: 1px solid #454545; flex-flow: row; justify-content: space-between; align-self: stretch; align-items: center; height: 90px; padding-left: 4rem; padding-right: 4rem; display: flex; position: sticky; top: 0; } .navbar_home { flex: none; } .navbar_hamburger { padding: 0; } .navbar_hamburger.w--open { background-color: #0000; padding: 0; } .navbar_container_all { flex: 1; justify-content: space-between; align-self: stretch; align-items: center; width: 100%; max-width: 1440px; display: flex; } .navbar_logo { justify-content: center; align-items: center; display: flex; } .navbar_link { color: var(--_theme---text-color--text-primary); border: 1px solid #0000; justify-content: center; align-self: stretch; align-items: center; padding-left: 0; padding-right: 0; transition: margin-top .2s; display: flex; bottom: -1px; overflow: hidden; } .navbar_link:hover { border-bottom: 1px solid #fff; border-radius: 0; } .navbar_link.w--current { color: var(--_theme---text-color--text-primary); } .navbar_container_socials { grid-column-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-row-gap: var(--_space---spacing--spacing-4-24px-1-5); flex-flow: row; flex: 0 auto; justify-content: space-between; align-self: auto; align-items: center; display: flex; } .footer_container_main { border-top: 1px solid var(--_theme---text-color--text-tertiary); border-bottom: 1px solid var(--_stroke---stroke-color--stroke-tertiary); align-self: stretch; } .footer_container_links-socials { grid-column-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-row-gap: var(--_space---spacing--spacing-4-24px-1-5); flex-flow: row; flex: 0 auto; grid-template: "." "Area" "." / 1fr; grid-auto-rows: 4.5fr; grid-auto-columns: 1fr; place-content: start space-between; place-items: center start; width: 100%; padding-top: 2rem; padding-bottom: 2rem; display: flex; } .navbar_stroke { flex: none; width: 0; height: 0; position: absolute; } .footer_container_pages { grid-column-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-row-gap: var(--_space---spacing--spacing-4-24px-1-5); justify-content: flex-start; align-self: stretch; align-items: center; display: flex; } .footer_container_contact { grid-column-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-row-gap: var(--_space---spacing--spacing-4-24px-1-5); flex-flow: column; justify-content: center; align-self: stretch; align-items: flex-start; display: flex; } .footer_container_links { grid-column-gap: var(--_space---spacing--spacing-3-16px-1rem); grid-row-gap: var(--_space---spacing--spacing-3-16px-1rem); flex-flow: column; justify-content: space-between; align-self: stretch; align-items: flex-end; display: flex; } .padding-section-8rem-124px-2 { grid-column-gap: 999px; grid-row-gap: 999px; flex: 1; align-self: stretch; padding-top: 8rem; padding-bottom: 8rem; overflow: visible; } .navbar_container_socials_dropdown { grid-column-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-row-gap: var(--_space---spacing--spacing-4-24px-1-5); flex-flow: row; flex: 0 auto; justify-content: space-between; align-self: auto; align-items: center; display: flex; } .navbar_container_socials_dropdown.navbar_link { grid-column-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-row-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-column-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-row-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-left: auto; margin-right: 3rem; display: none; } .icon-embed-xsmall { flex-direction: column; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex; } .gallery_12_container { grid-column-gap: .75rem; grid-row-gap: .75rem; color: #fff; flex-flow: column; grid-template: "." "." / 1fr 1fr 1fr 1fr; grid-auto-rows: 4.5fr; grid-auto-columns: 1fr; place-content: start center; place-items: center; width: 100%; margin-left: auto; margin-right: auto; display: grid; overflow: hidden; } .gallery_12_column_1 { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; display: flex; } .gallery_12_image { object-fit: cover; width: 100%; height: 100%; } .gallery_12_image:where(.w-variant-a162fd4b-0c5a-11ea-cf51-a6529c93e805) { object-fit: cover; transition: all .4s cubic-bezier(.645, .045, .355, 1); } .gallery_12_image:hover:where(.w-variant-a162fd4b-0c5a-11ea-cf51-a6529c93e805) { transform: scale(1.03); } .gallery_12_image.effect_hover-2 { object-fit: cover; transition: all .4s cubic-bezier(.645, .045, .355, 1); } .gallery_12_image.effect_hover-2:hover { transform: scale(1.03); } .gallery_12_16x9 { aspect-ratio: 16 / 9; overflow: hidden; } .gallery_12_9x16 { aspect-ratio: 9 / 16; overflow: hidden; } .gallery_12_parent { grid-column-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-row-gap: var(--_space---spacing--spacing-4-24px-1-5); flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } .gallery_12_group { grid-column-gap: var(--_space---spacing--spacing-11-124px-7-75); grid-row-gap: var(--_space---spacing--spacing-11-124px-7-75); flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; display: flex; } .icon-embed-xxsmall { flex-direction: column; justify-content: center; align-items: center; width: 1.5rem; height: 2rem; display: flex; } .local_language, .local_language.w--current { padding-right: 20px; } .local_flag { flex: 0 auto; width: 24px; } .locale_group { grid-column-gap: 24px; grid-row-gap: 24px; justify-content: center; align-items: center; } .locale_list_all { grid-column-gap: var(--_space---spacing--spacing-6-40px-2-5rem); grid-row-gap: var(--_space---spacing--spacing-6-40px-2-5rem); justify-content: center; align-items: center; display: flex; } .locale_main_wrapper { flex-flow: row; flex: none; justify-content: center; align-items: center; } @media screen and (max-width: 991px) { h1 { font-size: 2.69rem; } .padding-4rem-64px { padding: 3rem; } .margin-xlarge { margin: 3rem; } .padding-xhuge { padding: 6rem; } .padding-12rem-192px { padding: 8rem; } .padding-6rem-96px { padding: 5rem; } .margin-large { margin: 2.5rem; } .padding-5rem-80px { padding: 4rem; } .padding-large { padding: 2.5rem; } .margin-huge { margin: 5rem; } .padding-2rem-32px { padding: 1.5rem; } .margin-xxlarge { margin: 4rem; } .margin-xhuge { margin: 6rem; } .margin-medium { margin: 1.5rem; } .margin-xxhuge { margin: 8rem; } .margin-horizontal { margin-top: 0; margin-bottom: 0; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .margin-vertical { margin-left: 0; margin-right: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-horizontal { padding-top: 0; padding-bottom: 0; } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0; } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .hide-tablet { display: none; } .fs-styleguide_2-col { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr; } .max-width-full-tablet { width: 100%; max-width: none; } .heading-style-h1 { font-size: 2.69rem; } .padding-global { align-self: center; padding-left: 2rem; padding-right: 2rem; } .fs-styleguide_1-col { grid-column-gap: 2rem; grid-row-gap: 2rem; } .fs-styleguide_heading-medium { font-size: 3rem; } .fs-styleguide_4-col { grid-template-columns: 1fr; } .heading-style-h4 { font-size: 1.5rem; } .heading-style-h6 { font-size: 1.06rem; } .fs-styleguide_3-col { grid-template-columns: 1fr; } .heading-style-h2 { font-size: 2.31rem; } .heading-style-h2.text-align-left._15ch:where(.w-variant-d100d174-f63a-0b27-b255-e4d7a5a58a2a) { text-wrap: wrap; max-width: 15ch; } .heading-style-h2.text-align-left._15ch:where(.w-variant-2df100f7-d92a-073b-c0f2-8b6fa311144b) { max-width: 15ch; } .heading-style-h2.text-style-ch { max-width: 10ch; } .fs-styleguide_label.is-tag { background-color: #4d3dc0; } .heading-style-h5 { font-size: 1.25rem; } .fs-styleguide_section { grid-column-gap: 2.5rem; grid-template-columns: 1fr; } .padding-section-5rem-80px { padding-top: 4rem; padding-bottom: 4rem; } .spacer-5rem-80px { padding-top: 5rem; } .spacer-6rem-96px { padding-top: 6rem; } .spacer-8rem-124px { padding-top: 8rem; } .spacer-3rem-48px { padding-top: 3rem; } .spacer-2-5rem-40px { padding-top: 2.5rem; } .spacer-4rem-64px { padding-top: 4rem; } .navbar_container_page-links { grid-column-gap: 0rem; grid-row-gap: 0rem; margin-left: 0; margin-right: 0; } .heading-style-display3.hero-12_resize { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size-clamp--display2); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---font-weight--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: 0px; --_text-style---margin-bottom: 0px; --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .heading-style-body.text-35ch:where(.w-variant-2df100f7-d92a-073b-c0f2-8b6fa311144b), .heading-style-body.text-35ch:where(.w-variant-d100d174-f63a-0b27-b255-e4d7a5a58a2a) { max-width: 35ch; max-height: none; } .heading-style-body.text-align-left.hero-01_text { flex: 1; } .heading-style-body.text-align-left.text-color-secondary { color: var(--_theme---text-color--text-secondary); } .heading-style-body.text-35ch { max-width: 30ch; } .heading-style-body.text-35ch:where(.w-variant-2df100f7-d92a-073b-c0f2-8b6fa311144b), .heading-style-body.text-35ch:where(.w-variant-d100d174-f63a-0b27-b255-e4d7a5a58a2a) { max-width: 35ch; max-height: none; } .heading-style-body2 { font-size: .87rem; } .featuredprojects_container_image { max-width: 80%; } .spacer-custom1, .spacer-custom2, .spacer-custom3 { padding-top: 8rem; } .aboutme_container_image { aspect-ratio: 2 / 3; flex: none; width: 100%; } .padding-section-8rem-124px._100vh { height: calc(100vh - 90px); } .navbar_container_main { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .aboutme_container { grid-column-gap: 0rem; grid-row-gap: 0rem; aspect-ratio: auto; flex-flow: column; flex: 0 auto; grid-template-columns: 1fr 1fr; } .aspect_9-16_container { aspect-ratio: auto; } .hero-02_container_holder { aspect-ratio: 3 / 2; justify-content: center; align-items: flex-start; padding: 32px; position: relative; overflow: hidden; } .hero-02_container_text { flex: 1; justify-content: center; align-self: stretch; align-items: flex-start; width: auto; } .hero-05_container_text { justify-content: space-between; align-items: flex-start; } .hero-05_container_holder { aspect-ratio: 1; } .hero-06_container_holder { grid-column-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-row-gap: var(--_space---spacing--spacing-4-24px-1-5); flex-flow: column-reverse; justify-content: center; align-items: flex-start; } .hero-06_container_text { flex-flow: column wrap-reverse; order: -1; } .hero-06_container_vertical { order: -1; } .hero-06_image { aspect-ratio: 16 / 9; align-self: stretch; width: 100%; max-width: none; } .hero-06_quickstack { order: 1; } .hero-08_container_image { aspect-ratio: 16 / 9; flex: 1; align-self: stretch; max-height: none; } .hero-08_container_top { flex: 0 auto; } .hero-09_container_25 { width: auto; } .hero-09_container_75 { flex: 1; } .hero-10_text_largenumber { align-self: flex-start; display: block; } .hero-10_container_main { grid-column-gap: var(--_space---spacing--spacing-11-124px-7-75); grid-row-gap: var(--_space---spacing--spacing-11-124px-7-75); } .hero-10_container_01 { flex-flow: column; justify-content: center; align-items: flex-start; } .hero-10_container_25 { aspect-ratio: auto; align-self: stretch; width: 100%; } .hero-10_image_01 { position: static; } .hero-10_container_02 { align-self: stretch; } .asset-10_container_form { flex: 0 auto; padding: 32px; } .quickstack_hero-11_container { aspect-ratio: 16 / 9; } .cards-2_cell-1 { justify-content: center; align-items: center; display: block; } .sticky-images_container_main { flex-flow: column; grid-template-columns: 1fr; } .sticky_container_content { position: static; } .sticky_container_gallery { flex: 0 auto; width: auto; } .slider-03 { margin-right: 24px; } .navbar_home { justify-content: center; align-items: center; display: flex; } .asset-10_container_holder { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: column; grid-template-rows: 1fr 1fr; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; max-height: none; display: flex; overflow: hidden; } .hero-09_container { grid-column-gap: var(--_space---spacing--spacing-8-64px-4rem); grid-row-gap: var(--_space---spacing--spacing-8-64px-4rem); overflow: visible; } .aboutme_image { flex: 1; } .carousel-3_container_image { flex: 1; align-self: auto; width: 5rem; height: 5rem; } .carousel-3_container { position: relative; } .carousel-container_main { flex: 0 auto; } .carousel-3_container_holder { justify-content: space-around; } .hero-01_container_text { grid-column-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-row-gap: var(--_space---spacing--spacing-4-24px-1-5); } .hero-01_container_image { width: 30px; height: 30px; } .section_hero-11 { height: auto; } .hero-11_container_parent { grid-column-gap: var(--_space---spacing--spacing-5-32px-2rem); grid-row-gap: var(--_space---spacing--spacing-5-32px-2rem); flex-flow: column; justify-content: center; align-items: flex-start; } .hero-11_container_image-2 { aspect-ratio: 2 / 3; } .hero-12_image-wrapper { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: flex-start; place-items: center stretch; height: auto; display: flex; position: relative; overflow: hidden; } .hero-12_container_parent { grid-row-gap: 2rem; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-items: center stretch; overflow: visible; } .hero-12_container_vertical { flex: none; } .hero-12_container_image { flex: 0 auto; width: 100%; max-height: none; } .component_description_container { grid-template-rows: auto auto; grid-template-columns: minmax(0, 1fr); place-items: center start; } .asset-12_container_main { grid-column-gap: var(--_space---spacing--spacing-5-32px-2rem); grid-row-gap: var(--_space---spacing--spacing-5-32px-2rem); flex-flow: column; grid-template-rows: auto auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: center; place-items: center start; display: grid; } .asset-13_container_image { justify-content: center; align-items: center; width: 40%; min-width: auto; } .asset-13_container_image:where(.w-variant-2df100f7-d92a-073b-c0f2-8b6fa311144b) { width: 100%; min-width: auto; max-width: none; } .asset-13_container_image:where(.w-variant-d100d174-f63a-0b27-b255-e4d7a5a58a2a) { order: 1; width: 100%; min-width: auto; max-width: none; } .asset-13_container_image:where(.w-variant-dbdbb61b-1c78-6103-6c46-8b6ebb73c6b7) { order: 1; } .asset-13_image-1 { flex: 1; } .asset-13_container_main { grid-column-gap: var(--_space---spacing--spacing-5-32px-2rem); grid-row-gap: var(--_space---spacing--spacing-5-32px-2rem); grid-template-rows: auto; grid-template-columns: auto auto; grid-auto-columns: 1fr; grid-auto-flow: row; place-items: center; height: auto; display: flex; } .asset-13_container_main:where(.w-variant-2df100f7-d92a-073b-c0f2-8b6fa311144b) { grid-column-gap: var(--_space---spacing--spacing-5-32px-2rem); grid-row-gap: var(--_space---spacing--spacing-5-32px-2rem); grid-template-columns: 1fr; place-items: center start; } .asset-13_container_main:where(.w-variant-d100d174-f63a-0b27-b255-e4d7a5a58a2a) { grid-column-gap: var(--_space---spacing--spacing-5-32px-2rem); grid-row-gap: var(--_space---spacing--spacing-5-32px-2rem); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: flex-start; display: grid; } .asset-13_container_main:where(.w-variant-dbdbb61b-1c78-6103-6c46-8b6ebb73c6b7) { flex-flow: row-reverse; } .asset-13_container_main.asset-13_order-swap { padding-top: 0; } .asset-13_container_main.text-align-left { grid-column-gap: var(--_space---spacing--spacing-3-16px-1rem); grid-row-gap: var(--_space---spacing--spacing-3-16px-1rem); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .asset-13_container_main.text-align-left:where(.w-variant-2df100f7-d92a-073b-c0f2-8b6fa311144b) { grid-column-gap: var(--_space---spacing--spacing-5-32px-2rem); grid-row-gap: var(--_space---spacing--spacing-5-32px-2rem); grid-template-columns: 1fr; } .asset-13_container_main.text-align-left:where(.w-variant-d100d174-f63a-0b27-b255-e4d7a5a58a2a) { grid-template-columns: 1.5fr; place-items: center start; } .asset-13_container_top { grid-row-gap: 15.5rem; } .cards-2_container_main { grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; } .quickstack_cards-2_container { aspect-ratio: 16 / 9; } .cards-2_image.cards-2_image-offeset-1 { object-position: 50% 90%; object-position: 50% 90%; } .hero-12_container_3images { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: row; flex: none; grid-template-rows: auto; grid-template-columns: minmax(90%, 1fr) minmax(90%, 1fr) minmax(90%, 1fr); grid-auto-columns: 1fr; justify-content: space-around; align-self: auto; place-items: center; width: 285%; padding-left: 6px; padding-right: 6px; display: flex; left: 0; overflow: visible; } .aboutme_container_text { padding-top: var(--_space---spacing--spacing-5-32px-2rem); flex: 0 auto; } .asset-10_container_image { flex: 0 auto; } .projectdescription-03_container_text-horizontal { grid-column-gap: var(--_space---spacing--spacing-8-64px-4rem); grid-row-gap: var(--_space---spacing--spacing-8-64px-4rem); } .bento-1v2_container { width: 100%; } .bento-6_aspect_image_16-9.no_outline { object-fit: contain; object-fit: contain; } .navbar_hamburger { padding: 0; position: static; } .navbar_hamburger.w--open { background-color: #0000; padding: 0; } .hamburger_container { justify-content: center; align-items: center; display: flex; } .hamburger_icon { width: 100%; } .navbar_logo { flex: 0 auto; } .navbar_link { padding-right: var(--_space---spacing--spacing-3-16px-1rem); padding-left: var(--_space---spacing--spacing-3-16px-1rem); border-bottom-color: var(--_stroke---stroke-color--stroke-tertiary); background-color: var(--brand-primary--950); } .navbar_link:hover { border-bottom-color: var(--_stroke---stroke-color--stroke-primary); } .navbar_container_socials { flex-flow: row; flex: 0 auto; display: none; } .footer_lets-chat.heading-style-h3.text-style-1em_lineheight { line-height: 1em; } .recaptcha { transform-origin: 0 0; transform: scale(.9); } .section_components_main { display: block; } .components_main_horizontal { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: wrap; justify-content: flex-start; align-items: flex-start; } .section_sections { display: block; } .hero-12_image-stack { flex-flow: row; justify-content: flex-start; align-items: center; } .hero-12_image-stack-inner { flex-flow: row; } .fs-styleguide_container { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr; } .navbar-2_hamburger.w--open { background-color: #0000; padding: 0; } .navbar-2_link:hover { border-bottom-color: #fff; } .cards-1_cell-1 { justify-content: center; align-items: center; display: block; } .hero_image_container { width: 100%; height: 100%; } .padding-section-8rem-16rem-124px248px { padding-top: 8rem; } .section_hero_distance { height: auto; display: block; } .hero_wrap { aspect-ratio: 3 / 2; height: auto; margin-top: 90px; } .password_image_container { width: 30vw; height: 30vw; } .navbar_container_socials_dropdown { flex-flow: row; flex: 0 auto; } .navbar_container_socials_dropdown.navbar_link { justify-content: center; align-items: center; margin-left: 0; margin-right: 0; padding-top: 20px; padding-bottom: 20px; display: flex; } .carousel_logo_container.carousel_logo_resize { height: 80%; } .bento-8_quickstack { grid-column-gap: 1.5rem; } .email_holder_container { aspect-ratio: auto; } .posts_2_container { grid-column-gap: var(--_space---spacing--spacing-11-124px-7-75); grid-row-gap: var(--_space---spacing--spacing-11-124px-7-75); } .posts_2_container_image { width: 40%; min-width: 300px; transform: scale3d(1none, 1none, 1none); } .sticky_distance_email { flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .rename_container, .asset-13_container_parent { width: 100%; } .padding-section-20rem-16rem-320-256px { padding-top: 8rem; padding-bottom: 8rem; } .link-block:where(.w-variant-d100d174-f63a-0b27-b255-e4d7a5a58a2a) { text-wrap: balance; } .bento-10_container_aspect_image_16-9 { flex: 0 auto; } .short_hero_video_container, .hero_video_container, .previous-next_container { width: 100%; } .hero_image_notdynamic { width: 100%; height: 100%; } ._3_formats_container { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto auto auto; grid-template-columns: 1fr; width: 100%; } .gallery_layout_01_container, .exploration_2_container, .exploration_2_container_main { width: 100%; } .asset_13_group { grid-column-gap: var(--_space---spacing--spacing-11-124px-7-75); grid-row-gap: var(--_space---spacing--spacing-11-124px-7-75); } .asset_13_text { width: 25ch; } .heading-style-body_info.text-35ch:where(.w-variant-2df100f7-d92a-073b-c0f2-8b6fa311144b), .heading-style-body_info.text-35ch:where(.w-variant-d100d174-f63a-0b27-b255-e4d7a5a58a2a) { max-width: 35ch; max-height: none; } .heading-style-body_info.text-align-left.hero-01_text { flex: 1; } .heading-style-body_info.text-align-left.text-color-secondary { color: var(--_theme---text-color--text-secondary); } .heading-style-body_info.text-35ch { max-width: 30ch; } .heading-style-body_info.text-35ch:where(.w-variant-2df100f7-d92a-073b-c0f2-8b6fa311144b), .heading-style-body_info.text-35ch:where(.w-variant-d100d174-f63a-0b27-b255-e4d7a5a58a2a) { max-width: 35ch; max-height: none; } .gallery_12_container { width: 100%; } .locales-list-3, .locale_list_all { background-color: var(--brand-primary--950); padding-top: 20px; padding-bottom: 20px; } } @media screen and (max-width: 767px) { h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.25rem; } h5 { font-size: 1rem; } h6 { font-size: .875rem; } .padding-4rem-64px { padding: 2rem; } .margin-xlarge { margin: 2rem; } .padding-xhuge { padding: 4rem; } .padding-12rem-192px { padding: 4.5rem; } .padding-6rem-96px { padding: 3.5rem; } .margin-large { margin: 1.5rem; } .padding-5rem-80px { padding: 3rem; } .padding-large { padding: 1.5rem; } .margin-huge { margin: 3.5rem; } .padding-2rem-32px { padding: 1.25rem; } .margin-xxlarge { margin: 3rem; } .margin-xhuge { margin: 4rem; } .margin-medium { margin: 1.25rem; } .margin-xxhuge { margin: 4.5rem; } .margin-horizontal { margin-top: 0; margin-bottom: 0; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .margin-vertical { margin-left: 0; margin-right: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-horizontal { padding-top: 0; padding-bottom: 0; } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0; } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .hide-mobile-landscape { display: none; } .heading-style-h3.text-align-center { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size-clamp--h6); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font-weight--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: 0px; --_text-style---margin-bottom: 0px; --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .heading-style-h1 { text-align: center; align-self: center; width: auto; font-size: 2.5rem; } .heading-style-h1.text-align-left { text-align: left; text-align: left; align-self: flex-start; } .padding-global { padding-right: var(--_space---spacing--spacing-4-24px-1-5); padding-left: var(--_space---spacing--spacing-4-24px-1-5); } .padding-section-3rem-48px { padding-top: 2rem; padding-bottom: 2rem; } .fs-styleguide_section-header { font-size: .875rem; } .fs-styleguide_heading-medium { font-size: 2rem; } .max-width-full-mobile-landscape { width: 100%; max-width: none; } .heading-style-h4 { font-size: 1rem; } .text-style-nowrap { white-space: normal; } .heading-style-h6.text-align-center.font-switzer.text-shadow-01.width-40ch { width: 40ch; } .text-size-large { font-size: 1.25rem; } .heading-style-h2 { font-size: 2rem; } .heading-style-h2.text-style-ch { max-width: 30ch; } .heading-style-h5 { font-size: .875rem; } .padding-section-5rem-80px { padding-top: 3rem; padding-bottom: 3rem; } .spacer-5rem-80px { padding-top: 3.5rem; } .spacer-6rem-96px { padding-top: 4rem; } .spacer-8rem-124px { padding-top: 4.5rem; } .spacer-3rem-48px { padding-top: 2rem; } .spacer-2-5rem-40px { padding-top: 1.5rem; } .spacer-4rem-64px { padding-top: 3rem; } .navbar_container_page-links { z-index: 500; background-color: #0000; width: 100%; display: flex; left: 0; right: 0; overflow: hidden; } .heading-style-display3.text-align-center { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size-clamp--h1); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font-weight--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: 0px; --_text-style---margin-bottom: 0px; --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .heading-style-body.text-align-center.text-45ch { max-width: 35ch; } .heading-style-body.text-align-left.text-35ch { text-align: left; align-self: flex-start; max-width: 40ch; } .heading-style-body.text-align-left.text-35ch.heading-center { text-align: center; text-align: center; } .heading-style-body.text-35ch { max-width: 50ch; } .heading-style-body.text-35ch:where(.w-variant-2df100f7-d92a-073b-c0f2-8b6fa311144b) { max-width: 34ch; } .spacer-custom1, .spacer-custom2, .spacer-custom3 { padding-top: 4.5rem; } .aboutme_container_image { aspect-ratio: 16 / 9; } .footer_container_contact-main { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: row; justify-content: space-between; align-items: flex-end; } .container-1440px-90rem { justify-content: center; align-items: flex-start; } .text-paragraph.text-align-left.text_aboutme { max-width: 60ch; } .padding-section-8rem-124px { padding-top: var(--_space---spacing--spacing-8-64px-4rem); padding-bottom: var(--_space---spacing--spacing-8-64px-4rem); align-self: stretch; } .padding-section-8rem-124px._100vh { height: calc(100vh - 90px); } .navbar_container_main { padding-right: var(--_space---spacing--spacing-4-24px-1-5); padding-left: var(--_space---spacing--spacing-4-24px-1-5); } .aboutme_container { flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr; width: 100%; } .aspect_9-16_container { aspect-ratio: auto; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; overflow: visible; } .aspect_9-6_container_main { border-radius: 12px; justify-content: flex-start; align-items: center; display: block; } .hero-03_container_holder { aspect-ratio: 1; justify-content: center; align-items: center; } .overlay_gradient { background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--brand-primary--950), transparent 61%); opacity: .5; } .section_hero-08 { height: calc(100vh - 64px); } .hero-08_container_image { aspect-ratio: 16 / 9; flex: 1; } .hero-08_container_top { flex: 0 auto; } .sticky-images_container_main { flex-flow: column; grid-template-columns: 1fr; } .sticky_container_content { position: static; } .sticky_container_gallery { flex: none; } .aboutme_image { object-position: 50% 22%; } .carousel-3_container_image { align-self: auto; width: auto; } .carousel-3_container { padding-top: 0; padding-bottom: 0; } .overlay_gradient-left-right-2.pointer-events-none { flex: 1; align-self: stretch; position: absolute; } .carousel-container_main { height: auto; position: relative; } .carousel-3_container_holder { padding: var(--_space---spacing--spacing-5-32px-2rem) 1rem; grid-column-gap: 2rem; grid-row-gap: 2rem; } .hero-12_container_parent { flex-flow: column; } .hero-12_container_vertical { align-self: stretch; } .hero-12_container_image { width: 90%; } .asset-13_container_image { width: 100%; } .asset-13_container_main { grid-row-gap: var(--_space---spacing--spacing-5-32px-2rem); flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; justify-content: center; place-items: flex-start start; padding-top: 0; display: flex; } .asset-13_container_main.asset-13_order-swap { grid-column-gap: var(--_space---spacing--spacing-5-32px-2rem); grid-row-gap: var(--_space---spacing--spacing-5-32px-2rem); grid-column-gap: var(--_space---spacing--spacing-5-32px-2rem); grid-row-gap: var(--_space---spacing--spacing-5-32px-2rem); padding-top: 0; } .asset-13_container_top { grid-column-gap: var(--_space---spacing--spacing-8-64px-4rem); grid-row-gap: var(--_space---spacing--spacing-8-64px-4rem); } .aboutme_container_text { padding-top: var(--_space---spacing--spacing-5-32px-2rem); padding-right: var(--_space---spacing--spacing-5-32px-2rem); padding-left: var(--_space---spacing--spacing-5-32px-2rem); } .projectdescription-03_container_text-horizontal { grid-column-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-row-gap: var(--_space---spacing--spacing-4-24px-1-5); flex-flow: column; justify-content: space-between; align-items: flex-start; } .bento-1v2_container_aspect_image_9-6 { aspect-ratio: 9 / 16; } .bento-1v2_container_aspect_image_16-9 { grid-column-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-row-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .bento-1v2_aspect_image_9-16 { object-position: 50% 5%; } .carousel-3_container_main { grid-column-gap: var(--_space---spacing--spacing-6-40px-2-5rem); grid-row-gap: var(--_space---spacing--spacing-6-40px-2-5rem); } .footer_container_socials-2025 { grid-column-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-row-gap: var(--_space---spacing--spacing-4-24px-1-5); justify-content: center; align-items: flex-end; } .navbar_hamburger { flex: 0 auto; } .hamburger_container { aspect-ratio: 1; width: 24px; display: flex; } .hamburger_icon { justify-content: center; align-items: center; display: flex; } .navbar_container_all { justify-content: space-between; align-items: center; position: static; } .navbar_link { border-bottom-width: 1px; border-bottom-color: var(--_stroke---stroke-color--stroke-tertiary); background-color: var(--brand-primary--950); flex: none; } .navbar_container_socials { padding-top: var(--_space---spacing--spacing-3-16px-1rem); padding-bottom: var(--_space---spacing--spacing-3-16px-1rem); display: none; } .navbar_stroke { background-color: var(--_stroke---stroke-color--stroke-tertiary); pointer-events: auto; width: 100%; height: 1px; padding-bottom: 0; padding-right: 0; position: absolute; inset: auto 0% 0%; } .footer_container_pages { align-self: auto; } .footer_lets-chat.heading-style-h3.text-style-1em_lineheight { line-height: 1em; } .recaptcha { transform: scale(1); } .padding-section-8rem-124px-2 { padding-top: 4rem; padding-bottom: 4rem; display: block; } .hero_03_container_header { justify-content: center; align-items: center; } .image_aspect_container_9-16 { aspect-ratio: 9 / 16; flex: none; width: 100%; } .image_aspect_container_9-16.no_outline { width: 100%; } .hero_image_container { transform: scale3d(1none, 1none, 1none); overflow: visible; } .padding-section-8rem-16rem-124px248px { padding-top: var(--_space---spacing--spacing-8-64px-4rem); padding-bottom: var(--_space---spacing--spacing-8-64px-4rem); } .hero_wrap { grid-column-gap: 12px; grid-row-gap: 12px; aspect-ratio: 3 / 2; } .password_image_container { width: 40vw; height: 40vw; } .navbar_container_socials_dropdown { padding-top: var(--_space---spacing--spacing-3-16px-1rem); padding-bottom: var(--_space---spacing--spacing-3-16px-1rem); justify-content: center; align-items: center; } .navbar_container_socials_dropdown.navbar_link { justify-content: center; align-items: center; display: flex; } .carousel_logo_holder { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-columns: 1fr 1fr 1fr 1fr; padding: 8px 16px; } .carousel_logo_container { height: 90%; } .carousel_logo_container.carousel_logo_resize { height: 70%; } .carousel_logo_container.carousel_logo_resize.hide-mobile-landscape { display: none; } .hero_logos { width: 48px; } .hero_logo_aj { width: 89px; } .bento-8_quickstack { grid-row-gap: 1.5rem; } .bento-8_container_aspect_image_16-9 { aspect-ratio: 1; } .bento-8_aspect_image_9-16 { object-position: 50% 32%; width: 100%; } .bento-8_container_aspect_image_9-16 { aspect-ratio: 1; } .email_holder_container { width: 100%; max-width: 600px; } .posts_2_container { overflow: hidden; } .posts_2_container_image { width: 43%; min-width: 180px; } .swiper { width: 100%; } .swiper-wrapper { grid-column-gap: 0px; grid-row-gap: 0px; } .swiper-slide { aspect-ratio: 9 / 16; flex: none; width: 100%; } .swiper-slide-image { height: 100%; } .custom-prev { width: 48px; height: 48px; transition: all .15s cubic-bezier(.215, .61, .355, 1); } .custom-prev:active { opacity: .8; transform: scale(.9)rotate(180deg); } .swiper-buttons { margin-top: var(--_space---spacing--spacing-4-24px-1-5); display: inline-flex; } .custom-pagination { width: 100%; margin-top: var(--_space---spacing--spacing-4-24px-1-5); grid-column-gap: 12px; grid-row-gap: 12px; justify-content: flex-start; align-items: center; display: flex; } .bullet { background-color: var(--_stroke---stroke-color--stroke-tertiary); border-radius: 999%; width: 12px; height: 12px; transition: all .3s; overflow: visible; transform: scale(.8); } .code-embed-3 { width: 1.5rem; height: 1.5rem; } .custom-next { width: 48px; height: 48px; transition: all .15s cubic-bezier(.215, .61, .355, 1); transform: rotate(0); } .custom-next:active { opacity: .8; transform: scale(.9)rotate(0); } .bullet-active { background-color: var(--_stroke---stroke-color--stroke-primary); border-radius: 999%; width: 12px; height: 12px; transition: all .3s; overflow: visible; transform: scale(1); } .div-block-56 { aspect-ratio: 4 / 4; } .div-block-57 { aspect-ratio: 4 / 5; } .asset-13_container_parent { justify-content: center; align-self: stretch; align-items: center; } .padding-section-20rem-16rem-320-256px { padding-top: var(--_space---spacing--spacing-8-64px-4rem); padding-bottom: var(--_space---spacing--spacing-8-64px-4rem); } .icon-embed-xsmall { transform: rotate(-90deg); } .hero_content_container { grid-column-gap: 12px; grid-row-gap: 12px; } .hero_text_container { position: relative; top: 21px; } .hero_logo_ballen { width: 89px; } .short_hero_video_container { aspect-ratio: 16 / 9; height: auto; } .play-state { width: 48px; height: 48px; } .icon-embed-small { width: 1.5rem; height: 1.5rem; } .pause-state { width: 48px; height: 48px; } .play-pause-button { flex-flow: row; justify-content: center; align-items: center; } .padding-section-1rem-16px { padding-top: 2rem; padding-bottom: 2rem; } .hero_image_notdynamic { transform: scale3d(1none, 1none, 1none); overflow: visible; } ._3_formats_container { grid-column-gap: 1rem; grid-row-gap: 1rem; } .cell { display: none; } .asset_13_group { align-self: stretch; } .asset_13_text { width: 20ch; } .heading-style-body_info.text-align-center.text-45ch { max-width: 35ch; } .heading-style-body_info.text-align-left.text-35ch { max-width: 40ch; } .heading-style-body_info.text-35ch { max-width: 50ch; } .heading-style-body_info.text-35ch:where(.w-variant-2df100f7-d92a-073b-c0f2-8b6fa311144b) { max-width: 34ch; } .locales-wrapper-2 { border-bottom: 1px solid var(--_stroke---stroke-color--stroke-tertiary); background-color: var(--brand-primary--950); order: -9999; align-self: stretch; padding-top: 20px; padding-bottom: 20px; } .locales-list-3, .locale_list_all { grid-column-gap: var(--_space---spacing--spacing-6-40px-2-5rem); grid-row-gap: var(--_space---spacing--spacing-6-40px-2-5rem); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .locale_main_wrapper { border-bottom: 1px solid var(--_stroke---stroke-color--stroke-tertiary); background-color: var(--brand-primary--950); order: -9999; align-self: stretch; padding-top: 20px; padding-bottom: 20px; } } @media screen and (max-width: 479px) { .margin-horizontal { margin-top: 0; margin-bottom: 0; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .margin-vertical { margin-left: 0; margin-right: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-horizontal { padding-top: 0; padding-bottom: 0; } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0; } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .fs-styleguide_row { flex-wrap: wrap; } .max-width-full-mobile-portrait { width: 100%; max-width: none; } .padding-global { padding-right: var(--_space---spacing--spacing-3-16px-1rem); padding-left: var(--_space---spacing--spacing-3-16px-1rem); } .hide-mobile-portrait { display: none; } .heading-style-h6.text-align-center.font-switzer.text-shadow-01.width-40ch { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size-clamp--h6); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font-weight--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: 0px; --_text-style---margin-bottom: 0px; --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); width: 35ch; } .navbar_container_page-links { flex: 0 auto; } .heading-style-display3 { max-width: none; } .heading-style-display3.text-align-center.text-shadow-01 { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size-clamp--h3); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font-weight--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: 0px; --_text-style---margin-bottom: 0px; --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .heading-style-body { width: 30ch; } .heading-style-body.text-align-left.text-35ch { width: auto; } .aboutme_container_image { aspect-ratio: 1; } .footer_container_contact-main { flex-flow: column; justify-content: space-between; align-items: flex-start; } .contact-form_container_main { flex: 0 auto; justify-content: center; align-items: stretch; } .large-images-vertical_container_vertical, .bento-5_quickstack { grid-column-gap: var(--_space---spacing--spacing-3-16px-1rem); grid-row-gap: var(--_space---spacing--spacing-3-16px-1rem); } .navbar_container_main { padding: 0; } .aspect_9-16_container { grid-column-gap: var(--_space---spacing--spacing-3-16px-1rem); grid-row-gap: var(--_space---spacing--spacing-3-16px-1rem); } .hero-08_container_image { box-sizing: border-box; aspect-ratio: 16 / 9; flex: 1; width: 100%; } .hero-08_container_top { flex: 0 auto; } .sticky_container_gallery { grid-column-gap: var(--_space---spacing--spacing-3-16px-1rem); grid-row-gap: var(--_space---spacing--spacing-3-16px-1rem); } .aboutme_image { object-position: 50% 14%; } .carousel-3_container_holder { padding-top: var(--_space---spacing--spacing-3-16px-1rem); padding-bottom: var(--_space---spacing--spacing-3-16px-1rem); grid-column-gap: 2.11rem; grid-row-gap: 2.11rem; } .component_description_container { grid-template-rows: auto auto; grid-template-columns: minmax(0, 1fr); } .asset-13_container_image { max-width: none; } .asset-13_container_main { grid-column-gap: var(--_space---spacing--spacing-5-32px-2rem); grid-row-gap: var(--_space---spacing--spacing-5-32px-2rem); flex-flow: column; justify-content: center; align-items: flex-start; padding-top: 0; } .asset-13_container_main:where(.w-variant-d100d174-f63a-0b27-b255-e4d7a5a58a2a), .asset-13_container_main:where(.w-variant-2df100f7-d92a-073b-c0f2-8b6fa311144b) { grid-column-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-row-gap: var(--_space---spacing--spacing-4-24px-1-5); } .asset-13_container_main.asset-13_order-swap { grid-column-gap: var(--_space---spacing--spacing-5-32px-2rem); grid-row-gap: var(--_space---spacing--spacing-5-32px-2rem); grid-column-gap: var(--_space---spacing--spacing-5-32px-2rem); grid-row-gap: var(--_space---spacing--spacing-5-32px-2rem); flex-flow: column wrap; justify-content: center; align-items: flex-start; } .hero-12_container_3images, .bento-1v2_quickstack, .bento-1v2_container_aspect_image_16-9, .bento-4_quickstack, .bento-6_quickstack { grid-column-gap: var(--_space---spacing--spacing-3-16px-1rem); grid-row-gap: var(--_space---spacing--spacing-3-16px-1rem); } .carousel-3_container_main { grid-column-gap: var(--_space---spacing--spacing-7-48px-3rem); grid-row-gap: var(--_space---spacing--spacing-7-48px-3rem); } .footer_container_socials-2025 { grid-column-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-row-gap: var(--_space---spacing--spacing-4-24px-1-5); flex-flow: column; justify-content: space-between; align-items: flex-start; } .bento-7_container_horizontal, .bento-4_container_horizontal { grid-column-gap: var(--_space---spacing--spacing-3-16px-1rem); grid-row-gap: var(--_space---spacing--spacing-3-16px-1rem); } .navbar_container_all { padding-right: var(--_space---spacing--spacing-3-16px-1rem); justify-content: space-between; align-items: center; padding-left: 1rem; } .navbar_link { top: 0; bottom: 0; } .navbar_container_socials { padding-top: var(--_space---spacing--spacing-3-16px-1rem); padding-bottom: var(--_space---spacing--spacing-3-16px-1rem); } .footer_container_links-socials { grid-column-gap: var(--_space---spacing--spacing-5-32px-2rem); grid-row-gap: var(--_space---spacing--spacing-5-32px-2rem); flex-flow: column; justify-content: center; align-items: flex-start; } .footer_container_pages { grid-column-gap: var(--_space---spacing--spacing-3-16px-1rem); grid-row-gap: var(--_space---spacing--spacing-3-16px-1rem); flex-flow: column; justify-content: center; align-self: stretch; align-items: flex-start; } .footer_container_contact { padding-bottom: var(--_space---spacing--spacing-1-4px-0-25rem); grid-column-gap: var(--_space---spacing--spacing-3-16px-1rem); grid-row-gap: var(--_space---spacing--spacing-3-16px-1rem); align-self: stretch; } .footer_container_links { flex-flow: column-reverse; justify-content: center; align-self: stretch; align-items: flex-start; } .footer_page-link { font-size: 1.5rem; line-height: 1.3em; } .footer_container_socials { grid-column-gap: var(--_space---spacing--spacing-3-16px-1rem); grid-row-gap: var(--_space---spacing--spacing-3-16px-1rem); } .recaptcha { transform: scale(1); } .padding-section-8rem-124px-2 { padding-top: 2rem; padding-bottom: 2rem; } .email_container_main { top: -100px; } .padding-section-8rem-16rem-124px248px { padding-top: var(--_space---spacing--spacing-8-64px-4rem); padding-bottom: var(--_space---spacing--spacing-8-64px-4rem); } .hero_wrap { aspect-ratio: 1; } .hero_image { object-position: 50% 50%; } .navbar_container_socials_dropdown { padding-top: var(--_space---spacing--spacing-3-16px-1rem); padding-bottom: var(--_space---spacing--spacing-3-16px-1rem); } .carousel_logo_holder { grid-column-gap: 8px; grid-row-gap: 8px; padding: 0 16px; position: relative; } .carousel_container_top { min-width: 100%; } .email_holder_container { box-sizing: border-box; aspect-ratio: 3 / 4; height: auto; } .email_container_image { flex: 0 auto; width: 100%; } .posts_2_container_image { min-width: 150px; } .asset-13_container_parent { grid-column-gap: var(--_space---spacing--spacing-8-64px-4rem); grid-row-gap: var(--_space---spacing--spacing-8-64px-4rem); } .hero_text_container { position: relative; inset: 0% 0% -30px; } .hero_content_container_ballen { left: 0; right: 0; } .bento-11_quickstack { grid-column-gap: var(--_space---spacing--spacing-3-16px-1rem); grid-row-gap: var(--_space---spacing--spacing-3-16px-1rem); } .play-state { width: 32px; height: 32px; } .icon-embed-small { width: 1rem; height: 1rem; } .pause-state { width: 32px; height: 32px; } .hero_image_notdynamic { position: relative; } .asset_13_text { width: 15ch; } .form_group_info { grid-column-gap: var(--_space---spacing--spacing-4-24px-1-5); grid-row-gap: var(--_space---spacing--spacing-4-24px-1-5); flex-flow: column; justify-content: center; align-items: flex-start; } .heading-style-body_info.text-align-left.text-35ch { width: auto; } } #w-node-_2f730f99-3fe3-3bea-e7ed-707e60c46ce3-fd4f7fb3, #w-node-_2f730f99-3fe3-3bea-e7ed-707e60c46ce8-fd4f7fb3, #w-node-_2f730f99-3fe3-3bea-e7ed-707e60c46ced-fd4f7fb3, #w-node-_2f730f99-3fe3-3bea-e7ed-707e60c46cf2-fd4f7fb3, #w-node-_6cd9710d-55af-604a-6c9d-27b587b475ff-fd4f7fb3, #w-node-_6cd9710d-55af-604a-6c9d-27b587b47604-fd4f7fb3, #w-node-_6cd9710d-55af-604a-6c9d-27b587b47609-fd4f7fb3, #w-node-_6cd9710d-55af-604a-6c9d-27b587b4760e-fd4f7fb3, #w-node-_6ff72600-43e5-e427-7b4d-2badd300c0d2-fd4f7fb3, #w-node-_6ff72600-43e5-e427-7b4d-2badd300c0d7-fd4f7fb3, #w-node-_6ff72600-43e5-e427-7b4d-2badd300c0dc-fd4f7fb3, #w-node-_6ff72600-43e5-e427-7b4d-2badd300c0e1-fd4f7fb3, #w-node-_12a52a69-1398-9bf4-7573-83ccd18c1743-fd4f7fb3, #w-node-_12a52a69-1398-9bf4-7573-83ccd18c1748-fd4f7fb3, #w-node-_12a52a69-1398-9bf4-7573-83ccd18c174d-fd4f7fb3, #w-node-_12a52a69-1398-9bf4-7573-83ccd18c1752-fd4f7fb3, #w-node-_5871ff59-b3fb-ed8b-038c-f928e4c5197b-fd4f7fb3, #w-node-_5871ff59-b3fb-ed8b-038c-f928e4c51980-fd4f7fb3, #w-node-_5871ff59-b3fb-ed8b-038c-f928e4c51985-fd4f7fb3, #w-node-_5871ff59-b3fb-ed8b-038c-f928e4c5198a-fd4f7fb3, #w-node-_2d45cd04-a4b6-924b-6f13-e2769e4c009a-fd4f7fb3, #w-node-_2d45cd04-a4b6-924b-6f13-e2769e4c009f-fd4f7fb3, #w-node-_2d45cd04-a4b6-924b-6f13-e2769e4c00a4-fd4f7fb3, #w-node-_2d45cd04-a4b6-924b-6f13-e2769e4c00a9-fd4f7fb3, #w-node-_585e7965-0cca-ec36-312e-079bceb88131-fd4f7fb3, #w-node-_585e7965-0cca-ec36-312e-079bceb88134-fd4f7fb3, #w-node-_585e7965-0cca-ec36-312e-079bceb88137-fd4f7fb3, #w-node-_585e7965-0cca-ec36-312e-079bceb8813a-fd4f7fb3, #w-node-_43ec4480-1264-4a66-fbef-abcab3e0fd09-fd4f7fb3, #w-node-_43ec4480-1264-4a66-fbef-abcab3e0fd0e-fd4f7fb3, #w-node-_43ec4480-1264-4a66-fbef-abcab3e0fd13-fd4f7fb3, #w-node-_43ec4480-1264-4a66-fbef-abcab3e0fd18-fd4f7fb3, #w-node-f835f173-9241-9a07-1fb4-24d4e7246157-fd4f7fb3, #w-node-f835f173-9241-9a07-1fb4-24d4e724615a-fd4f7fb3, #w-node-f835f173-9241-9a07-1fb4-24d4e724615d-fd4f7fb3, #w-node-f835f173-9241-9a07-1fb4-24d4e7246160-fd4f7fb3 { grid-area: span 2 / span 1 / span 2 / span 1; place-self: stretch stretch; }