:root { --_theme---background: var(--swatch--light-100); --_text-style---font-family: var(--_typography---font--primary-family); --_theme---text: var(--swatch--dark-900); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_gap---size: var(--site--gutter); --_column-count---value: 1; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_spacing---space--6: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.5 * 1rem); --_spacing---space--7: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_typography---line-height--small: 1; --_typography---line-height--medium: 1.1; --_typography---line-height--large: 1.3; --_typography---line-height--huge: 1.5; --_typography---letter-spacing--tight: -.03em; --_typography---letter-spacing--normal: 0em; --max-width--main: calc(var(--site--viewport-max) * 1rem); --site--margin: clamp(1 * 1rem, ((1 - ((2.5 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.5 * 1rem); --max-width--small: 50rem; --max-width--full: 100%; --_spacing---section-space--none: 0px; --_spacing---section-space--small: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_spacing---section-space--main: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7 * 1rem); --_spacing---section-space--large: clamp(5.5 * 1rem, ((5.5 - ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 10 * 1rem); --_spacing---section-space--page-top: clamp(7 * 1rem, ((7 - ((14 - 7) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((14 - 7) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 14 * 1rem); --_spacing---space--4: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_theme---heading-accent: var(--swatch--brand-600); --_spacing---space--2: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .75 * 1rem); --_spacing---space--1: clamp(.375 * 1rem, ((.375 - ((.5 - .375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.5 - .375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .5 * 1rem); --site--gutter: 1rem; --_theme---background-2: var(--swatch--light-200); --_spacing---space--3: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --_spacing---space--5: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_spacing---space--8: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem); --_typography---font--primary-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --_typography---font--primary-regular: 400; --_typography---font--primary-medium: 500; --_typography---font--primary-bold: 700; --radius--small: .5rem; --radius--main: 1rem; --radius--round: 100vw; --border-width--main: .094rem; --_theme---border: var(--swatch--dark-900-o20); --swatch--transparent: transparent; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --focus--offset-inner: -.125rem; --nav--max-width: var(--max-width--main); --nav--spacing-outer-horizontal: var(--site--margin); --nav--radius: var(--radius--small); --_theme---nav--background: var(--_theme---background); --nav--height-total: var(--nav--height); --nav--spacing-outer-vertical: var(--site--margin); --swatch--dark-900: #1f1d1e; --nav--height: 4rem; --nav--hamburger-thickness: var(--border-width--main); --nav--spacing-inner-horizontal: var(--_spacing---space--5); --nav--banner-height: 2.4rem; --nav--hamburger-gap: var(--_spacing---space--2); --swatch--light-100: white; --swatch--brand-text: var(--swatch--dark-900); --swatch--brand-900: color-mix(in srgb, var(--swatch--brand-500), black 80%); --swatch--light-200: #ebebeb; --swatch--brand-500: #c6fb50; --swatch--dark-800: #2f2b2d; --_typography---font-size--h4: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --swatch--light-100-o20: color-mix(in srgb, var(--swatch--light-100) 20%, transparent); --_theme---selection--text: var(--swatch--brand-text); --_typography---font-size--h3: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_text-style---text-transform: var(--_typography---text-transform--none); --site--viewport-max: 90; --site--viewport-min: 20; --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_theme---selection--background: var(--swatch--brand-300); --site--column-count: 12; --focus--width: .125rem; --focus--offset-outer: .1875rem; --swatch--dark-900-o20: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent); --swatch--brand-100: color-mix(in srgb, var(--swatch--brand-500), white 80%); --swatch--brand-200: color-mix(in srgb, var(--swatch--brand-500), white 60%); --swatch--brand-400: color-mix(in srgb, var(--swatch--brand-500), white 20%); --swatch--brand-300: color-mix(in srgb, var(--swatch--brand-500), white 40%); --swatch--brand-800: color-mix(in srgb, var(--swatch--brand-500), black 60%); --swatch--brand-700: color-mix(in srgb, var(--swatch--brand-500), black 40%); --swatch--brand-600: color-mix(in srgb, var(--swatch--brand-500), black 20%); --_alignment---direction: start; --swatch--brand-text-o20: color-mix(in srgb, var(--swatch--brand-text) 20%, transparent); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --nav--menu-open-duration: var(--nav-duration, .4s); --_typography---font--primary-trim-top: .33em; --_typography---font--primary-trim-bottom: .38em; --nav--menu-close-duration: var(--nav-duration, .4s); --nav--dropdown-open-duration: var(--nav-duration, .4s); --nav--dropdown-close-duration: var(--nav-duration, .4s); --_typography---font-size--text-small: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --_typography---font-size--text-main: clamp(1 * 1rem, ((1 - ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.125 * 1rem); --_typography---font-size--text-large: clamp(1.125 * 1rem, ((1.125 - ((1.25 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --_typography---font-size--h6: clamp(1 * 1rem, ((1 - ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.125 * 1rem); --_typography---font-size--h5: clamp(1.375 * 1rem, ((1.375 - ((1.5 - 1.375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_typography---font-size--h2: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem); --_typography---font-size--h1: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_typography---font-size--display: clamp(3 * 1rem, ((3 - ((7 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7 * 1rem); --site--column-width: calc((min(var(--max-width--main), 100% - var(--site--margin) * 2) - (var(--site--gutter) * (var(--site--column-count) - 1))) / var(--site--column-count)); --_typography---text-transform--none: var(--text-transform, none); --_typography---text-transform--uppercase: uppercase; --_typography---text-transform--capitalize: capitalize; --_typography---text-transform--lowercase: lowercase; } .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } body { background-color: var(--_theme---background); font-family: var(--_text-style---font-family); color: var(--_theme---text); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_column-count---value: 12; text-transform: var(--_text-style---text-transform, none); } h1, h2, h3, h4, h5, h6, p { display: flow-root; } a { color: inherit; outline-width: var(--focus--width); outline-offset: var(--focus--offset-outer); text-decoration: none; } ul, ol { margin-bottom: 0; padding-left: 0; list-style: ""; } li { display: block; } img { object-fit: cover; width: 100%; max-width: 100%; } strong { font-weight: bold; } blockquote { border-style: none; padding: 0; } figure { margin-bottom: 0; } .c-heading { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .c-heading:where(.w-variant-41c609dc-9c80-9eef-75df-03bf0eea00b4) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-792802b6-ccdb-f982-5023-5fa970cf03d0) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-433d40c6-c261-f13f-c899-61d2cadf150f) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-701c4b6c-37cf-de59-d80d-80a1822c4994) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-7c7eb163-b37d-338d-2369-5eae7e6d458a) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-326a9562-3263-06da-e8ef-16981fd70f1c) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-823daff2-fd84-8da0-4ed1-92a39b869ad0) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-74a3180a-e505-b452-032f-599c8e557249) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-9027c8ae-1ba5-f702-ea6e-4a1c3fca9f64) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-3fbd0d32-5675-1947-73b3-abb16c1fb986) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .c-paragraph:where(.w-variant-eee56f15-d7ce-d101-2f8c-83b3bbd55d4a) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-3ddfa43e-abc1-422e-6e6d-23dfb7da71f3) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-efb733fe-da83-69a3-ea4a-b3f2f89d0389) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-ad482112-9d0e-852c-0f6e-ba1e5a3aee59) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-93e8af18-8413-e3ac-0442-72629401a3db) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-5c484503-e2a0-ac99-680d-56013d859efa) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-b8555f10-fa7d-e9ba-e262-f9aa44c27c1c) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-fdb8e663-01e0-aae6-13eb-e6dfca16b689) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-61d538b2-709c-eb7a-4258-8c0890dc07fc) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-4099173f-f581-635c-a5fe-cf4a89c62029) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-grid { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 1; --_gap---size: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--type, auto-fit), minmax(min(max(calc(var(--column-width, 18) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); display: grid; } .c-grid:where(.w-variant-2d129b71-f389-2bb5-157e-4c6664b6f1f7) { --_column-count---value: 2; } .c-grid:where(.w-variant-205cb359-64f4-9613-16be-7b6ea21da130) { --_column-count---value: 3; } .c-grid:where(.w-variant-a43392db-4e92-372b-85af-453fa5f58a0b) { --_column-count---value: 4; } .c-grid:where(.w-variant-a49c393c-8eb9-9702-a7f7-b0d31c2535b6) { --_column-count---value: 5; } .c-grid:where(.w-variant-1fa34b50-a837-2ff8-cbdc-a25a0f0f655e) { --_column-count---value: 6; } .c-grid:where(.w-variant-40a5ac65-6ad6-ab31-f112-a487dd6f4194) { --_column-count---value: 7; } .c-grid:where(.w-variant-acca940a-8500-4c63-671b-ba41437b73b7) { --_column-count---value: 8; } .c-grid:where(.w-variant-3f4418b6-400a-afb6-8442-1ca7dcd18498) { --_column-count---value: 9; } .c-grid:where(.w-variant-6ad0d720-f0d5-1ea4-b1b1-2599a18bd67d) { --_column-count---value: 10; } .c-grid:where(.w-variant-d8367f61-c746-929f-bff3-d9477c01c581) { --_column-count---value: 11; } .c-grid:where(.w-variant-fd7db3dc-d58a-e1d7-ed64-9b8a1a6798b5) { --_column-count---value: 12; } .u-theme-light { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--light-100); --_theme---text: var(--swatch--dark-900); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-2: var(--swatch--light-200); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); } .u-theme-dark { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-100); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-2: var(--swatch--dark-800); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); } .u-theme-brand { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-text); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---background-2: var(--swatch--brand-600); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); } .u-text-style-display { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-h1 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-h2 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-h3 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-h4 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-h5 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-h6 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-large { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-main { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-small { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-small.u-weight-medium.tag { text-wrap: nowrap; flex: none; } .u-rich-text { text-wrap: var(--_text-style---text-wrap); } .u-rich-text h1 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h2 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h3 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h4 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h5 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text h6 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); } .u-rich-text blockquote { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); border-left-style: solid; border-left-width: .2rem; padding: .5rem 1rem; } .u-rich-text ol { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); flex-flow: column; padding-left: 1.2em; list-style-type: decimal; display: flex; overflow: visible; } .u-rich-text li { margin-top: calc(var(--_text-style---trim-top) * -1); margin-bottom: calc(var(--_text-style---trim-bottom) * -1); display: list-item; } .u-rich-text ul { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); flex-flow: column; padding-left: 1.2em; list-style-type: disc; display: flex; overflow: visible; } .u-rich-text figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .u-line-height-small { line-height: var(--_typography---line-height--small); } .u-line-height-medium { line-height: var(--_typography---line-height--medium); } .u-line-height-large { line-height: var(--_typography---line-height--large); } .u-line-height-huge { line-height: var(--_typography---line-height--huge); } .u-letter-spacing-tight { letter-spacing: var(--_typography---letter-spacing--tight); } .u-letter-spacing-normal { letter-spacing: var(--_typography---letter-spacing--normal); } .u-section { background-color: var(--_theme---background); color: var(--_theme---text); flex-flow: column; justify-content: center; align-items: stretch; display: flex; position: relative; } .u-section:where(.w-variant-a4eabb01-8ed6-63d0-157e-0a7b56aedaa1) { --_theme---background: var(--swatch--light-100); --_theme---text: var(--swatch--dark-900); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-2: var(--swatch--light-200); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); } .u-section:where(.w-variant-857e5430-97c7-deb6-3c1a-d3063f9fe2c7) { --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-100); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-2: var(--swatch--dark-800); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); } .u-section:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--light-100); --_theme---text: var(--swatch--dark-900); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-2: var(--swatch--light-200); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); } .u-section:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-100); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-2: var(--swatch--dark-800); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); } .u-section:where(.w-variant-25bf08d9-3196-322b-5616-019ac7f0f4f7) { --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-text); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---background-2: var(--swatch--brand-600); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); } .u-container { z-index: 1; max-width: var(--max-width--main); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; container: threshold-large / inline-size; } .u-container-small { z-index: 1; max-width: var(--max-width--small); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; container: threshold-large / inline-size; } .u-container-full { z-index: 1; max-width: var(--max-width--full); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; container: threshold-large / inline-size; } .u-svg { width: 100%; height: 100%; display: block; overflow: visible !important; } .u-svg:where(.w-variant-1c3f028b-116e-d4eb-db7f-8484491bbf2e) { transform: rotate(-180deg); } .u-svg:where(.w-variant-a0a4b133-f837-5340-6c98-04b1518f150d) { transform: rotate(-90deg); } .u-svg:where(.w-variant-5939aeba-b378-ecdc-f1bc-b6970df2be03) { transform: rotate(90deg); } .u-svg:where(.w-variant-dc469724-71a3-14e1-b5d5-1294323411ce) { transform: rotate(-180deg); } .u-svg:where(.w-variant-b18a0fcd-abb0-329e-47f4-79155dd8284a) { transform: rotate(-90deg); } .u-svg:where(.w-variant-caa8b8e9-e8ec-6eb3-4526-30f19f7326f5) { transform: rotate(90deg); } .u-sr-only { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .u-section-spacer { height: var(--_spacing---section-space--none); position: relative; } .u-section-spacer:where(.w-variant-d422cbd0-f212-c815-68df-63414354c21d) { height: var(--_spacing---section-space--small); } .u-section-spacer:where(.w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490) { height: var(--_spacing---section-space--main); } .u-section-spacer:where(.w-variant-8cc18b30-4618-8767-0111-f6abfe45aaa3) { height: var(--_spacing---section-space--large); } .u-section-spacer:where(.w-variant-41fc0c0a-cac3-53c9-9802-6a916e3fb342) { height: var(--site--margin); } .u-section-spacer:where(.w-variant-e359d2da-de19-6775-b122-3e06f925f39e) { height: var(--_spacing---section-space--page-top); } .u-section-spacer:where(.w-variant-a1ec5a73-cd35-10c7-f60d-41c4d73ef09a) { height: var(--_spacing---space--4); } .u-visual-wrap { z-index: 1; aspect-ratio: 1; width: 100%; position: relative; overflow: hidden; } .u-heading-accent strong { color: var(--_theme---heading-accent); font-weight: inherit; } .u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 { display: -webkit-box; overflow: hidden; } .u-content-wrapper { text-align: var(--_alignment---direction, start); } .u-content-wrapper:where(.w-variant-67e1f4a6-997b-b215-d348-cc757a57083b) { --_alignment---direction: start; } .u-content-wrapper:where(.w-variant-4f54624e-ceb1-0769-a238-365d5e220b70) { --_alignment---direction: center; } .u-content-wrapper:where(.w-variant-405b6754-709a-81de-bf32-f0102c0c7aa2) { --_alignment---direction: end; } .u-button-group { margin-top: var(--_spacing---space--6); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); flex-flow: wrap; display: flex; } .u-child-contain { justify-content: center; align-items: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: column; min-width: 100%; display: flex; } .u-flex-horizontal-wrap { align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: wrap; display: flex; } .u-flex-vertical-nowrap { justify-content: center; align-items: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: column; display: flex; } .u-flex-horizontal-nowrap { align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: row; display: flex; } .u-flex-vertical-wrap { justify-content: center; align-items: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: column wrap; display: flex; } .u-flex-grow { flex: 1; } .u-flex-shrink { flex: 0 auto; } .u-flex-noshrink { flex: none; } .u-grid-custom { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); flex-flow: column; display: grid; } .u-grid-subgrid { grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: subgrid; grid-column-gap: inherit; grid-row-gap: inherit; grid-column: auto / span 1; display: grid; } .u-grid-autofit { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(auto-fit, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); display: grid; } .u-grid-autofill { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(auto-fill, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); display: grid; } .u-grid-above, .u-grid-below { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); flex-flow: column; display: grid; } .u-grid-breakout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-breakout); display: grid; } .u-align-self-variable { align-self: var(--_alignment---direction, start); } .u-align-self-start { align-self: flex-start; } .u-align-self-center { align-self: center; } .u-align-self-end { align-self: flex-end; } .u-align-self-stretch { align-self: stretch; } .u-align-items-stretch { align-items: stretch; } .u-align-items-start { align-items: flex-start; } .u-align-items-center { align-items: center; } .u-align-items-end { align-items: flex-end; } .u-align-items-variable { align-items: var(--_alignment---direction, start); } .u-justify-content-start { justify-content: flex-start; } .u-justify-content-center { justify-content: center; } .u-justify-content-end { justify-content: flex-end; } .u-justify-content-between { justify-content: space-between; } .u-justify-content-around { justify-content: space-around; } .u-justify-content-variable { justify-content: var(--_alignment---direction, start); } .u-color-inherit { color: inherit; } .u-color-faded { opacity: .62; } .u-background-transparent { background-color: #0000; } .u-background-1 { background-color: var(--_theme---background); } .u-background-2 { background-color: var(--_theme---background-2); } .u-background-skeleton { background-color: color-mix(in lab, currentcolor 10%, transparent); } .u-gap-0 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: 0rem; } .u-gap-inherit { grid-column-gap: inherit; grid-row-gap: inherit; } .u-gap-1 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--1); } .u-gap-2 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--2); } .u-gap-gutter { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); } .u-gap-3 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--3); } .u-gap-4 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--4); } .u-gap-5 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--5); } .u-gap-6 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--6); } .u-gap-7 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--7); } .u-gap-8 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--8); } .u-gap-row-0 { grid-row-gap: 0rem; } .u-gap-row-inherit { grid-row-gap: inherit; } .u-gap-row-1 { grid-row-gap: var(--_spacing---space--1); } .u-gap-row-2 { grid-row-gap: var(--_spacing---space--2); } .u-gap-row-gutter { grid-row-gap: var(--site--gutter); } .u-gap-row-3 { grid-row-gap: var(--_spacing---space--3); } .u-gap-row-4 { grid-row-gap: var(--_spacing---space--4); } .u-gap-row-5 { grid-row-gap: var(--_spacing---space--5); } .u-gap-row-6 { grid-row-gap: var(--_spacing---space--6); } .u-gap-row-7 { grid-row-gap: var(--_spacing---space--7); } .u-gap-row-8 { grid-row-gap: var(--_spacing---space--8); } .u-margin-top-auto { margin-top: auto; } .u-margin-top-0 { margin-top: 0; } .u-margin-top-gutter { margin-top: var(--site--gutter); } .u-margin-top-text { margin-top: var(--_text-style---margin-top); } .u-margin-top-1 { margin-top: var(--_spacing---space--1); } .u-margin-top-2 { margin-top: var(--_spacing---space--2); } .u-margin-top-3 { margin-top: var(--_spacing---space--3); } .u-margin-top-4 { margin-top: var(--_spacing---space--4); } .u-margin-top-5 { margin-top: var(--_spacing---space--5); } .u-margin-top-6 { margin-top: var(--_spacing---space--6); } .u-margin-top-7 { margin-top: var(--_spacing---space--7); } .u-margin-top-8 { margin-top: var(--_spacing---space--8); } .u-margin-bottom-auto { margin-bottom: auto; } .u-margin-bottom-0 { margin-bottom: 0; } .u-margin-bottom-gutter { margin-bottom: var(--site--gutter); } .u-margin-bottom-text { margin-bottom: var(--_text-style---margin-bottom); } .u-margin-bottom-1 { margin-bottom: var(--_spacing---space--1); } .u-margin-bottom-2 { margin-bottom: var(--_spacing---space--2); } .u-margin-bottom-3 { margin-bottom: var(--_spacing---space--3); } .u-margin-bottom-4 { margin-bottom: var(--_spacing---space--4); } .u-margin-bottom-5 { margin-bottom: var(--_spacing---space--5); } .u-margin-bottom-6 { margin-bottom: var(--_spacing---space--6); } .u-margin-bottom-7 { margin-bottom: var(--_spacing---space--7); } .u-margin-bottom-8 { margin-bottom: var(--_spacing---space--8); } .u-weight-regular { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-regular); } .u-weight-medium { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-medium); } .u-weight-bold { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-bold); } .u-min-height-screen { min-height: 100svh; } .u-column-full { grid-column: 1 / -1; } .u-column-custom { grid-column: auto / span 1; } .u-column-indent { grid-column: 2 / -2; } .u-column-1 { grid-column: auto / span 1; } .u-column-2 { grid-column: auto / span 2; } .u-column-3 { grid-column: auto / span 3; } .u-column-4 { grid-column: auto / span 4; } .u-column-5 { grid-column: auto / span 5; } .u-column-6 { grid-column: auto / span 6; } .u-column-7 { grid-column: auto / span 7; } .u-column-8 { grid-column: auto / span 8; } .u-column-9 { grid-column: auto / span 9; } .u-column-10 { grid-column: auto / span 10; } .u-column-11 { grid-column: auto / span 11; } .u-column-12 { grid-column: auto / span 12; } .u-alignment-start { --_alignment---direction: start; text-align: var(--_alignment---direction, start); } .u-alignment-center { --_alignment---direction: center; text-align: var(--_alignment---direction, start); } .u-alignment-end { --_alignment---direction: end; text-align: var(--_alignment---direction, start); } .u-text-transform-none { text-transform: none; } .u-text-transform-uppercase { text-transform: uppercase; } .u-text-transform-capitalize { text-transform: capitalize; } .u-text-transform-lowercase { text-transform: lowercase; } .u-text-wrap-default { text-wrap: wrap; } .u-text-wrap-balance { text-wrap: balance; } .u-text-wrap-pretty { text-wrap: pretty; } .u-max-width-none { max-width: none; } .u-max-width-10ch { max-width: 10ch; } .u-max-width-12ch { max-width: 12ch; } .u-max-width-14ch { max-width: 14ch; } .u-max-width-16ch { max-width: 16ch; } .u-max-width-18ch { max-width: 18ch; } .u-max-width-20ch { max-width: 20ch; } .u-max-width-30ch { max-width: 30ch; } .u-max-width-40ch { max-width: 40ch; } .u-max-width-50ch { max-width: 50ch; } .u-max-width-60ch { max-width: 60ch; } .u-max-width-70ch { max-width: 70ch; } .u-max-width-80ch { max-width: 80ch; } .u-radius-none { border-radius: 0; } .u-radius-inherit { border-radius: inherit; } .u-radius-small { border-radius: var(--radius--small); } .u-radius-main { border-radius: var(--radius--main); } .u-radius-round { border-radius: var(--radius--round); } .u-overflow-visible { overflow: visible; } .u-overflow-hidden { overflow: hidden; } .u-overflow-clip { overflow: clip; } .u-overflow-x-auto { overflow: auto clip; } .u-overflow-y-auto { overflow: clip auto; } .u-overflow-hidden-left { -webkit-clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); } .u-display-block { display: block; } .u-display-inline { display: inline; } .u-display-inline-block { display: inline-block; } .u-display-inline-flex { display: inline-flex; } .u-display-inline-grid { display: inline-grid; } .u-display-contents, .u-display-none { display: none; } .u-zindex-negative { z-index: -1; position: relative; } .u-zindex-0 { z-index: 0; position: relative; } .u-zindex-unset { z-index: unset; position: relative; } .u-zindex-1 { z-index: 1; position: relative; } .u-zindex-2 { z-index: 2; position: relative; } .u-zindex-3 { z-index: 3; position: relative; } .u-position-static { position: static; } .u-position-relative { position: relative; } .u-position-absolute { position: absolute; } .u-position-sticky { position: sticky; top: 0; } .u-position-fixed { position: fixed; } .u-height-full { height: 100%; } .u-width-full { width: 100%; } .u-cover { width: 100%; height: 100%; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .u-pointer-on { pointer-events: auto; } .u-pointer-off { pointer-events: none; } .u-ratio-1-1 { aspect-ratio: 1; } .u-ratio-16-9 { aspect-ratio: 16 / 9; } .u-ratio-3-2 { aspect-ratio: 3 / 2; } .u-ratio-2-3 { aspect-ratio: 2 / 3; } .u-ratio-2-1 { aspect-ratio: 2; } .u-ratio-5-4 { aspect-ratio: 5 / 4; } .u-ratio-4-5 { aspect-ratio: 4 / 5; } .u-margin-inline-auto { margin-left: auto; margin-right: auto; } .u-order-first { order: -1; } .u-order-last { order: 1; } .u-object-fit-cover { object-fit: cover; } .u-object-fit-contain { object-fit: contain; } .u-threshold-large { container-name: threshold-large; } .u-threshold-medium { container-name: threshold-medium; } .u-threshold-small { container-name: threshold-small; } .u-padding-sitemargin { padding: var(--site--margin); } .u-padding-gutter { padding: var(--site--gutter); } .u-padding-0 { padding: 0; } .u-padding-1 { padding: var(--_spacing---space--1); } .u-padding-2 { padding: var(--_spacing---space--2); } .u-padding-3 { padding: var(--_spacing---space--3); } .u-padding-4 { padding: var(--_spacing---space--4); } .u-padding-5 { padding: var(--_spacing---space--5); } .u-padding-6 { padding: var(--_spacing---space--6); } .u-padding-7 { padding: var(--_spacing---space--7); } .u-padding-8 { padding: var(--_spacing---space--8); } .u-padding-small { padding: var(--_spacing---section-space--small); } .u-padding-main { padding: var(--_spacing---section-space--main); } .u-padding-large { padding: var(--_spacing---section-space--large); } .u-padding-block-sitemargin { padding-top: var(--site--margin); padding-bottom: var(--site--margin); } .u-padding-block-gutter { padding-top: var(--site--gutter); padding-bottom: var(--site--gutter); } .u-padding-block-0 { padding-top: 0; padding-bottom: 0; } .u-padding-block-1 { padding-top: var(--_spacing---space--1); padding-bottom: var(--_spacing---space--1); } .u-padding-block-2 { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); } .u-padding-block-3 { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); } .u-padding-block-4 { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); } .u-padding-block-5 { padding-top: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); } .u-padding-block-6 { padding-top: var(--_spacing---space--6); padding-bottom: var(--_spacing---space--6); } .u-padding-block-7 { padding-top: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--7); } .u-padding-block-8 { padding-top: var(--_spacing---space--8); padding-bottom: var(--_spacing---space--8); } .u-padding-block-small { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .u-padding-block-main { padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); } .u-padding-block-large { padding-top: var(--_spacing---section-space--large); padding-bottom: var(--_spacing---section-space--large); } .u-padding-inline-sitemargin { padding-right: var(--site--margin); padding-left: var(--site--margin); } .u-padding-inline-gutter { padding-right: var(--site--gutter); padding-left: var(--site--gutter); } .u-padding-inline-0 { padding-left: 0; padding-right: 0; } .u-padding-inline-1 { padding-right: var(--_spacing---space--1); padding-left: var(--_spacing---space--1); } .u-padding-inline-2 { padding-right: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .u-padding-inline-3 { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .u-padding-inline-4 { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .u-padding-inline-5 { padding-right: var(--_spacing---space--5); padding-left: var(--_spacing---space--5); } .u-padding-inline-6 { padding-right: var(--_spacing---space--6); padding-left: var(--_spacing---space--6); } .u-padding-inline-7 { padding-right: var(--_spacing---space--7); padding-left: var(--_spacing---space--7); } .u-padding-inline-8 { padding-right: var(--_spacing---space--8); padding-left: var(--_spacing---space--8); } .u-padding-top-sitemargin { padding-top: var(--site--margin); } .u-padding-top-gutter { padding-top: var(--site--gutter); } .u-padding-top-0 { padding-top: 0; } .u-padding-top-1 { padding-top: var(--_spacing---space--1); } .u-padding-top-2 { padding-top: var(--_spacing---space--2); } .u-padding-top-3 { padding-top: var(--_spacing---space--3); } .u-padding-top-4 { padding-top: var(--_spacing---space--4); } .u-padding-top-5 { padding-top: var(--_spacing---space--5); } .u-padding-top-6 { padding-top: var(--_spacing---space--6); } .u-padding-top-7, .u-padding-top-8 { padding-top: var(--_spacing---space--7); } .u-padding-top-small { padding-top: var(--_spacing---section-space--small); } .u-padding-top-main { padding-top: var(--_spacing---section-space--main); } .u-padding-top-large { padding-top: var(--_spacing---section-space--large); } .u-padding-bottom-sitemargin { padding-bottom: var(--site--margin); } .u-padding-bottom-gutter { padding-bottom: var(--site--gutter); } .u-padding-bottom-0 { padding-bottom: 0; } .u-padding-bottom-1 { padding-bottom: var(--_spacing---space--1); } .u-padding-bottom-2 { padding-bottom: var(--_spacing---space--2); } .u-padding-bottom-3 { padding-bottom: var(--_spacing---space--3); } .u-padding-bottom-4 { padding-bottom: var(--_spacing---space--4); } .u-padding-bottom-5 { padding-bottom: var(--_spacing---space--5); } .u-padding-bottom-6 { padding-bottom: var(--_spacing---space--6); } .u-padding-bottom-7 { padding-bottom: var(--_spacing---space--7); } .u-padding-bottom-8 { padding-bottom: var(--_spacing---space--8); } .u-padding-bottom-small { padding-bottom: var(--_spacing---section-space--small); } .u-padding-bottom-main { padding-bottom: var(--_spacing---section-space--main); } .u-padding-bottom-large { padding-bottom: var(--_spacing---section-space--large); } .u-padding-left-sitemargin { padding-left: var(--site--margin); } .u-padding-left-gutter { padding-left: var(--site--gutter); } .u-padding-left-0 { padding-left: 0; } .u-padding-left-1 { padding-left: var(--_spacing---space--1); } .u-padding-left-2 { padding-left: var(--_spacing---space--2); } .u-padding-left-3 { padding-left: var(--_spacing---space--3); } .u-padding-left-4 { padding-left: var(--_spacing---space--4); } .u-padding-left-5 { padding-left: var(--_spacing---space--5); } .u-padding-left-6 { padding-left: var(--_spacing---space--6); } .u-padding-left-7 { padding-left: var(--_spacing---space--7); } .u-padding-left-8 { padding-left: var(--_spacing---space--8); } .u-padding-right-sitemargin { padding-right: var(--site--margin); } .u-padding-right-gutter { padding-right: var(--site--gutter); } .u-padding-right-0 { padding-right: 0; } .u-padding-right-1 { padding-right: var(--_spacing---space--1); } .u-padding-right-2 { padding-right: var(--_spacing---space--2); } .u-padding-right-3 { padding-right: var(--_spacing---space--3); } .u-padding-right-4 { padding-right: var(--_spacing---space--4); } .u-padding-right-5 { padding-right: var(--_spacing---space--5); } .u-padding-right-6 { padding-right: var(--_spacing---space--6); } .u-padding-right-7 { padding-right: var(--_spacing---space--7); } .u-padding-right-8 { padding-right: var(--_spacing---space--8); } .styleguide_subheading { margin-bottom: 0; } .styleguide_card_wrap { padding: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); flex-flow: column; justify-content: space-between; align-items: flex-start; height: 100%; display: flex; position: relative; overflow: hidden; } .styleguide_footer { border-top: var(--border-width--main) solid var(--_theme---border); text-align: center; } .tag_wrap { border-radius: var(--radius--small); background-color: var(--_theme---text); color: var(--_theme---background); line-height: var(--_typography---line-height--small); text-align: center; min-width: 4rem; padding: .5rem .75rem; display: inline-block; } .styleguide_font_item { padding-top: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); border-bottom: var(--border-width--main) solid var(--_theme---border); flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: flex-start; display: flex; } .form_main_label_wrap { text-align: left; width: 100%; } .form_main_wrap { width: 100%; margin-bottom: 0; } .form_main_success_wrap { border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); background-color: var(--swatch--transparent); padding: 1.2rem; } .form_main_layout { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; display: flex; } .form_main_error_wrap { border: var(--border-width--main) solid var(--_theme---border); background-color: #0000; margin-top: 0; padding: .8rem 1.4rem; } .form_main_field { border-top: 0 solid #000; border-bottom-style: solid; border-right: 0 solid #000; border-bottom-width: var(--border-width--main); border-bottom-color: var(--_theme---border); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); color: inherit; text-transform: var(--_text-style---text-transform, none); background-color: #0000; border-left: 0 solid #000; border-radius: 0; outline-style: none; width: 100%; height: 3rem; margin-bottom: 0; padding: 0; display: block; } .form_main_field:focus { border-bottom-color: var(--_theme---text); } .form_main_field::placeholder { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .form_main_field.is-textarea { width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: 5rem; max-height: 10rem; padding-top: .5rem; } .button_main_wrap { border: var(--border-width--main) solid var(--_button-style---border); border-radius: var(--radius--round); background-color: var(--_button-style---background); color: var(--_button-style---text); text-align: center; vertical-align: middle; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; padding: .6rem 1.5rem .75rem; line-height: 1; transition: border-color .3s, color .3s, background-color .3s; display: inline-flex; position: relative; } .button_main_wrap:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .button_main_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .button_main_text { z-index: 1; line-height: inherit; position: relative; } .button_toggle_wrap { aspect-ratio: 1; border: var(--border-width--main) solid var(--_button-style---border); border-radius: var(--radius--round); background-color: var(--_button-style---background); color: var(--_button-style---text); vertical-align: middle; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; width: 5rem; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; } .button_toggle_wrap:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57), .button_toggle_wrap:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .button_toggle_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .button_toggle_icon { aspect-ratio: 1; width: 36%; position: relative; } .page_wrap { flex-flow: column; min-height: 100svh; display: flex; overflow: clip; } .page_main { flex-flow: column; flex: 1; display: flex; } .styleguide_group { padding-top: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); flex-flow: column; display: flex; } .styleguide_visual { padding: var(--_spacing---space--1); aspect-ratio: 3 / 1.5; border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--small); text-align: center; flex-flow: column; justify-content: center; align-items: center; width: 100%; max-height: 7rem; display: flex; position: relative; overflow: hidden; } .styleguide_icon { width: 3rem; height: 3rem; } .hero_utility-page_wrap { text-align: center; flex-flow: column; justify-content: center; align-items: center; height: 100svh; display: flex; } .hero_utility-page_contain.u-container { align-content: center; min-height: 100vh; } .hero_utility-page_content { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; max-width: 26rem; margin-left: auto; margin-right: auto; display: flex; } .styleguide_contain { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .guide_wrap { z-index: 2000; pointer-events: none; display: none; position: fixed; inset: 0% 0% auto; overflow: hidden; } .guide_layout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: 1fr; grid-template-columns: repeat(var(--site--column-count), minmax(0, 1fr)); display: grid; } .guide_column { color: #8a8a8a80; background-color: #9292920f; flex-flow: column; justify-content: flex-end; align-items: center; height: 100vh; padding-top: .6rem; padding-bottom: .6rem; display: flex; } .eyebrow_wrap { justify-content: var(--_alignment---direction, start); display: flex; } .eyebrow_marker { width: var(--border-width--main); background-color: currentColor; flex: none; padding-bottom: 0; padding-right: 0; } .eyebrow_text { margin-top: 0; margin-bottom: 0; } .overlay_wrap { background-color: #000; } .styleguide_list { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); flex-flow: column; align-items: stretch; display: flex; } .styleguide_card_visual { border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); opacity: .1; pointer-events: none; background-color: currentColor; width: 100%; min-width: 3rem; min-height: 3rem; padding: 0; } .styleguide_flex_wrap { aspect-ratio: 1; background-image: url('../images/dots.svg'); background-position: 50%; background-repeat: no-repeat; background-size: 88%; flex-flow: column; width: 100%; display: flex; container-type: inline-size; } .styleguide_flex_dot { opacity: .1; pointer-events: none; background-color: currentColor; border-radius: 100vw; min-width: 16cqw; min-height: 16cqw; padding: 0; } .styleguide_scroll { padding-right: var(--site--margin); padding-left: var(--site--margin); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); margin-left: calc(var(--site--margin) * -1); scrollbar-color: var(--_theme---text) transparent; margin-right: calc(var(--site--margin) * -1); grid-template-rows: auto; grid-template-columns: minmax(16rem, 1fr); grid-auto-columns: minmax(16rem, 1fr); grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; display: grid; overflow: auto clip; -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); } .styleguide_section { padding-top: var(--_spacing---space--8); } .clickable_wrap { z-index: 3; border-radius: inherit; } .clickable_link { border-radius: inherit; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .clickable_btn { border-radius: inherit; width: 100%; height: 100%; display: none; position: absolute; inset: 0%; } .styleguide_layout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--8); --_column-count---value: 12; flex-flow: column; grid-auto-columns: 1fr; align-items: start; } .styleguide_content { grid-column: 1 / span 8; width: 100%; } .styleguide_nav_wrap { border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); border-bottom-left-radius: var(--radius--small); border-bottom-right-radius: var(--radius--small); top: var(--site--margin); max-height: calc(100svh - var(--site--margin) * 2); order: 1; grid-column: 10 / -1; width: 100%; padding: 1rem; position: sticky; overflow: clip auto; } .styleguide_nav_list { border-left: var(--border-width--main) solid var(--_theme---border); } .styleguide_nav_item { margin-left: calc(var(--border-width--main) * -.5); } .styleguide_nav_link { outline-offset: var(--focus--offset-inner); padding-top: .125rem; padding-bottom: .125rem; padding-left: .75rem; display: block; } .styleguide_nav_link.w--current { border-left-style: solid; border-left-width: var(--border-width--main); border-left-color: currentColor; } .styleguide_nav_sub_list { overflow: hidden; } .styleguide_nav_sub_link { opacity: .6; outline-offset: var(--focus--offset-inner); padding: .125rem 1.1rem; line-height: 1.3em; display: block; } .styleguide_nav_sub_link:hover, .styleguide_nav_sub_link.w--current { opacity: 1; } .styleguide_nav_sub_wrap { grid-template-rows: 0fr; grid-template-columns: minmax(0, 1fr); transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: grid; } .button_toggle_pause { opacity: 0; display: block; } .button_toggle_play { display: block; } .eyebrow_layout { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); vertical-align: baseline; display: inline-flex; } .styleguide_card_inner { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: wrap; place-content: center; align-items: center; width: 100%; display: flex; } .styleguide_card_hidden { display: none; } .hero_utility-page_header { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); flex-flow: column; justify-content: center; align-items: center; display: flex; } .form_main_radio_input { z-index: 2; cursor: pointer; -webkit-appearance: none; appearance: none; outline-style: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .form_main_fieldset_wrap { width: 100%; } .form_main_radio_circle_wrap { aspect-ratio: 1; border: var(--border-width--main) solid var(--_theme---border); border-radius: 100vw; flex: none; justify-content: center; align-items: center; width: 1.5rem; padding: 0; display: flex; } .form_main_radio_label { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); font-weight: inherit; justify-content: flex-start; align-items: center; margin-bottom: 0; display: flex; position: relative; } .form_main_radio_circle_inner { aspect-ratio: 1; opacity: 0; background-color: currentColor; border-radius: 100vw; width: 80%; padding: 0; } .form_main_fieldset_list { margin-top: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .form_main_checkbox_label { grid-column-gap: .5rem; grid-row-gap: .5rem; font-weight: inherit; justify-content: flex-start; align-items: center; margin-bottom: 0; display: flex; position: relative; } .form_main_checkbox_input { z-index: 2; cursor: pointer; -webkit-appearance: none; appearance: none; outline-style: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .form_main_checkbox_box { aspect-ratio: 1; border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--small); flex: none; justify-content: center; align-items: center; width: 1.6rem; padding: 0; display: flex; } .form_main_checkbox_icon { opacity: 0; color: var(--_theme---background); width: 63%; overflow: visible !important; } .background_wrap:where(.w-variant-cd5f9287-5b9f-b1bf-cfe9-3449eb06f297) { background-color: var(--_theme---background); } .background_wrap:where(.w-variant-eb0f2029-84f7-ce58-38ea-0afc3f5a3171) { background-color: var(--_theme---background-2); } .form_main_select_wrap { border-radius: 0; justify-content: flex-end; align-items: center; display: flex; position: relative; } .form_main_select_icon { pointer-events: none; width: .8em; margin-right: 0; display: block; position: absolute; overflow: visible !important; } .section_wrap { background-color: #0000; } .section_wrap:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--light-100); --_theme---text: var(--swatch--dark-900); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-2: var(--swatch--light-200); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); } .section_wrap:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-100); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-2: var(--swatch--dark-800); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); } .section_wrap:where(.w-variant-bb2c68bd-fd74-aa1e-69b0-e84595dd4ec8) { --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-text); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---background-2: var(--swatch--brand-600); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); } .button_link_wrap { color: var(--_theme---text-link--text); padding-top: .5em; padding-bottom: .5em; display: inline-flex; position: relative; } .button_link_wrap:hover { border-bottom-color: var(--_theme---text-link--border-hover); color: var(--_theme---text-link--text-hover); } .button_link_text { z-index: 1; position: relative; } .slider_bullet_list { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); justify-content: flex-start; align-items: center; display: flex; width: auto !important; } .swiper-wrapper { display: flex; } .slider_bullet_item { aspect-ratio: 1; border: .09rem solid var(--_theme---border); background-color: #eee0; border-radius: 100vw; width: 1rem; min-width: 0; padding: 0; } .slider_bullet_item.is-active { border-color: var(--_theme---text); background-color: var(--_theme---text); } .slider_wrap { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: column; display: flex; container-type: inline-size; } .slider_offset { margin-left: calc(var(--_gap---size) * -.5); margin-right: calc(var(--_gap---size) * -.5); flex: 1; display: flex; } .slider_list { height: 100%; } .slider_list.swiper-wrapper { display: flex; } .slider_controls { margin-top: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: wrap; place-content: center space-between; align-items: center; display: flex; } .slider_button_layout { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .slider_element.swiper { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; overflow: visible; } .slider_element.swiper:where(.w-variant-bfb8c45c-dbfa-13cc-2dfc-0c02a34504e4) { overflow: hidden; } .slider_element.swiper:where(.w-variant-b8ee48da-439e-7156-5d2e-5b4f080e200e) { -webkit-clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); } .card_primary_wrap { display: flex; } .card_primary_inner { padding: var(--_spacing---space--4); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); width: 100%; position: relative; } .button_arrow_wrap { aspect-ratio: 1; border: var(--border-width--main) solid var(--_button-style---border); border-radius: var(--radius--round); background-color: var(--_button-style---background); color: var(--_button-style---text); vertical-align: middle; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; width: 3rem; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; } .button_arrow_wrap:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57), .button_arrow_wrap:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .button_arrow_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .button_arrow_icon { aspect-ratio: 1; width: 36%; position: relative; } .accordion_js { display: none; } .accordion_toggle_icon { aspect-ratio: 1; flex: none; width: 1.4rem; } .accordion_content_wrap { width: 100%; display: none; position: relative; overflow: hidden; } .accordion_content_padding { padding-bottom: var(--_spacing---space--5); } .accordion_component { border-bottom: var(--border-width--main) solid var(--_theme---border); } .accordion_toggle_heading { margin-top: 0; margin-bottom: 0; } .accordion_toggle_button { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); outline-offset: var(--focus--offset-inner); justify-content: space-between; align-items: center; width: 100%; display: flex; } .nav_links_svg { flex: none; width: 1rem; margin-left: auto; transition-property: transform; transition-duration: .2s; transition-timing-function: ease; overflow: visible !important; } .nav_mobile_contain { max-width: var(--nav--max-width); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); margin-left: auto; margin-right: auto; } .nav_banner_close_wrap { outline-offset: var(--focus--offset-inner); flex: none; justify-content: center; align-items: center; width: 100%; padding: 0; display: flex; outline-color: var(--_theme---background) !important; } .nav_links_wrap { flex: 1; } .nav_links_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { flex-flow: row; justify-content: flex-end; align-items: stretch; display: flex; } .nav_banner_wrap { z-index: 1; background-color: var(--_theme---text); pointer-events: auto; color: var(--_theme---background); font-size: var(--text-small--font-size); height: var(--nav--banner-height); position: relative; } .nav_links_item { display: flex; } .nav_dropdown_mega_content { position: relative; } .nav_dropdown_mega_content:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { border-radius: var(--nav--radius); background-color: var(--_theme---nav--background); } .nav_dropdown_mega_contain { width: 100%; margin-left: auto; margin-right: auto; position: relative; } .nav_dropdown_mega_contain:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding-top: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--8); } .nav_dropdown_main_scroll:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { border-top-left-radius: var(--nav--radius); border-top-right-radius: var(--nav--radius); border-bottom-left-radius: var(--nav--radius); border-bottom-right-radius: var(--nav--radius); background-color: var(--_theme---nav--background); max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); position: relative; overflow-x: hidden; overflow-y: auto !important; } .nav_component { z-index: 99; pointer-events: none; background-color: #0000; position: relative; inset: 0% 0% auto; container-type: inline-size; } .nav_dropdown_main_wrap { background-color: #0000; min-width: 0; position: relative; } .nav_dropdown_main_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding-top: var(--_spacing---space--1); width: 10rem; position: absolute; } .nav_dropdown_backdrop { z-index: 0; opacity: 0; pointer-events: none; background-color: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent); width: 100%; height: 100svh; display: none; position: absolute; inset: 0%; } .nav_search_field { font-size: inherit; color: inherit; background-color: #0000; border-style: none; border-width: 0; border-radius: 0; width: 100%; min-width: 0; max-width: 100%; height: 2.9em; margin-bottom: 0; padding: 0 0; } .nav_search_field::placeholder { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .nav_dropdown_mega_layout { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); } .nav_dropdown_mega_layout:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--6); grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); grid-auto-columns: 1fr; display: grid; } .nav_desktop_layout { height: var(--nav--height); grid-column-gap: var(--_spacing---space--3); border-radius: var(--nav--radius); background-color: var(--_theme---nav--background); pointer-events: auto; justify-content: space-between; width: 100%; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; display: flex; position: static; } .nav_dropdown_component { z-index: unset; width: 100%; height: 100%; margin-left: 0; margin-right: 0; position: static; } .nav_dropdown_link { z-index: 2; padding-top: var(--_spacing---space--1); padding-right: 0; padding-bottom: var(--_spacing---space--1); grid-column-gap: var(--_spacing---space--2); cursor: pointer; color: inherit; font-size: var(--text-small--font-size); flex: 1; justify-content: flex-start; align-items: center; width: 100%; padding-left: 0; display: flex; position: relative; outline-offset: var(--focus--offset-inner) !important; } .nav_dropdown_link:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-bottom-color: var(--_theme---border); padding-left: calc(var(--_spacing---space--6) / 2); padding-right: calc(var(--_spacing---space--6) / 2); font-size: inherit; display: block; } .nav_mobile_menu_wrap { max-width: var(--nav--max-width); padding-top: var(--nav--height); border-top-left-radius: var(--nav--radius); border-top-right-radius: var(--nav--radius); border-bottom-left-radius: var(--nav--radius); border-bottom-right-radius: var(--nav--radius); background-color: var(--_theme---nav--background); pointer-events: auto; text-align: left; width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); margin-left: auto; margin-right: auto; inset: 0% 0% auto; transform: none !important; } .nav_links_search_icon { width: 1.1rem; } .nav_dropdown_text { transition: opacity .1s; } .nav_button_line { height: var(--nav--hamburger-thickness); background-color: currentColor; flex: none; width: 100%; transition-property: all; transition-duration: .2s; transition-timing-function: ease; } .nav_mobile_layout { z-index: 2; height: var(--nav--height); padding: 0px var(--nav--spacing-inner-horizontal); grid-column-gap: var(--_spacing---space--3); border-radius: var(--radius--small); background-color: var(--_theme---nav--background); pointer-events: auto; justify-content: space-between; width: 100%; margin-left: auto; margin-right: auto; display: flex; position: relative; } .nav_menu_backdrop { z-index: 0; opacity: 0; pointer-events: none; background-color: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent); width: 100%; height: 100svh; display: block; position: absolute; inset: 0%; } .nav_banner_close_svg { width: 100%; overflow: visible !important; } .nav_screen-reader-text { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .nav_buttons_item { z-index: 2; text-align: center; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; position: relative; } .nav_buttons_item.is-main { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--3); } .nav_buttons_item.is-main:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin-top: 0; margin-bottom: 0; margin-left: var(--_spacing---space--3); } .nav_links_link { z-index: 2; padding-top: var(--_spacing---space--2); padding-right: 0; padding-bottom: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--2); cursor: pointer; color: inherit; flex: 1; justify-content: flex-start; align-items: center; width: 100%; padding-left: 0; display: flex; position: relative; outline-offset: var(--focus--offset-inner) !important; } .nav_links_link:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding: 0px var(--_spacing---space--3); height: 100%; } .nav_desktop_menu_wrap { z-index: 1; flex: 1; display: flex; } .nav_mobile_wrap { z-index: 1; margin-top: var(--nav--spacing-outer-vertical); background-color: #0000; display: none; position: relative; } .nav_banner_svg { width: 1rem; overflow: visible !important; } .nav_banner_link { grid-column-gap: var(--_spacing---space--2); grid-column-start: 2; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; outline-offset: var(--focus--offset-inner) !important; outline-color: var(--_theme---background) !important; } .nav_button_wrap { z-index: 2; flex: none; width: 2rem; padding: 0; outline-width: var(--focus--width) !important; outline-color: var(--_theme---text) !important; outline-offset: var(--focus--offset-inner) !important; } .nav_button_wrap.w--open { color: inherit; background-color: #0000; } .nav_search_label { width: 100%; } .nav_mobile_logo { z-index: 2; outline-offset: var(--focus--offset-inner); justify-content: flex-start; align-items: center; width: 6rem; display: flex; position: relative; } .nav_skip_wrap { z-index: 2; border-width: var(--border-width--main); border-radius: var(--nav--radius); background-color: var(--_theme---background); outline-offset: var(--focus--offset-inner); pointer-events: auto; color: var(--_theme---text); margin: .5rem; padding: .5rem; position: absolute; inset: 0% auto auto 0%; transform: translate(-200%); } .nav_skip_wrap:focus { transform: translate(0%); } .nav_button_layout { grid-column-gap: var(--nav--hamburger-gap); grid-row-gap: var(--nav--hamburger-gap); flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; } .nav_actions_wrap { flex-flow: column; flex: none; display: flex; } .nav_actions_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { flex-flow: row; justify-content: flex-start; } .nav_search_btn_icon { width: 1.1rem; overflow: visible !important; } .nav_links_component { grid-column-gap: var(--_spacing---space--3); flex-flow: column; flex: 1; display: flex; } .nav_links_component:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { flex-flow: row; display: flex; } .nav_dropdown_mega_scroll { position: relative; } .nav_dropdown_mega_scroll:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin-top: var(--nav--height); padding-right: var(--nav--spacing-inner-horizontal); padding-left: var(--nav--spacing-inner-horizontal); max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); overflow: hidden auto; } .nav_banner_contain { grid-column-gap: var(--_spacing---space--4); grid-template-rows: auto; grid-template-columns: minmax(1.1rem, 1.1rem) minmax(0, 1fr) minmax(1.1rem, 1.1rem); grid-auto-columns: 1fr; width: 100%; height: 100%; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; display: grid; } .nav_dropdown_mega_wrap { z-index: 1; background-color: #0000; width: 100%; position: relative; inset: 0% auto auto 0%; } .nav_dropdown_mega_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { max-width: var(--nav--max-width); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); min-width: 0; margin-left: auto; margin-right: auto; position: absolute; inset: 0% 0% auto; } .nav_mobile_menu_contain { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--8); } .nav_search_btn_wrap { outline-offset: var(--focus--offset-inner); justify-content: center; align-items: center; margin-left: -1rem; padding-left: 1rem; padding-right: 1rem; display: flex; } .nav_mobile_menu_scroll { padding-right: var(--nav--spacing-inner-horizontal); padding-left: var(--nav--spacing-inner-horizontal); max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); overflow: hidden auto; } .nav_links_locales_hide { display: none; } .nav_search_wrap { border-bottom: var(--border-width--main) solid var(--_theme---border); display: flex; } .nav_desktop_wrap { z-index: 1; margin-top: var(--_spacing---space--2); background-color: #0000; display: flex; position: relative; } .nav_desktop_contain { max-width: var(--max-width--full); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); margin-left: auto; margin-right: auto; } .nav_desktop_logo { z-index: 2; outline-offset: var(--focus--offset-inner); justify-content: flex-start; align-items: center; width: 6rem; display: flex; position: relative; } .preloader { z-index: 9999; pointer-events: none; width: 100%; height: 100vh; display: none; position: fixed; inset: 0%; } .preloader-slide { background-color: var(--swatch--dark-900); width: 100%; height: 50%; } .preload-slide--wrapper { z-index: 2; width: 100%; height: 100%; position: relative; } .preload-text--wrapper { background-color: var(--swatch--light-100); justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; inset: 0%; } .preload-text--list { flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; margin-left: auto; margin-right: auto; padding-top: 1em; padding-bottom: 1em; position: relative; overflow: hidden; } .preload-txt--item { justify-content: center; align-items: center; display: inline-flex; position: absolute; inset: 0%; } .brand-logo { color: inherit; width: 5em; } .brand-logo-wrapper { justify-content: flex-start; align-items: center; width: 100%; height: 100%; display: flex; } .container { justify-content: space-between; align-items: center; width: 100%; display: flex; } .navbar-wrapper { justify-content: space-between; align-items: center; display: flex; } .navigation-btn--wrapper { justify-content: flex-end; align-items: center; width: 100%; display: flex; } .header-section { max-width: var(--max-width--full); grid-column-gap: 7em; grid-row-gap: 7em; width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); flex-flow: column; justify-content: flex-start; align-items: center; height: auto; margin-top: 20svh; margin-left: auto; margin-right: auto; display: flex; } .header-section.article { grid-column-gap: 1em; grid-row-gap: 1em; flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-top: 15svh; display: grid; } .txt--wrapper { grid-column-gap: 2em; grid-row-gap: 2em; flex-flow: column; justify-content: flex-start; align-items: center; width: 80%; display: flex; } .txt--wrapper.article { grid-column-gap: 3em; grid-row-gap: 3em; justify-content: flex-start; align-items: flex-start; width: 90%; } .spline-wrapper { justify-content: flex-end; align-items: center; width: 50vw; height: 50vh; display: flex; } .spline { object-fit: contain; width: 100%; height: 100%; display: none; } .bg-video { width: 100%; height: 100%; display: none; } .header-img { object-fit: contain; height: 100%; } .header-img--cont { width: 100%; height: 100%; } .folio-card--wrapper { width: 100%; height: 100%; display: flex; } .folio-card--grid { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .folio-card--cont { border-radius: var(--radius--small); } .folio-card--cont.grid, .folio-card--cont.grid-2 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .case-link { border-radius: var(--radius--main); width: 100%; height: 100%; position: relative; overflow: hidden; } .case-link._1 { position: relative; overflow: hidden; } .case-link.four { background-color: var(--swatch--brand-text); } .case-link.second { background-color: var(--swatch--brand-900); } .case-link._5 { position: relative; } .case-link.about { height: 760px; } .image { height: 100%; position: absolute; inset: 0%; } .image.is-one { z-index: 5; } .image.is-two { z-index: 4; } .image.is-three { z-index: 3; } .image.is-four { z-index: 2; z-index: 2; } .image.header-card--black { overflow: visible; transform: translate(129px, 165px); } .inside-case--link { z-index: 2; grid-column-gap: 1em; grid-row-gap: 1em; color: var(--swatch--light-200); flex-flow: column; justify-content: space-between; align-items: flex-start; width: 100%; height: 100%; padding: 1.5em; display: flex; position: relative; } .inside-case--link._2 { grid-column-gap: 0em; grid-row-gap: 0em; color: var(--swatch--dark-900); padding-right: 6rem; } .inside-case--link._6 { grid-column-gap: 1em; grid-row-gap: 1em; color: var(--swatch--brand-900); justify-content: flex-end; align-items: flex-start; } .percentual-cont { grid-column-gap: 1em; grid-row-gap: 1em; border-radius: var(--radius--small); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .percentual-cont._2 { z-index: 2; background-color: var(--swatch--brand-500); color: var(--swatch--dark-800); justify-content: center; align-items: flex-start; } .card-folio--img { flex: 1; width: 100%; height: 100%; position: relative; } .card-folio--img.large-card { position: absolute; inset: 0%; } .card-folio--img.large-card.grey { background-color: #ebebeb; } .card-txt--wrapper { flex-flow: row; justify-content: flex-start; align-items: stretch; width: 100%; padding: 0; display: flex; } .card-tag--wrapper { grid-column-gap: .5em; grid-row-gap: .5em; justify-content: flex-start; align-items: flex-start; padding: 1em; display: flex; position: absolute; inset: 0% auto auto 0%; } .card-tag--wrapper.large-card, .card-tag--wrapper.folio { padding: 0; position: relative; } .card-tag--cont { border-radius: var(--radius--round); color: var(--swatch--light-200); background-color: #1f1d1e9c; justify-content: center; align-items: center; height: 1.5em; padding: .5em; display: flex; } .card-tag--cont:where(.w-variant-bd1390c4-4c08-4ccc-2ace-0a5835b28ef9) { color: var(--swatch--dark-900); background-color: #f0f0f0; } .card-txt--cont { grid-column-gap: 1em; grid-row-gap: 1em; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 2em; display: flex; } .path { background-color: var(--swatch--brand-500); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 49.75% 25%, 0% 49.75%); clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 49.75% 25%, 0% 49.75%); width: 100%; height: 9em; position: relative; top: -33px; } .percentual-wrapper { width: 7vw; display: none; position: absolute; inset: 0% 1.5em auto auto; } .precentual-with-txt { background-color: var(--swatch--brand-500); width: 30%; height: 100%; padding-top: 2em; padding-bottom: 2em; } .header-work--loop { grid-column-gap: 2em; grid-row-gap: 2em; flex-flow: column; justify-content: space-between; align-items: center; display: flex; } .marquee { justify-content: flex-start; align-items: center; width: 100%; display: flex; overflow: hidden; } .marquee_track { flex: none; justify-content: flex-start; align-items: flex-start; width: 100vw; display: flex; } .marquee_list, .marquee_flex { justify-content: flex-start; align-items: flex-start; display: flex; } .marquee_item { flex: none; width: 34em; margin-right: 2em; } .marquee_img-wrap { border-radius: var(--radius--small); width: 34em; height: 400px; margin-right: 2em; overflow: hidden; } .marque_img-cont { width: 100%; position: relative; } .marque_track-list { justify-content: flex-start; align-items: flex-start; display: flex; } .hide { display: none; } .large-card--head { grid-column-gap: 1em; grid-row-gap: 1em; justify-content: space-between; align-items: flex-start; width: 100%; display: flex; } .about-card--wrapper { max-width: var(--max-width--main); width: 100%; height: 100%; } .spacer-sm-end { padding-bottom: 2.25rem; } .call-btn--icon { color: #effe53; background-color: #1e1e1e; border-radius: 4px; justify-content: center; align-items: center; width: 30px; height: 30px; padding: .5em; display: flex; } .column-scroll-sticky { width: 100%; height: 100svh; position: sticky; top: 0; } .column-scroll-content-wrapper { z-index: 2; width: 66.66vw; min-height: 100vh; margin-top: -260vh; padding-bottom: 20vh; padding-right: 7rem; position: relative; } .btn-wrapper { flex-direction: column; justify-content: center; align-items: center; position: relative; } .p-60ch { max-width: 30ch; } .column-scroll-sticky-inner { width: 100vw; height: 100%; position: absolute; inset: 0% 0% 0% auto; overflow: hidden; } .u-text-style-h4-2 { letter-spacing: 0; ---mode--collection-d6106ff0-c0e1-5459-423a-d7e3a44070a5: mode-f573562d-abfe-a445-157e-2ff8aa9b7d73; text-transform: var(--_text-style---text-transform, none); text-wrap: pretty; font-size: clamp(1rem, .964286rem + .178571vw, 1.125rem); font-weight: 400; display: flow-root; } .services-title { max-width: var(--max-width--full); grid-column-gap: 8em; grid-row-gap: 8em; width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); justify-content: space-between; align-items: flex-end; margin-left: auto; margin-right: auto; display: flex; } .column-scroll-item { box-shadow: none; background-color: #f8f7f6; background-image: none; background-size: auto; flex: none; justify-content: center; align-items: center; width: 33.3333vw; height: 100%; display: flex; position: absolute; inset: 0% auto 0% 0%; } .column-scroll-item.is-1 { background-image: none; } .column-scroll-item.is-2 { margin-left: auto; margin-right: auto; top: auto; right: 0; } .column-scroll-item.is-3 { inset: 0% 0% 0% auto; } .column-scroll-wrapper { height: 390svh; position: relative; } .u-text-style-main-2 { letter-spacing: 0; text-transform: var(--_text-style---text-transform, none); text-wrap: pretty; font-family: Lato, sans-serif; display: flow-root; } .section-3-column-scroll { width: 100vw; } .page-padding { grid-column-gap: 20vh; grid-row-gap: 20vh; flex-flow: column; padding-left: 3%; padding-right: 3%; display: flex; } .column-scroll-content-copy { width: 100%; max-width: 38rem; margin-top: 1em; } .img-txt--cont { grid-column-gap: 1em; grid-row-gap: 1em; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 2em; display: flex; position: absolute; inset: auto 0% 0%; } .u-text-style-h6-2 { letter-spacing: 0; ---mode--collection-d6106ff0-c0e1-5459-423a-d7e3a44070a5: mode-c9345ae7-c304-bdf4-0e41-d2ecd312c02f; text-transform: var(--_text-style---text-transform, none); text-wrap: pretty; font-size: clamp(1rem, .964286rem + .178571vw, 1.125rem); font-weight: 400; display: flow-root; } .section-services { z-index: 3; grid-column-gap: 5em; grid-row-gap: 5em; flex-flow: column; justify-content: flex-start; align-items: stretch; height: 410svh; margin-left: auto; margin-right: auto; padding-top: 4rem; padding-bottom: 8rem; display: flex; position: relative; } .column-scroll-content { grid-column-gap: 1.5em; grid-row-gap: 1.5em; flex-flow: column; padding-top: 4.5rem; display: flex; } .u-text-style-h2-2 { letter-spacing: 0; ---mode--collection-d6106ff0-c0e1-5459-423a-d7e3a44070a5: mode-9194f0c6-c7b1-703e-a84c-14dafbdf93ff; text-transform: var(--_text-style---text-transform, none); text-wrap: pretty; font-size: clamp(1rem, .964286rem + .178571vw, 1.125rem); font-weight: 400; display: flow-root; } .column-scroll-image { object-fit: contain; width: 70%; height: 100%; } .call-card--cta { grid-column-gap: .5em; grid-row-gap: .5em; color: #142028; text-transform: uppercase; border: 1px solid #818181; border-radius: 6px; justify-content: space-between; align-items: center; padding: .2em .2em .2em .5em; text-decoration: none; transition: all .2s; display: inline-flex; } .call-card--cta:hover { color: #142028; background-color: #effe53; border-color: #81818100; } .u-text-style-h1-2 { letter-spacing: .01em; ---mode--collection-d6106ff0-c0e1-5459-423a-d7e3a44070a5: mode-e50a1a4e-8a8e-3fbf-3c6d-105e8e8aba20; ---mode--collection-a082a4b7-5828-28bf-3601-d5b335fa010e: base; text-transform: var(--_text-style---text-transform, none); text-wrap: pretty; font-size: clamp(3rem, 1.77143rem + 6.14286vw, 7.3rem); font-weight: 400; display: flow-root; } .overflow-hidden { flex-flow: column; } .overflow-hidden.right { align-self: flex-end; overflow: visible; } .section-work { max-width: var(--max-width--full); grid-column-gap: 8em; grid-row-gap: 8em; width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); flex-flow: column; justify-content: flex-start; align-items: flex-start; margin-left: auto; margin-right: auto; padding-top: 6svh; display: flex; } .work-card--wrapper { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: flex; } .work-card--cont { min-height: 40vh; } .work-card--cont._4 { min-height: 560px; } .section-process { max-width: var(--max-width--main); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); height: 200vh; margin-left: auto; margin-right: auto; position: relative; } .process-card--wrapper { grid-column-gap: 0em; grid-row-gap: 0em; flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; position: sticky; top: 7%; } .u-text-style-h2-3 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .process-card--cont { grid-column-gap: 0em; grid-row-gap: 0em; justify-content: center; align-items: center; margin-top: 8em; padding-left: 2em; padding-right: 2em; display: flex; } .process-card { border-radius: var(--radius--small); background-color: #f8f7f6; flex-flow: column; justify-content: space-between; align-items: stretch; width: 25vw; height: 55vh; padding: 2em; display: flex; position: relative; transform: translate(0, 40px)rotate(1.193deg); box-shadow: -2px 2px 6px #0003; } .process-card.rotate1 { transform: translate(40px)rotate(-2.4deg); } .process-card.rotate2 { transform: translate(-40px, 60px)rotate(.6777deg); } .process-card.rotate3 { transform: translate(-60px, 40px)rotate(4deg); } .p-card-img--wrapper { z-index: 2; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; } .process-icon { width: 10vw; } .p-card-txt--wrapper { z-index: 2; grid-column-gap: 1em; grid-row-gap: 1em; flex-flow: column; display: flex; position: relative; } .u-text-style-h4-3 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-small-2 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .section-faq { z-index: 4; grid-column-gap: 8em; grid-row-gap: 8em; flex-flow: column; width: 100%; margin-left: auto; margin-right: auto; padding: 8em 4em 6em; display: flex; position: relative; } .faq-cont--wrapper { grid-column-gap: 5em; grid-row-gap: 5em; justify-content: space-between; align-items: flex-start; display: flex; } .faq-title--wrapper { grid-column-gap: 2em; grid-row-gap: 2em; text-wrap: var(--_text-style---text-wrap); flex-flow: column; justify-content: flex-start; align-items: flex-start; max-width: 40ch; display: flex; } .u-text-style-main-3 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .accordion-wrapper { border-top: .094rem solid #14202833; flex-direction: column; width: 55%; display: flex; } .accordion-item { border-bottom: .094rem solid #14202833; width: 100%; padding-top: 0; padding-bottom: 0; } .accordion-toggle { grid-column-gap: 1em; grid-row-gap: 1em; color: #142028; justify-content: flex-start; align-items: center; padding: 2.5rem 0; display: flex; } .u-text-style-h6-3 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .accordion-icon--cont { flex: none; width: 40px; height: 40px; } .accordion-content-wrapper { color: #666; background-color: #0000; display: flex; position: static; overflow: hidden; } .accordion-content { text-wrap: var(--_text-style---text-wrap); width: 80%; padding-bottom: 2.5rem; padding-left: 2rem; } .work-list--wrapper { width: 100%; display: none; } .work-list--grid { grid-column-gap: 8em; grid-row-gap: 8em; grid-template-rows: auto; grid-template-columns: 1fr; } .porfolio-text-scroll_component { margin-top: 80px; margin-bottom: 80px; } .portfolio-text-sroll-wrapper { grid-column-gap: 31px; grid-row-gap: 31px; justify-content: center; align-items: center; display: flex; } .portfolio-text-scroll-block { grid-column-gap: 31px; grid-row-gap: 31px; flex: none; justify-content: space-between; align-items: center; display: flex; } .medium-scroll-text { flex: 1; margin-top: 0; margin-bottom: 0; font-size: 100px; font-weight: 400; line-height: 1.12; } .hero__fixed { z-index: 1; border-radius: var(--radius--main); width: 100%; height: 100svh; position: sticky; inset: 0%; overflow: hidden; } .mask { z-index: 6; opacity: .02; background-color: #000; width: 100%; height: 100%; position: absolute; overflow: hidden; } .main { z-index: 2; width: 100%; height: auto; position: relative; } .section { align-items: stretch; width: 100%; height: 100svh; display: flex; } .section.is-one { z-index: 5; } .section.is-two { z-index: 4; height: 80svh; } .section.is-three { z-index: 3; } .section.is-four { z-index: 2; } .section.is-six { height: 50svh; } .row { flex-wrap: wrap; align-content: stretch; width: 100%; margin-left: auto; margin-right: auto; display: flex; } .hero__wrapper-content { justify-content: center; align-items: center; width: 100%; display: flex; } .col { flex: 1; padding-left: .5rem; padding-right: .5rem; } .col.col-lg-4 { grid-column-gap: 1.5em; grid-row-gap: 1.5em; flex-flow: column; flex: 33.3333%; justify-content: flex-start; align-items: flex-start; max-width: 33.3333%; display: flex; } .col.col-lg-7 { flex: 58.3333%; max-width: 58.3333%; } .hero__parent-content { flex-direction: column; justify-content: space-between; width: 100%; height: 100vh; display: flex; } .categories__content-wrapper { justify-content: space-between; width: 100%; height: auto; display: flex; } .p__left { text-align: left; } .work-scroll--wrapper { position: relative; } .section-blog { max-width: var(--max-width--full); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); flex-flow: column; justify-content: center; align-items: stretch; min-height: 80vh; margin-left: auto; margin-right: auto; padding-top: 2em; padding-bottom: 2em; display: flex; } .blog-section--head { border-bottom: 1px solid var(--_theme---border); justify-content: space-between; align-items: flex-end; padding-bottom: 2em; display: flex; } .blog-card--wrapper { grid-column-gap: 1em; grid-row-gap: 1em; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: column; width: 100vw; padding-top: 3em; padding-bottom: 3em; } .blog-card { grid-column-gap: 1em; grid-row-gap: 1em; flex-flow: column; display: flex; } .blog-card:where(.w-variant-bf180636-9d91-ee5f-9492-4bff53ce3b30) { height: 100%; } .blog-card--img { border-radius: var(--radius--small); width: 100%; min-height: 20rem; max-height: 20rem; position: relative; overflow: hidden; } .blog-card--img:where(.w-variant-bf180636-9d91-ee5f-9492-4bff53ce3b30) { min-height: 85%; max-height: none; } .blog-card--txt { text-wrap: var(--_text-style---text-wrap); padding: .5em; } .blog-card--txt:where(.w-variant-bf180636-9d91-ee5f-9492-4bff53ce3b30) { min-height: 15%; } .scroll_wrap { position: relative; overflow: hidden; } .footer { background-color: var(--swatch--dark-900); color: var(--swatch--light-200); flex-flow: column; justify-content: space-between; align-items: stretch; height: 100svh; max-height: 100svh; margin-left: auto; margin-right: auto; padding-top: 6rem; display: flex; position: relative; inset: auto 0% 0%; } .footer-wrapper { max-width: var(--max-width--main); grid-column-gap: .5rem; grid-row-gap: .5rem; width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); flex-flow: column; justify-content: space-between; align-items: flex-start; height: 100%; margin-left: auto; margin-right: auto; display: flex; } .footer-title--wrapper { z-index: 4; justify-content: space-between; align-items: flex-start; width: 100%; display: flex; position: relative; } .footer-title--cont { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 55%; display: flex; } .footer-bottom--wrapper { z-index: 4; justify-content: space-between; align-items: flex-start; width: 100%; margin-top: 2em; display: none; position: relative; } .footer-link--wrapper { grid-column-gap: 8em; grid-row-gap: 8em; display: flex; } .footer-link--cont { grid-column-gap: 2em; grid-row-gap: 2em; flex-flow: column; grid-template-rows: auto auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .footer-link--cta { font-size: var(--_typography---font-size--h4); text-decoration: none; } .custom-styles-link, .custom-styles-btn { display: none; } .contact-wrapper { grid-column-gap: 2em; grid-row-gap: 2em; flex-flow: column; justify-content: flex-start; align-items: stretch; width: 90%; margin-left: auto; margin-right: 0; display: flex; } .call-card--wrapper { border: var(--border-width--main) solid var(--swatch--light-100-o20); border-radius: var(--radius--small); background-color: var(--swatch--dark-900); height: auto; } .call-card--cont { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 1.5em; display: flex; position: relative; } .call-card--img { border-radius: var(--radius--small); background-image: url('../images/Shooting-smile3_1Shooting-smile3.avif'); background-position: 50%; background-size: cover; width: 64px; height: 64px; } .u-text-style-h5-2 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-small-3 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .email-wrapper { grid-column-gap: .2em; grid-row-gap: .2em; flex-flow: column; justify-content: flex-end; align-items: flex-start; display: flex; } .is-h4 { text-transform: uppercase; font-size: 1.7rem; } .newsletter-form { margin-bottom: 0; } .newsletter--cont { grid-column-gap: 0em; grid-row-gap: 0em; border: 1px solid #8a8a8a; border-radius: 4px; flex-flow: row; justify-content: space-between; align-items: center; display: flex; } .form-text-field { background-color: #fff0; border: 1px #000; margin-bottom: 0; } .form-submit--btn { background-color: #3898ec00; border-left: 1px solid #9e9e9e; } .success-message { color: #001514; } .error-message { color: #001514; text-align: center; } .pre-footer { z-index: 4; justify-content: space-between; align-items: center; width: 100%; padding-bottom: 1.5em; display: flex; position: relative; } .pre-footer--link { grid-column-gap: 1em; grid-row-gap: 1em; letter-spacing: .5px; justify-content: flex-start; align-items: flex-start; font-size: .9rem; display: flex; } .pre-footer--sociaux { grid-column-gap: 1em; grid-row-gap: 1em; display: flex; } .social-links { grid-column-gap: 1em; flex: 0 auto; justify-content: flex-start; align-items: flex-start; text-decoration: none; display: none; } .icon-facebook { object-fit: cover; overflow: hidden; } .logo-footer { z-index: 1; opacity: .1; pointer-events: none; color: var(--swatch--light-100-o20); align-self: center; width: 100%; position: absolute; inset: auto 0% -24%; } .navbar-logo { width: 100%; } .scroll_trigger { pointer-events: none; height: 100%; min-height: 100svh; position: absolute; inset: auto 0% 0%; } .svg-contact--card { color: var(--swatch--brand-500); width: 15%; position: absolute; inset: 1em 1em auto auto; } .footer-content { grid-column-gap: 10rem; grid-row-gap: 10rem; flex: 0 auto; grid-template-rows: auto; grid-template-columns: 1fr .75fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: flex-start; display: grid; } .footer-colum-left { grid-column-gap: 6rem; grid-row-gap: 6rem; justify-content: flex-start; align-items: flex-start; display: flex; } .footer-colum { grid-row-gap: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; text-decoration: none; display: flex; } .text-size-regular { margin-top: 0; margin-bottom: 0; font-size: 1.125rem; font-weight: 400; line-height: 1.5; } .text-size-regular.text-weight-light { font-weight: 300; } .footer-link-block { grid-column-gap: 1em; grid-row-gap: 1em; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; text-decoration: none; display: flex; } .text-link { color: #a9a9a9; line-height: 1; text-decoration: none; } .text-link:where(.w-variant-e50dee02-11db-70c1-2899-b3df530162fe) { grid-column-gap: .2em; grid-row-gap: .2em; color: var(--_theme---selection--text); justify-content: space-between; align-items: flex-end; display: inline-flex; } .text-link.slide-in-bottom:where(.w-variant-c1c47081-f05e-2c8b-916c-bc5fdc0dd62f) { grid-column-gap: .3em; grid-row-gap: .3em; color: var(--_theme---text); display: flex; } .fooer-colum { grid-row-gap: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 81px; text-decoration: none; display: flex; } .footer-clolum-right { grid-column-gap: 4rem; grid-row-gap: 4rem; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; text-decoration: none; display: none; } .bottons_wrapper { grid-column-gap: 5px; grid-row-gap: 5px; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; width: 100%; text-decoration: none; display: flex; } .light-button { color: #fcfcfc; border: 1px solid #3b3b3b; border-radius: 999px; justify-content: center; align-items: center; padding: 2rem 2.5rem; text-decoration: none; display: flex; position: relative; overflow: hidden; } .light-button:hover { z-index: 5; } .button-light-hover-effect { background-color: #fcfcfc; width: 100%; height: 100%; position: absolute; inset: 100% 0% 0%; } .light-button-text { font-size: 18px; position: relative; } .footer-call--card { grid-column-gap: 1em; grid-row-gap: 1em; flex-flow: column; display: flex; } .txt-grey-color { color: #a9a9a9; } .splide__list { grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .splide__track { overflow: clip; } .splide { width: 100%; } .splide__slide { margin-right: 1em; } .controls { max-width: var(--max-width--full); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); justify-content: space-between; margin-top: 1rem; display: flex; } .splide__arrows { grid-column-gap: .625em; grid-row-gap: .625em; justify-content: center; align-items: center; display: flex; } .splide__arrow--prev { background-color: #efefef00; padding: 0; } .icon { flex-direction: column; justify-content: center; align-items: center; width: 4rem; height: 4rem; display: flex; } .splide__arrow--next { background-color: #efefef00; padding: 0; } .arrow-slide--btn { border-radius: var(--radius--round); background-color: var(--swatch--light-200); width: 36px; height: 36px; } .txt-link--icon { display: none; } .txt-link--icon:where(.w-variant-e50dee02-11db-70c1-2899-b3df530162fe) { transform-origin: 0 100%; width: 16px; height: 16px; padding: 1px 1px 0 0; display: inline-flex; } .p-blog--card { padding-left: .3em; } .services-tag--cont { grid-column-gap: .5em; grid-row-gap: .5em; flex-flow: wrap; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: column; width: 70%; display: flex; } .services-txt--mobile, .service-heading--mobile { display: none; } .header-card--text { grid-column-gap: 1em; grid-row-gap: 1em; flex-flow: column; max-width: 95%; display: flex; } .hide-mobile { display: block; } .hide-desktop { display: none; } .rich-txt--cont { z-index: 4; max-width: var(--max-width--main); grid-column-gap: 4em; grid-row-gap: 4em; width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); flex-direction: column; margin-left: auto; margin-right: auto; display: flex; position: relative; } .txt--cont.other-page { grid-column-gap: 1em; grid-row-gap: 1em; flex-direction: column; max-width: 80ch; margin-bottom: 2em; display: flex; } .is-h3 { max-width: 90vw; margin-top: 0; font-size: 2.438rem; font-weight: 500; line-height: 1.2; position: relative; } .grid--6-6 { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .bg-process--card { z-index: 1; background-image: url('../images/process-bg.svg'); background-position: 53% 86%; background-size: 1622px; display: none; position: absolute; inset: 0%; } .bg-process--card._1 { background-position: 85% 38%; } .bg-process--card._3 { background-position: 39% -3%; } .bg-process--card._4 { background-position: 50% 61%; } .header-blog { max-width: var(--max-width--main); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); margin-left: auto; margin-right: auto; } .blog-card--grid { grid-column-gap: 3em; grid-row-gap: 3em; grid-template: "Area" "Area" / 1fr 1fr 1fr; grid-auto-flow: column; padding: 0; } .section-articles { max-width: var(--max-width--main); grid-column-gap: 6em; grid-row-gap: 6em; width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); flex-flow: column; justify-content: flex-start; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .article-grid { grid-column-gap: 3em; grid-row-gap: 3em; } .visual-img { border-radius: var(--radius--main); overflow: hidden; } .number { font-size: var(--_typography---font-size--h3); } .back-link { grid-column-gap: .2em; grid-row-gap: .2em; display: flex; } .back-link--icon { width: 18px; display: none; } .back-link--icon:where(.w-variant-c1c47081-f05e-2c8b-916c-bc5fdc0dd62f) { display: inline-flex; } .txt-gradient { -webkit-text-fill-color: transparent; background-image: radial-gradient(circle at 0 0, #ffe9c5 16%, #86cfec 52%, #c9e957 88%, #500cb000); -webkit-background-clip: text; background-clip: text; } @media screen and (min-width: 1920px) { .txt--wrapper { max-width: 60vw; } .section-process { max-width: var(--max-width--full); padding-left: 6rem; padding-right: 6rem; } .footer-wrapper { justify-content: space-between; align-items: center; } } @media screen and (max-width: 991px) { .u-button-group { margin-top: var(--_spacing---space--1); } .u-display-contents { display: contents; } .nav_mobile_layout { height: var(--nav--banner-height); padding-left: 0; padding-right: 0; } .nav_mobile_wrap { margin-top: var(--nav--spacing-inner-horizontal); display: flex; } .nav_button_wrap.w--open { color: inherit; background-color: #c8c8c800; } .nav_desktop_wrap { display: none; } .header-section.article { grid-template-rows: auto auto; grid-template-columns: 1fr; margin-top: 10svh; } .txt--wrapper.u-alignment-center { width: 100%; } .spline-wrapper { width: 60vw; } .folio-card--grid { grid-template-rows: auto; grid-template-columns: 1fr 1fr; } .marquee_item { width: 42vw; margin-right: 3vw; } .column-scroll-content-wrapper { display: none; } .column-scroll-sticky-inner { grid-column-gap: 1.5em; grid-row-gap: 1.5em; flex-flow: column; width: 100%; height: 100svh; display: flex; position: relative; } .services-title { grid-column-gap: 2em; grid-row-gap: 2em; flex-flow: column; justify-content: flex-start; align-items: flex-start; } .column-scroll-item { flex-flow: column; width: 100%; height: 100%; padding: 2rem 2rem 2rem 2em; inset: 0%; } .column-scroll-item.is-1 { z-index: 1; order: -1; } .column-scroll-item.is-2 { z-index: 2; } .column-scroll-item.is-3 { z-index: 3; order: 1; padding-top: 1rem; padding-bottom: 1rem; } .column-scroll-wrapper { height: 290svh; } .section-3-column-scroll { height: 100%; } .img-txt--cont { display: none; } .section-services { height: auto; padding-top: 4em; padding-bottom: 4em; } .column-scroll-content { width: 100%; padding-top: 1rem; padding-bottom: 1rem; } .column-scroll-image { height: 50%; } .section-work { grid-column-gap: 3em; grid-row-gap: 3em; margin-top: 0; padding-top: 8svh; } .work-card--wrapper { grid-template-columns: 1fr; } .section-process { height: auto; padding-top: 6em; padding-bottom: 6em; } .process-card--cont { grid-column-gap: 2em; grid-row-gap: 2em; flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-top: 4em; padding-left: 0; padding-right: 0; display: grid; } .process-card { box-shadow: none; width: 100%; height: 50svh; transform: translate(0)rotate(0); } .process-card.rotate1, .process-card.rotate2, .process-card.rotate3 { transform: translate(0)rotate(0); } .process-icon { width: 60%; } .section-faq { grid-column-gap: 0em; grid-row-gap: 0em; padding: 4em 2em; } .faq-cont--wrapper { grid-column-gap: 5em; grid-row-gap: 5em; flex-flow: column; justify-content: space-between; align-items: center; } .faq-title--wrapper { width: 100%; max-width: 100%; display: none; } .accordion-wrapper { width: 100%; } .accordion-item { padding-top: 1rem; padding-bottom: 1rem; } .porfolio-text-scroll_component { overflow: hidden; } .portfolio-text-scroll-block { padding-top: .5em; } .blog-card--wrapper { grid-template-rows: auto auto; } .footer { height: auto; max-height: none; padding-top: 6em; } .footer-wrapper { grid-column-gap: 4em; grid-row-gap: 4em; } .footer-title--cont { grid-column-gap: 1.5em; grid-row-gap: 1.5em; width: 70%; } .footer-bottom--wrapper { grid-column-gap: 4em; grid-row-gap: 4em; flex-flow: column; padding-left: 0; padding-right: 0; } .footer-link--wrapper { width: 100%; } .footer-link--cont { grid-row-gap: 2em; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; justify-content: space-between; width: 100%; } .contact-wrapper { grid-column-gap: 5.6em; grid-row-gap: 5.6em; flex-flow: row; order: -1; width: 100%; } .call-card--wrapper { width: 49%; } .footer-content { grid-column-gap: 4em; grid-row-gap: 4em; flex-flow: column; grid-template-columns: 1fr; } .footer-colum-left { justify-content: space-between; align-items: flex-start; } .footer-clolum-right { grid-column-gap: 40px; grid-row-gap: 40px; max-width: 520px; } .services-tag--cont { width: 100%; } .services-txt--mobile { width: 100%; display: block; } .service-heading--desktop { display: none; } .service-heading--mobile { display: block; } .hide-mobile { display: none; } .hide-desktop { display: block; } .grid--6-6 { flex-direction: column; grid-template-columns: 1fr 1fr; } .blog-card--grid { grid-row-gap: 5em; grid-template-rows: repeat(auto-fit, 30rem); grid-template-columns: 1fr; grid-template-areas: "Area Area" "Area Area"; grid-auto-flow: row; } } @media screen and (max-width: 767px) { .header-section { grid-column-gap: 4em; grid-row-gap: 4em; margin-top: 10svh; } .spline-wrapper { width: 100%; } .case-link.four { height: 30svh; } .marquee_item { width: 58vw; margin-right: 4vw; } .column-scroll-content-wrapper { width: 100%; min-height: auto; margin-top: 0; padding-right: 0; } .column-scroll-item { padding-left: 1em; padding-right: 1em; } .section-services { grid-column-gap: 2em; grid-row-gap: 2em; padding-top: 2em; padding-bottom: 2em; } .process-card--cont { grid-column-gap: 1.5em; grid-row-gap: 1.5em; grid-template-rows: auto; grid-template-columns: 1fr; place-items: start stretch; position: relative; } .process-card { min-height: 50svh; position: sticky; top: 2%; box-shadow: -2px 2px 6px #0000001a; } .process-icon { width: 35vw; } .section-faq { padding: 3em 1em; } .accordion-toggle { padding-top: 1.5rem; padding-bottom: 1.5rem; } .accordion-content { width: 90%; padding-top: 1rem; padding-bottom: 2rem; } .hero__fixed { z-index: 2; } .main { z-index: 1; } .section { justify-content: flex-start; align-items: flex-end; height: 90svh; } .section.is-two { height: 90svh; } .col.col-lg-4 { max-width: 80%; } .categories__content-wrapper { grid-column-gap: 2em; grid-row-gap: 2em; flex-flow: column; } .section-blog { min-height: auto; } .blog-card--wrapper { grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-flow: row; padding-top: 2em; padding-bottom: 2em; } .footer-title--cont { width: 100%; } .footer-link--cont { grid-template-columns: 1fr 1fr; } .contact-wrapper { grid-column-gap: 4em; grid-row-gap: 4em; flex-flow: column; margin-left: auto; margin-right: auto; } .call-card--wrapper { width: 100%; } .pre-footer { grid-column-gap: 2em; grid-row-gap: 2em; flex-flow: column; padding-bottom: 2rem; } .pre-footer--link { flex-flow: column; justify-content: flex-start; align-items: center; } .pre-footer--sociaux { text-align: center; flex-flow: column; order: -1; justify-content: flex-start; align-items: center; } .footer-colum-left { grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .services-p { display: none; } .grid--6-6 { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr; } .blog-card--grid { grid-row-gap: 3em; grid-template-rows: repeat(auto-fit, minmax(30rem, 1fr)); grid-template-areas: "."; } .section-articles { grid-column-gap: 3em; grid-row-gap: 3em; } .article-grid { grid-template-rows: auto; grid-template-columns: 1fr; } .blog-grid--large { height: 50svh; } } @media screen and (max-width: 479px) { .u-max-width-full { max-width: 100%; } .u-display-contents { display: contents; } .folio-card--grid { grid-template-columns: 1fr; } .case-link.four, .case-link.third { height: 30svh; } .case-link.about { height: 60svh; } .case-link.about:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { height: 60vh; } .image.header-card--black { transform: none; } .marquee_item { width: 80vw; margin-right: 6vw; } .page-padding { padding-left: 3%; padding-right: 3%; } .column-scroll-image { height: 60%; } .accordion-wrapper { flex-direction: column; } .accordion-toggle { padding-top: 1rem; padding-bottom: 1rem; } .accordion-icon--cont { width: 30px; height: 30px; } .accordion-icon { max-width: 36px; } .blog-section--head { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-bottom: 1.3em; } .contact-wrapper { width: 100%; } .footer-content { grid-template-rows: auto auto; } .footer-colum-left { flex-flow: column; } .text-size-regular { font-size: 1rem; } .is-h3 { font-size: 1.5rem; } } #w-node-d63954b3-9748-f65e-0265-7b7b58fb050b-081f8419 { grid-area: span 3 / span 1 / span 3 / span 1; } #w-node-d63954b3-9748-f65e-0265-7b7b58fb0502-081f8419 { grid-area: span 4 / span 1 / span 4 / span 1; } #w-node-_5158a399-6cd4-9435-cf29-4bb6510f603f-081f8419 { justify-self: stretch; } #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0b7-3a172390, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0b9-3a172390, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0bc-3a172390, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0be-3a172390, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0c5-3a172390, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0c7-3a172390, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0cd-3a172390, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0cf-3a172390, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0d2-3a172390, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0d4-3a172390, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0db-3a172390, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0dd-3a172390, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0e0-3a172390, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0e2-3a172390, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0b7-44c18866, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0b9-44c18866, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0bc-44c18866, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0be-44c18866, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0c5-44c18866, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0c7-44c18866, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0cd-44c18866, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0cf-44c18866, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0d2-44c18866, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0d4-44c18866, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0db-44c18866, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0dd-44c18866, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0e0-44c18866, #w-node-_4a65f9eb-2f93-53b2-5628-f1f6a55ec0e2-44c18866 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_7478774b-3f8a-8d42-ca9a-4cf8ac3fb53d-72a3e6b9 { grid-area: span 2 / span 2 / span 2 / span 2; } @media screen and (max-width: 991px) { #w-node-d63954b3-9748-f65e-0265-7b7b58fb0501-081f8419 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_7478774b-3f8a-8d42-ca9a-4cf8ac3fb53d-72a3e6b9 { grid-area: span 2 / span 2 / span 2 / span 2; } } @media screen and (max-width: 767px) { #w-node-_7478774b-3f8a-8d42-ca9a-4cf8ac3fb53d-72a3e6b9 { grid-area: span 1 / span 1 / span 1 / span 1; } } @media screen and (max-width: 479px) { #w-node-_8ae011ef-227d-8171-9a4a-770076bb487c-081f8419, #w-node-e060077e-0fc3-71ff-8dea-0b9f5d9d7efb-081f8419 { grid-area: span 1 / span 2 / span 1 / span 2; } }