:root { --_theme---background: var(--swatch--black); --_text-style---font-family: var(--_typography---font--primary-family); --_theme---text: var(--swatch--white); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--large); --_text-style---font-weight: var(--_typography---font--primary-weight); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --site--gutter: clamp(1 * 1rem, ((1 - ((2 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_spacing---space--8: clamp(2.5 * 1rem, ((2.5 - ((6 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((6 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 6 * 1rem); --radius--main: 2.5rem; --_theme---background-2: var(--swatch--grey); --site--column-count: 12; --site--column-width: calc((min(var(--max-width--main), 100% - var(--site--margin) * 2) - (var(--site--gutter) * (var(--site--column-count) - 1))) / var(--site--column-count)); --_responsive---large: 1; --_responsive---medium: 0; --_responsive---small: 0; --_responsive---xsmall: 0; --_spacing---space--6: clamp(2 * 1rem, ((2 - ((3 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_spacing---section-space--main: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7 * 1rem); --_spacing---space--5: clamp(1.75 * 1rem, ((1.75 - ((2.5 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.5 * 1rem); --max-width--small: 70.625rem; --site--margin: clamp(1 * 1rem, ((1 - ((5.75 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5.75 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5.75 * 1rem); --_gap---size: var(--site--gutter); --_column-count---value: 1; --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_spacing---space--3: clamp(.875 * 1rem, ((.875 - ((1.5 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --border-width--main: .094rem; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --swatch--brand-pink: #f1bbdb; --_spacing---space--2: clamp(.625 * 1rem, ((.625 - ((1 - .625) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .625) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --_spacing---section-space--none: 0px; --_spacing---section-space--small: clamp(2 * 1rem, ((2 - ((4.375 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4.375 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4.375 * 1rem); --_spacing---section-space--large: clamp(5.5 * 1rem, ((5.5 - ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 10 * 1rem); --_spacing---section-space--page-top: clamp(10 * 1rem, ((10 - ((14 - 10) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((14 - 10) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 14 * 1rem); --max-width--main: calc(var(--site--viewport-max) * 1rem); --site--margin-small: clamp(1.25 * 1rem, ((1.25 - ((1.25 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --_text-style---margin-top: var(--_spacing---space--4); --_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); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_spacing---space--7: clamp(2.25 * 1rem, ((2.25 - ((4 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem); --_typography---line-height--small: .8; --_typography---line-height--medium: 1; --_typography---line-height--large: 1.3; --_typography---line-height--huge: 1.5; --_typography---letter-spacing--tight: -.03em; --_typography---letter-spacing--normal: 0em; --_theme---heading-accent: var(--swatch--brand-red); --_spacing---space--1: clamp(.375 * 1rem, ((.375 - ((.5 - .375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.5 - .375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .5 * 1rem); --_spacing---space--4: clamp(1.25 * 1rem, ((1.25 - ((2 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_typography---font--primary-family: Saans, Verdana, sans-serif; --_typography---font--primary-weight: 400; --_typography---font--primary-medium\: 500; --_typography---font--primary-bold\: 700; --radius--small: 1rem; --radius--round: 100vw; --_theme---border: var(--swatch--lighter-grey); --_typography---font-size--text-large: clamp(1.125 * 1rem, ((1.125 - ((1.375 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.375 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.375 * 1rem); --swatch--transparent: transparent; --_theme---input--border: var(--swatch--white); --_theme---input--color: var(--swatch--white); --_trigger---on: 1; --_trigger---off: 0; --_theme---input--border-hover: var(--swatch--brand-pink); --_theme---input--color-hover: var(--swatch--brand-pink); --_theme---input--placeholder: color-mix(in hsl, var(--_theme---input--color) 80%, var(--swatch--transparent)); --_button-style---text: var(--swatch--white); --_button-style---text-hover: var(--swatch--white); --site--viewport-max: 103; --site--viewport-min: 20; --button-size--medium: 3rem; --_button-style---background: var(--swatch--brand-blue); --_button-style---background-hover: color-mix(in hsl, black 15%, var(--_button-style---background)); --_button-style---border\: var(--_theme---button-primary--border\); --_button-style---border-hover\: var(--swatch--brand-dark-blue); --button-size--large: 5rem; --_state---false: 0; --_state---true: 1; --focus--offset-inner: calc(var(--focus--width) * -1); --nav--max-width-outer: var(--max-width--main); --nav--spacing-outer-horizontal: var(--site--margin); --nav--radius: var(--radius--small); --_theme---nav--background: var(--_theme---background-2); --nav--max-width-inner: var(--max-width--main); --nav--height-total: calc(var(--nav--height) + var(--nav--spacing-outer-vertical)); --nav--spacing-outer-vertical: 0rem; --swatch--black: #222; --nav--height: 4.6rem; --nav--hamburger-thickness: var(--border-width--main); --nav--hamburger-gap: var(--_spacing---space--2); --nav--spacing-inner-horizontal: 1.5rem; --swatch--brand-blue: #016ad5; --swatch--black\: #222; --focus--width: .125rem; --swatch--brand-red: #d71717; --swatch--brand-orange: #d46140; --_typography---font--quaterrnary-family: "Lyon Text", "Times New Roman", sans-serif; --swatch--white: #f4f3eb; --_typography---font-size--text-xlarge: clamp(1.125 * 1rem, ((1.125 - ((1.5 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --swatch--lighter-grey: #4f4f4f; --_typography---font-size--h6: clamp(1.5 * 1rem, ((1.5 - ((2 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_theme---article-button--border: var(--_theme---text); --_theme---article-button--border-hover: var(--_theme---article-button--border); --_theme---article-button--background: var(--swatch--transparent); --_theme---article-button--background-hover: var(--swatch--white); --_theme---article-button--color: var(--_theme---text); --_theme---article-button--color-hover: var(--_theme---background); --swatch--brand-light-blue: #87c1e8; --_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); --swatch--brand-light-cyan: #c2e9eb; --swatch--darker-grey: #b5b4af; --_typography---font-size--text-xsmall: clamp(.875 * 1rem, ((.875 - ((.875 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.875 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .875 * 1rem); --_typography---font--primary-trim-top: .2em; --_typography---font--primary-trim-bottom: .4em; --_text-style---text-transform: var(--_typography---text-transform--none); --_theme---scrollbar--background: var(--_theme---background); --_theme---scrollbar--thumb: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-red); --_theme---selection--text: var(--swatch--white); --max-width--full: 100%; --focus--offset-outer: .1875rem; --swatch--grey: #333; --swatch--brand-green: #969a43; --swatch--brand-brown: #a47c5d; --swatch--brand-dark-blue: #004a9e; --swatch--brand-purple: #b692c5; --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--_theme---text); --nav--banner-height: 2.4rem; --_typography---font--secondary-family: "Gt Standard L Condensed", "Condensed Impact Fallback", Impact, sans-serif; --_typography---font--secondary-trim-top: .33em; --_typography---font--secondary-trim-bottom: .4em; --_typography---font--secondary-weight: 800; --_typography---font--tertiary-family: "Gt Standard L Standard", "Heavy Impact Fallback", Impact, sans-serif; --_typography---font--tertiary-trim-top: .35em; --_typography---font--tertiary-trim-bottom: .41em; --_typography---font--tertiary-weight: 800; --_typography---font--quaternary-trim-top: .17em; --_typography---font--quaternary-trim-bottom: .33em; --_typography---font--quaternary-weight: 400; --_typography---font-size--h5: clamp(1.65 * 1rem, ((1.65 - ((2.25 - 1.65) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.25 - 1.65) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.25 * 1rem); --_typography---font-size--h4: clamp(2 * 1rem, ((2 - ((3 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_typography---font-size--h3: clamp(2.25 * 1rem, ((2.25 - ((4.625 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4.625 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4.625 * 1rem); --_typography---font-size--h2: clamp(4 * 1rem, ((4 - ((6.875 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((6.875 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 6.875 * 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(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); --_typography---font-size--quote: clamp(1 * 1rem, ((1 - ((1.625 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.625 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.625 * 1rem); --_typography---text-transform--none: var(--text-transform, none); --scrollbar--width: 1rem; --_typography---text-transform--uppercase: uppercase; --_typography---text-transform--capitalize: capitalize; --_typography---text-transform--lowercase: lowercase; --_theme---button-primary--border\: var(--_theme---button-primary--background\); --_theme---button-secondary--border\: var(--_theme---border); --_theme---button-secondary--border-hover\: var(--_theme---button-secondary--background-hover\); --_theme---button-primary--background\: var(--swatch--brand-green); --_theme---button-secondary--background-hover\: var(--_theme---text); --swatch--brand-text\: var(--swatch--black\); } 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); text-transform: var(--_text-style---text-transform, none); scrollbar-gutter: stable; } h1, h2, h3, h4, h5, h6, p { display: flow-root; } a { color: inherit; outline-width: var(--focus--width); outline-offset: var(--focus--offset-outer); text-decoration: none; } ul, ol { margin-bottom: 0; padding-left: 0; list-style: ""; } li { display: block; } img { object-fit: cover; width: 100%; max-width: 100%; } strong { font-weight: bold; } blockquote { border-style: none; padding: 0; } figure { margin-bottom: 0; } .u-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--black); --_theme---text: var(--swatch--white); --_theme---background-2: var(--swatch--grey); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-red); --_theme---border: var(--swatch--lighter-grey); --_theme---input--border: var(--swatch--white); --_theme---input--color: var(--swatch--white); --_theme---input--border-hover: var(--swatch--brand-pink); --_theme---input--color-hover: var(--swatch--brand-pink); --_theme---input--placeholder: color-mix(in hsl, var(--_theme---input--color) 80%, var(--swatch--transparent)); --_theme---nav--background: var(--_theme---background-2); --_theme---article-button--border: var(--_theme---text); --_theme---article-button--border-hover: var(--_theme---article-button--border); --_theme---article-button--background: var(--swatch--transparent); --_theme---article-button--background-hover: var(--swatch--white); --_theme---article-button--color: var(--_theme---text); --_theme---article-button--color-hover: var(--_theme---background); --_theme---scrollbar--background: var(--_theme---background); --_theme---scrollbar--thumb: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-red); --_theme---selection--text: var(--swatch--white); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---button-primary--border\: var(--_theme---button-primary--background\); --_theme---button-secondary--border\: var(--_theme---border); --_theme---button-secondary--border-hover\: var(--_theme---button-secondary--background-hover\); --_theme---button-primary--background\: var(--swatch--brand-green); --_theme---button-secondary--background-hover\: var(--_theme---text); } .u-section:where(.w-variant-857e5430-97c7-deb6-3c1a-d3063f9fe2c7) { --_theme---background: var(--swatch--white); --_theme---text: var(--swatch--black); --_theme---background-2: var(--swatch--darker-grey); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-red); --_theme---border: var(--swatch--grey); --_theme---input--border: var(--swatch--white); --_theme---input--color: var(--swatch--white); --_theme---input--border-hover: var(--swatch--brand-pink); --_theme---input--color-hover: var(--swatch--brand-pink); --_theme---input--placeholder: color-mix(in hsl, var(--_theme---input--color) 80%, var(--swatch--transparent)); --_theme---nav--background: var(--_theme---background-2); --_theme---article-button--border: var(--_theme---text); --_theme---article-button--border-hover: var(--_theme---article-button--border); --_theme---article-button--background: var(--swatch--transparent); --_theme---article-button--background-hover: var(--swatch--white); --_theme---article-button--color: var(--_theme---text); --_theme---article-button--color-hover: var(--_theme---background); --_theme---scrollbar--background: var(--_theme---background); --_theme---scrollbar--thumb: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-red); --_theme---selection--text: var(--swatch--white); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--swatch--brand-green); --_theme---button-primary--border\: var(--_theme---button-primary--background\); --_theme---button-secondary--border\: var(--_theme---border); --_theme---button-secondary--border-hover\: var(--_theme---button-secondary--background-hover\); --_theme---button-primary--background\: var(--swatch--brand-green); --_theme---button-secondary--background-hover\: var(--_theme---text); } .u-section:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--black); --_theme---text: var(--swatch--white); --_theme---background-2: var(--swatch--grey); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-red); --_theme---border: var(--swatch--lighter-grey); --_theme---input--border: var(--swatch--white); --_theme---input--color: var(--swatch--white); --_theme---input--border-hover: var(--swatch--brand-pink); --_theme---input--color-hover: var(--swatch--brand-pink); --_theme---input--placeholder: color-mix(in hsl, var(--_theme---input--color) 80%, var(--swatch--transparent)); --_theme---nav--background: var(--_theme---background-2); --_theme---article-button--border: var(--_theme---text); --_theme---article-button--border-hover: var(--_theme---article-button--border); --_theme---article-button--background: var(--swatch--transparent); --_theme---article-button--background-hover: var(--swatch--white); --_theme---article-button--color: var(--_theme---text); --_theme---article-button--color-hover: var(--_theme---background); --_theme---scrollbar--background: var(--_theme---background); --_theme---scrollbar--thumb: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-red); --_theme---selection--text: var(--swatch--white); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---button-primary--border\: var(--_theme---button-primary--background\); --_theme---button-secondary--border\: var(--_theme---border); --_theme---button-secondary--border-hover\: var(--_theme---button-secondary--background-hover\); --_theme---button-primary--background\: var(--swatch--brand-green); --_theme---button-secondary--background-hover\: var(--_theme---text); } .u-section:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--white); --_theme---text: var(--swatch--black); --_theme---background-2: var(--swatch--darker-grey); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-red); --_theme---border: var(--swatch--grey); --_theme---input--border: var(--swatch--white); --_theme---input--color: var(--swatch--white); --_theme---input--border-hover: var(--swatch--brand-pink); --_theme---input--color-hover: var(--swatch--brand-pink); --_theme---input--placeholder: color-mix(in hsl, var(--_theme---input--color) 80%, var(--swatch--transparent)); --_theme---nav--background: var(--_theme---background-2); --_theme---article-button--border: var(--_theme---text); --_theme---article-button--border-hover: var(--_theme---article-button--border); --_theme---article-button--background: var(--swatch--transparent); --_theme---article-button--background-hover: var(--swatch--white); --_theme---article-button--color: var(--_theme---text); --_theme---article-button--color-hover: var(--_theme---background); --_theme---scrollbar--background: var(--_theme---background); --_theme---scrollbar--thumb: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-red); --_theme---selection--text: var(--swatch--white); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--swatch--brand-green); --_theme---button-primary--border\: var(--_theme---button-primary--background\); --_theme---button-secondary--border\: var(--_theme---border); --_theme---button-secondary--border-hover\: var(--_theme---button-secondary--background-hover\); --_theme---button-primary--background\: var(--swatch--brand-green); --_theme---button-secondary--background-hover\: var(--_theme---text); } .u-section:where(.w-variant-25bf08d9-3196-322b-5616-019ac7f0f4f7) { --_theme---background: var(--swatch--brand-red); --_theme---text: var(--swatch--white); --_theme---background-2: var(--swatch--grey); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--white); --_theme---border: var(--swatch--white); --_theme---input--border: var(--swatch--brand-light-cyan); --_theme---input--color: var(--swatch--brand-light-cyan); --_theme---input--border-hover: var(--swatch--brand-pink); --_theme---input--color-hover: var(--swatch--brand-pink); --_theme---input--placeholder: color-mix(in hsl, var(--_theme---input--color) 80%, var(--swatch--transparent)); --_theme---nav--background: var(--_theme---background); --_theme---article-button--border: var(--_theme---text); --_theme---article-button--border-hover: var(--_theme---article-button--border); --_theme---article-button--background: var(--swatch--transparent); --_theme---article-button--background-hover: var(--swatch--white); --_theme---article-button--color: var(--_theme---text); --_theme---article-button--color-hover: var(--_theme---background); --_theme---scrollbar--background: var(--_theme---background); --_theme---scrollbar--thumb: var(--_theme---text); --_theme---selection--background: var(--swatch--white); --_theme---selection--text: var(--swatch--brand-red); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---button-primary--border\: var(--_theme---button-primary--background\); --_theme---button-secondary--border\: var(--_theme---border); --_theme---button-secondary--border-hover\: var(--_theme---button-secondary--background-hover\); --_theme---button-primary--background\: var(--swatch--brand-text\); --_theme---button-secondary--background-hover\: var(--_theme---text); } .u-section-spacer { height: var(--_spacing---section-space--none); position: relative; } .u-section-spacer:where(.w-variant-d422cbd0-f212-c815-68df-63414354c21d) { height: var(--_spacing---section-space--small); } .u-section-spacer:where(.w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490) { height: var(--_spacing---section-space--main); } .u-section-spacer:where(.w-variant-8cc18b30-4618-8767-0111-f6abfe45aaa3) { height: var(--_spacing---section-space--large); } .u-section-spacer:where(.w-variant-41fc0c0a-cac3-53c9-9802-6a916e3fb342) { height: var(--site--margin); } .u-section-spacer:where(.w-variant-e359d2da-de19-6775-b122-3e06f925f39e) { height: var(--_spacing---section-space--page-top); } .u-container { z-index: 1; max-width: var(--max-width--main); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); width: calc(100% - var(--site--margin) * 2); flex-flow: column; justify-content: center; margin-left: auto; margin-right: auto; display: flex; position: relative; container-type: inline-size; } .u-container-full { z-index: 1; max-width: var(--max-width--main); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); width: calc(100% - var(--site--margin-small) * 2); flex-flow: column; justify-content: center; margin-left: auto; margin-right: auto; display: flex; position: relative; container-type: inline-size; } .u-svg { width: 100%; height: 100%; display: block; overflow: visible !important; } .u-svg:where(.w-variant-1c3f028b-116e-d4eb-db7f-8484491bbf2e) { transform: rotate(-180deg); } .u-svg:where(.w-variant-a0a4b133-f837-5340-6c98-04b1518f150d) { transform: rotate(-90deg); } .u-svg:where(.w-variant-5939aeba-b378-ecdc-f1bc-b6970df2be03) { transform: rotate(90deg); } .u-svg:where(.w-variant-dc469724-71a3-14e1-b5d5-1294323411ce) { transform: rotate(-180deg); } .u-svg:where(.w-variant-b18a0fcd-abb0-329e-47f4-79155dd8284a) { transform: rotate(-90deg); } .u-svg:where(.w-variant-caa8b8e9-e8ec-6eb3-4526-30f19f7326f5) { transform: rotate(90deg); } .u-embed-css, .u-embed-js { display: none; } .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--secondary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--secondary-weight); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); 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--tertiary-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--tertiary-weight); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--2); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--tertiary-trim-top); --_text-style---trim-bottom: var(--_typography---font--tertiary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); 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--large); --_text-style---font-weight: var(--_typography---font--primary-weight); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-main { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--large); --_text-style---font-weight: var(--_typography---font--primary-weight); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-small { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--large); --_text-style---font-weight: var(--_typography---font--primary-weight); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-rich-text { text-wrap: var(--_text-style---text-wrap); align-items: inherit; justify-content: inherit; } .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--secondary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--secondary-weight); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--2); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); 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(--_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--secondary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--secondary-weight); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); 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(--_typography---font-size--text-main); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--tertiary-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-weight); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--2); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--tertiary-trim-top); --_text-style---trim-bottom: var(--_typography---font--tertiary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); 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--tertiary-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-weight); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--2); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--tertiary-trim-top); --_text-style---trim-bottom: var(--_typography---font--tertiary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); 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--tertiary-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--tertiary-weight); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--2); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--tertiary-trim-top); --_text-style---trim-bottom: var(--_typography---font--tertiary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); 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--tertiary-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--tertiary-weight); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--2); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--tertiary-trim-top); --_text-style---trim-bottom: var(--_typography---font--tertiary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); 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(--_spacing---space--6); } .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--large); --_text-style---font-weight: var(--_typography---font--primary-weight); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); border-left-style: solid; border-left-width: .2rem; padding: .5rem 1rem; } .u-rich-text ol { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: inherit; 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: inherit; 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); border-radius: 1.25rem; overflow: hidden; } .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-flex-horizontal-wrap { align-content: center; align-items: center; justify-content: inherit; flex-flow: wrap; display: flex; } .u-flex-vertical-nowrap { justify-content: center; align-items: inherit; flex-flow: column; display: flex; } .u-flex-horizontal-nowrap { align-content: center; align-items: center; justify-content: inherit; flex-flow: row; display: flex; } .u-align-items-center { align-items: center; } .u-justify-content-between { justify-content: space-between; } .u-color-faded { color: color-mix(in srgb, currentColor 70%, transparent); } .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-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-margin-top-4 { margin-top: var(--_spacing---space--4); } .u-alignment-center { text-align: center !important; justify-content: center !important; align-items: center !important; } .u-alignment-end { text-align: end !important; justify-content: end !important; align-items: end !important; } .u-text-wrap-balance { text-wrap: balance; } .u-max-width-full { max-width: 100%; } .u-overflow-hidden { overflow: hidden; } .u-zindex-negative { z-index: -1; position: relative; } .u-position-fixed { position: fixed; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .u-ratio-1-1 { aspect-ratio: 1; } .form_label_wrap { text-align: left; flex-flow: column; width: 100%; display: flex; position: relative; } .form_label_text { margin-bottom: var(--_spacing---space--1); display: inline-block; } .form_label_text:where(.w-variant-46933b79-cf19-81b4-bc00-8af5c19b08b3) { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .form_label_text:where(.w-variant-e8e97384-daa0-7ce7-bc12-14efcd69bcd4) { margin-bottom: var(--_spacing---space--2); font-size: var(--_typography---font-size--text-large); font-weight: var(--_typography---font--primary-bold\); } .form_field { border-top: 1px #000; border-bottom-style: solid; border-bottom-width: .06rem; border-right: 1px #000; border-bottom-color: var(--_theme---input--border); font-family: var(--_text-style---font-family); color: var(--_theme---input--color); 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--large); --_text-style---font-weight: var(--_typography---font--primary-weight); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); -webkit-appearance: none; appearance: none; border-left: 1px #000; border-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_trigger---on)), var(--_theme---text) calc(100% * var(--_trigger---off))); background-color: #0000; width: 100%; height: 3rem; margin-bottom: 0; padding: 0 .75rem; transition-property: border-color, color; transition-duration: .2s, .2s; transition-timing-function: ease, ease; display: block; outline: none !important; } .form_field:hover, .form_field:focus-visible, .form_field[data-wf-focus-visible] { border-bottom-color: var(--_theme---input--border-hover); color: var(--_theme---input--color-hover); } .form_field::placeholder { color: var(--_theme---input--placeholder); } .form_field.is-textarea { width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: 5rem; padding-top: .5rem; padding-left: .9rem; padding-right: .9rem; } .button_main_element { grid-column-gap: .5rem; grid-row-gap: .5rem; text-align: center; vertical-align: middle; --_column-count---value: 1; color: color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off))); border-radius: inherit; justify-content: center; align-items: center; height: 100%; padding: .625em .95em; line-height: 1; display: flex; position: relative; } .button_main_text { z-index: 2; line-height: inherit; position: relative; } .button_main_text.u-text-style-large { font-size: clamp(1 * 1.5rem, ((1 - ((2 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); } .page_wrap { background-color: var(--_theme---background); flex-flow: column; min-height: 100svh; display: flex; overflow: clip; } .page_main { z-index: 2; flex-flow: column; flex: 1; display: flex; position: relative; } .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; } .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%; } .swiper-wrapper { display: flex; } .nav_mobile_contain { max-width: var(--nav--max-width-outer); border-top-left-radius: var(--radius--main); border-top-right-radius: var(--radius--main); border-bottom-left-radius: var(--radius--main); border-bottom-right-radius: var(--radius--main); background-color: var(--_theme---background); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); margin-left: auto; margin-right: auto; position: relative; } .nav_links_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; flex: 1; justify-content: flex-start; align-items: center; display: flex; } .nav_links_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: row; justify-content: center; align-items: stretch; display: flex; } .nav_links_item { display: flex; } .nav_component { z-index: 1000; pointer-events: none; background-color: #0000; padding-top: .5rem; padding-bottom: .5rem; position: sticky; inset: 0% 0% auto; container-type: inline-size; } .nav_component:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) { position: fixed; } .nav_dropdown_backdrop { z-index: 0; opacity: 0; pointer-events: none; background-color: color-mix(in srgb, var(--swatch--black) 20%, transparent); width: 100%; height: 100vh; display: none; position: absolute; inset: 0%; } .nav_desktop_layout { height: var(--nav--height); grid-column-gap: var(--_spacing---space--3); border-top-left-radius: var(--radius--main); border-top-right-radius: var(--radius--main); border-bottom-left-radius: var(--radius--main); border-bottom-right-radius: var(--radius--main); background-color: var(--_theme---background); pointer-events: auto; justify-content: space-between; align-items: center; width: 100%; max-width: calc(100% - 3.4cqw); margin-left: auto; margin-right: auto; padding: 1rem 1rem 1rem 1.5rem; display: flex; position: relative; } .nav_mobile_menu_wrap { max-width: var(--nav--max-width-outer); padding-top: var(--nav--height); border-top-left-radius: var(--radius--main); border-top-right-radius: var(--radius--main); border-bottom-left-radius: var(--radius--main); border-bottom-right-radius: var(--radius--main); background-color: var(--_theme---background); pointer-events: auto; text-align: left; width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); margin-left: auto; margin-right: auto; padding-bottom: 2rem; inset: 0% 0% auto; transform: none !important; } .nav_button_line { height: var(--nav--hamburger-thickness); pointer-events: auto; background-color: currentColor; flex: none; width: 100%; transition-property: all; transition-duration: .2s; transition-timing-function: ease; } .nav_button_line.is-1 { transform: translateY(calc((var(--nav--hamburger-thickness) * .5 + var(--nav--hamburger-gap) * .5) * var(--_state---false))); } .nav_button_line.is-2 { transform: translateY(calc((var(--nav--hamburger-thickness) * -.5 + var(--nav--hamburger-gap) * -.5) * var(--_state---false))); } .nav_mobile_layout { z-index: 2; height: var(--nav--height); padding-top: 0; padding-right: var(--nav--spacing-inner-horizontal); padding-bottom: 0; padding-left: var(--nav--spacing-inner-horizontal); grid-column-gap: var(--_spacing---space--3); pointer-events: auto; border-radius: inherit; 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: #000000b3; width: 100%; height: 100vh; display: block; position: absolute; inset: 0%; } .nav_links_link { z-index: 2; padding-top: var(--_spacing---space--2); padding-right: .25rem; padding-bottom: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--2); outline-color: var(--swatch--brand-blue); cursor: pointer; color: inherit; flex: 1; justify-content: flex-start; align-items: center; width: 100%; padding-left: .25rem; display: flex; position: relative; } .nav_links_link:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding-top: var(--_spacing---space--1); padding-bottom: var(--_spacing---space--1); height: 100%; } .nav_mobile_wrap { z-index: 1; margin-top: var(--nav--spacing-outer-vertical); background-color: #0000; position: relative; } .nav_button_wrap { z-index: 2; flex: none; width: 2rem; padding: 0 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_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); pointer-events: none; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; } .nav_links_component { grid-column-gap: var(--_spacing---space--3); grid-row-gap: 2rem; flex-flow: column; flex: 1; justify-content: space-between; align-items: center; display: flex; } .nav_links_component:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .nav_links_text { text-transform: uppercase; } .nav_links_text.u-text-style-h6 { font-size: 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); } .nav_links_text.u-text-style-h6:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { font-size: var(--_typography---font-size--text-main); } .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_desktop_wrap { z-index: 1; margin-top: var(--nav--spacing-outer-vertical); background-color: #0000; display: none; position: relative; } .nav_desktop_logo { z-index: 2; outline-offset: var(--focus--offset-inner); justify-content: flex-start; align-items: center; width: 6.875rem; height: 2.5rem; display: flex; position: relative; } .footer_contain { z-index: 1; border-top-left-radius: var(--radius--main); border-top-right-radius: var(--radius--main); border-bottom-left-radius: var(--radius--main); border-bottom-right-radius: var(--radius--main); flex-flow: column; justify-content: space-between; align-items: stretch; padding: 2rem 3.4cqw; display: flex; position: relative; overflow: hidden; } .footer_wrap { padding-bottom: var(--site--margin-small); --_theme---background: var(--swatch--brand-red); --_theme---text: var(--swatch--white); --_theme---background-2: var(--swatch--grey); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--white); --_theme---border: var(--swatch--white); --_theme---input--border: var(--swatch--brand-light-cyan); --_theme---input--color: var(--swatch--brand-light-cyan); --_theme---input--border-hover: var(--swatch--brand-pink); --_theme---input--color-hover: var(--swatch--brand-pink); --_theme---input--placeholder: color-mix(in hsl, var(--_theme---input--color) 80%, var(--swatch--transparent)); --_theme---nav--background: var(--_theme---background); --_theme---article-button--border: var(--_theme---text); --_theme---article-button--border-hover: var(--_theme---article-button--border); --_theme---article-button--background: var(--swatch--transparent); --_theme---article-button--background-hover: var(--swatch--white); --_theme---article-button--color: var(--_theme---text); --_theme---article-button--color-hover: var(--_theme---background); --_theme---scrollbar--background: var(--_theme---background); --_theme---scrollbar--thumb: var(--_theme---text); --_theme---selection--background: var(--swatch--white); --_theme---selection--text: var(--swatch--brand-red); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---button-primary--border\: var(--_theme---button-primary--background\); --_theme---button-secondary--border\: var(--_theme---border); --_theme---button-secondary--border-hover\: var(--_theme---button-secondary--background-hover\); --_theme---button-primary--background\: var(--swatch--brand-text\); --_theme---button-secondary--background-hover\: var(--_theme---text); position: relative; } .footer_top-row_wrap { grid-column: span 4; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: flex-start; display: flex; } .footer_social_link { opacity: calc(60% + 40% * var(--_trigger---on)); border-radius: 999rem; width: 1.75rem; height: 1.75rem; transition-property: opacity; transition-duration: .2s; transition-timing-function: ease; display: block; position: relative; } .footer_bottom_wrap { justify-content: space-between; align-items: center; display: flex; } .footer_social_list { grid-column-gap: 1.85rem; grid-row-gap: 1.85rem; flex-flow: wrap; place-content: center flex-start; align-items: center; margin: -.5rem; display: flex; } .footer_logo_wrap { align-self: start; width: 6.25rem; } .footer_bottom_list { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: wrap; place-content: center flex-start; align-items: center; display: flex; } .footer_layout { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; display: flex; } .footer_group_item { display: flex; } .footer_link_wrap { opacity: calc(1 - .5 * var(--_trigger---off)); transition-property: opacity; transition-duration: .1s; transition-timing-function: ease; } .button_main_wrap { border-radius: var(--radius--round); --_button-style---text: var(--swatch--white); --_button-style---text-hover: var(--swatch--white); --_button-style---background: var(--swatch--brand-blue); --_button-style---background-hover: color-mix(in hsl, black 15%, var(--_button-style---background)); --_button-style---border\: var(--_theme---button-primary--border\); --_button-style---border-hover\: var(--swatch--brand-dark-blue); display: inline-block; position: relative; } .button_main_wrap:where(.w-variant-69496db5-1ecf-4a7e-39dd-bdeb921dda24) { --_button-style---text: var(--swatch--white); --_button-style---text-hover: var(--swatch--white); --_button-style---background: var(--swatch--brand-red); --_button-style---background-hover: color-mix(in hsl, black 15%, var(--_button-style---background)); --_button-style---border\: var(--_theme---button-secondary--border\); --_button-style---border-hover\: var(--_theme---button-secondary--border-hover\); } .button_main_wrap:where(.w-variant-f9979514-cd13-6948-f9f4-6b755bfa968c) { --_button-style---text: var(--swatch--white); --_button-style---text-hover: var(--swatch--white); --_button-style---background: var(--swatch--brand-green); --_button-style---background-hover: color-mix(in hsl, black 15%, var(--_button-style---background)); --_button-style---border\: var(--_theme---button-primary--border\); --_button-style---border-hover\: var(--swatch--brand-dark-blue); } .button_main_bg { z-index: 2; mix-blend-mode: hard-light; background-color: color-mix(in srgb, var(--_button-style---background) calc(100% * var(--_trigger---on)), var(--_button-style---background-hover) calc(100% * var(--_trigger---off))); border-radius: inherit; transition-property: background-color; transition-duration: .2s; transition-timing-function: ease; position: absolute; inset: 0%; overflow: hidden; } .button_main_bg-texture { object-fit: cover; background-image: url("https://cdn.prod.website-files.com/69397d9078c312a0e9e5cb5d/6940da2e2f82b621f4389008_14e15d1dd9b0e1199c32915e5df3056e_np_button-texture.webp"); background-position: 50%; background-size: cover; height: 100%; min-height: 4rem; position: absolute; left: 0%; right: 0%; } .footer_menu_wrap { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); justify-content: center; align-items: center; display: flex; } .footer_bg_wrap { background-color: var(--swatch--brand-red); } .footer_bg_image { object-position: 0% 50%; height: 100%; } .footer_bg_image.u-cover-absolute.is-mobile { display: none; } .footer_middle-row_wrap { justify-content: flex-end; align-items: center; display: flex; } .footer_form_wrap { flex: 1; max-width: 25rem; margin-bottom: 0; } .footer_form_form { width: 100%; max-width: 18.75rem; } .footer_form_layout { width: 100%; } .section-heading_heading { max-width: calc(var(--number) * 1ch); } .section-heading_eyebrow_text.u-text-style-h6 { font-size: var(--_typography---font-size--text-large); font-size: var(--_typography---font-size--text-large); } .section-heading_paragraph { max-width: calc(var(--number) * 1ch); } .nav_logo-part_wrap { justify-content: flex-start; align-items: center; height: 100%; display: flex; } .nav_logo_mask { height: 100%; overflow: hidden; } .cms-empty_wrap { border-radius: var(--radius--small); background-color: var(--_theme---background-2); text-align: center; text-transform: uppercase; padding: 4rem 2rem; } .u-interaction-scale { transform: scale(calc(1 + .025 * var(--_trigger---off))); transition-property: transform; transition-duration: .4s; transition-timing-function: ease-out; } .section_newsletter { z-index: 2; } .section_newsletter:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--black); --_theme---text: var(--swatch--white); --_theme---background-2: var(--swatch--grey); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-red); --_theme---border: var(--swatch--lighter-grey); --_theme---input--border: var(--swatch--white); --_theme---input--color: var(--swatch--white); --_theme---input--border-hover: var(--swatch--brand-pink); --_theme---input--color-hover: var(--swatch--brand-pink); --_theme---input--placeholder: color-mix(in hsl, var(--_theme---input--color) 80%, var(--swatch--transparent)); --_theme---nav--background: var(--_theme---background-2); --_theme---article-button--border: var(--_theme---text); --_theme---article-button--border-hover: var(--_theme---article-button--border); --_theme---article-button--background: var(--swatch--transparent); --_theme---article-button--background-hover: var(--swatch--white); --_theme---article-button--color: var(--_theme---text); --_theme---article-button--color-hover: var(--_theme---background); --_theme---scrollbar--background: var(--_theme---background); --_theme---scrollbar--thumb: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-red); --_theme---selection--text: var(--swatch--white); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---button-primary--border\: var(--_theme---button-primary--background\); --_theme---button-secondary--border\: var(--_theme---border); --_theme---button-secondary--border-hover\: var(--_theme---button-secondary--background-hover\); --_theme---button-primary--background\: var(--swatch--brand-green); --_theme---button-secondary--background-hover\: var(--_theme---text); } .section_newsletter:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--white); --_theme---text: var(--swatch--black); --_theme---background-2: var(--swatch--darker-grey); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-red); --_theme---border: var(--swatch--grey); --_theme---input--border: var(--swatch--white); --_theme---input--color: var(--swatch--white); --_theme---input--border-hover: var(--swatch--brand-pink); --_theme---input--color-hover: var(--swatch--brand-pink); --_theme---input--placeholder: color-mix(in hsl, var(--_theme---input--color) 80%, var(--swatch--transparent)); --_theme---nav--background: var(--_theme---background-2); --_theme---article-button--border: var(--_theme---text); --_theme---article-button--border-hover: var(--_theme---article-button--border); --_theme---article-button--background: var(--swatch--transparent); --_theme---article-button--background-hover: var(--swatch--white); --_theme---article-button--color: var(--_theme---text); --_theme---article-button--color-hover: var(--_theme---background); --_theme---scrollbar--background: var(--_theme---background); --_theme---scrollbar--thumb: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-red); --_theme---selection--text: var(--swatch--white); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--swatch--brand-green); --_theme---button-primary--border\: var(--_theme---button-primary--background\); --_theme---button-secondary--border\: var(--_theme---border); --_theme---button-secondary--border-hover\: var(--_theme---button-secondary--background-hover\); --_theme---button-primary--background\: var(--swatch--brand-green); --_theme---button-secondary--background-hover\: var(--_theme---text); } .section_newsletter:where(.w-variant-bb2c68bd-fd74-aa1e-69b0-e84595dd4ec8) { --_theme---background: var(--swatch--brand-red); --_theme---text: var(--swatch--white); --_theme---background-2: var(--swatch--grey); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--white); --_theme---border: var(--swatch--white); --_theme---input--border: var(--swatch--brand-light-cyan); --_theme---input--color: var(--swatch--brand-light-cyan); --_theme---input--border-hover: var(--swatch--brand-pink); --_theme---input--color-hover: var(--swatch--brand-pink); --_theme---input--placeholder: color-mix(in hsl, var(--_theme---input--color) 80%, var(--swatch--transparent)); --_theme---nav--background: var(--_theme---background); --_theme---article-button--border: var(--_theme---text); --_theme---article-button--border-hover: var(--_theme---article-button--border); --_theme---article-button--background: var(--swatch--transparent); --_theme---article-button--background-hover: var(--swatch--white); --_theme---article-button--color: var(--_theme---text); --_theme---article-button--color-hover: var(--_theme---background); --_theme---scrollbar--background: var(--_theme---background); --_theme---scrollbar--thumb: var(--_theme---text); --_theme---selection--background: var(--swatch--white); --_theme---selection--text: var(--swatch--brand-red); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---button-primary--border\: var(--_theme---button-primary--background\); --_theme---button-secondary--border\: var(--_theme---border); --_theme---button-secondary--border-hover\: var(--_theme---button-secondary--background-hover\); --_theme---button-primary--background\: var(--swatch--brand-text\); --_theme---button-secondary--background-hover\: var(--_theme---text); } .newsletter-form_form_wrap { width: 100%; max-width: 80ch; margin-bottom: 0; } .newsletter-form_field_wrap { flex: 1; min-width: 15rem; position: relative; } .newsletter-form_field_wrap.is-wide { flex: 1; min-width: 40%; } .journey-tabs_image_wrap.u-cover-absolute { z-index: 1; } .u-font-size-xlarge { font-size: var(--_typography---font-size--text-xlarge) !important; } .nav_links_line { background-color: var(--swatch--brand-blue); width: calc(100% * (var(--_state---false) + var(--_trigger---off))); max-width: 100%; height: .125rem; transition-property: width; transition-duration: .2s; transition-timing-function: ease-out; position: absolute; inset: auto 0% 0%; } .secondary-button_wrap { border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); border-style: solid; border-width: .0625rem; border-top-color: color-mix(in hsl, var(--_theme---article-button--border) calc(100% * var(--_trigger---on)), var(--_theme---article-button--border-hover) calc(100% * var(--_trigger---off))); border-right-color: color-mix(in hsl, var(--_theme---article-button--border) calc(100% * var(--_trigger---on)), var(--_theme---article-button--border-hover) calc(100% * var(--_trigger---off))); border-bottom-color: color-mix(in hsl, var(--_theme---article-button--border) calc(100% * var(--_trigger---on)), var(--_theme---article-button--border-hover) calc(100% * var(--_trigger---off))); border-left-color: color-mix(in hsl, var(--_theme---article-button--border) calc(100% * var(--_trigger---on)), var(--_theme---article-button--border-hover) calc(100% * var(--_trigger---off))); background-color: color-mix(in hsl, var(--_theme---article-button--background) calc(100% * var(--_trigger---on)), var(--_theme---article-button--background-hover) calc(100% * var(--_trigger---off))); color: color-mix(in hsl, var(--_theme---article-button--color) calc(100% * var(--_trigger---on)), var(--_theme---article-button--color-hover) calc(100% * var(--_trigger---off))); justify-content: center; align-items: center; width: 3rem; height: 3rem; margin-left: 0; margin-right: 0; padding: .5rem; transition-property: opacity, color, border-color, background-color; transition-duration: .2s, .2s, .2s, .2s; transition-timing-function: ease, ease, ease, ease; display: flex; } .secondary-button_wrap.w--current { background-color: color-mix(in hsl, var(--_theme---article-button--background) calc(0%), var(--_theme---article-button--background-hover) calc(100%)); color: color-mix(in hsl, var(--_theme---article-button--color) calc(0%), var(--_theme---article-button--color-hover) calc(100%)); } .secondary-button_wrap.is-list-pagination-disabled { opacity: .25; pointer-events: none; } .social-share_icon_wrap { width: 1.5rem; height: 1.5rem; } .candidate-card_wrap { grid-column-gap: 1.625rem; grid-row-gap: 1.625rem; background-color: color-mix(in hsl, var(--swatch--transparent) calc(100% * var(--_trigger---on)), var(--_theme---text) calc(100% * var(--_trigger---off))); color: color-mix(in hsl, var(--_theme---text) calc(100% * var(--_trigger---on)), var(--_theme---background) calc(100% * var(--_trigger---off))); border-radius: 1.875rem; flex-flow: column; height: 100%; padding: 1.275rem; transition-property: color, background-color; transition-duration: .2s, .2s; transition-timing-function: ease, ease; display: flex; position: relative; } .candidate-card_image_wrap { aspect-ratio: 22.5 / 27; background-image: url("https://cdn.prod.website-files.com/69397d9078c312a0e9e5cb5d/6949d85d866ea7547fa88993_4196b519747ef4f3e696d4758a2da7d3_new-politics_candidate-portrait-noise.webp"); background-position: 0 0; background-size: cover; border-radius: .6rem; flex: none; width: 100%; position: relative; overflow: hidden; } .candidate-card_image_image { object-position: 50% 0%; } .candidate-card_details_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; display: flex; } .candidate-card_heading_text { transition: color .2s; } .candidate-card_tags_wrap { flex: 1; justify-content: flex-start; align-items: flex-end; display: flex; } .candidate-card_tags_wrap:where(.w-variant-b51cbbc5-5b02-2fe2-2a23-94c8a3c2fdf1) { opacity: calc(1 * var(--_trigger---off)); transition-property: opacity; transition-duration: .2s; transition-timing-function: ease; } .candidate-card_details_text { text-wrap: balance; transition-property: color; transition-duration: .2s; transition-timing-function: ease; display: inline-block; } .candidate-card_details_text.is-faded { color: color-mix(in hsl, var(--_theme---text) calc(60% * var(--_trigger---on)), var(--_theme---background) calc(60% * var(--_trigger---off))); } .section_candidate-hero:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--black); --_theme---text: var(--swatch--white); --_theme---background-2: var(--swatch--grey); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-red); --_theme---border: var(--swatch--lighter-grey); --_theme---input--border: var(--swatch--white); --_theme---input--color: var(--swatch--white); --_theme---input--border-hover: var(--swatch--brand-pink); --_theme---input--color-hover: var(--swatch--brand-pink); --_theme---input--placeholder: color-mix(in hsl, var(--_theme---input--color) 80%, var(--swatch--transparent)); --_theme---nav--background: var(--_theme---background-2); --_theme---article-button--border: var(--_theme---text); --_theme---article-button--border-hover: var(--_theme---article-button--border); --_theme---article-button--background: var(--swatch--transparent); --_theme---article-button--background-hover: var(--swatch--white); --_theme---article-button--color: var(--_theme---text); --_theme---article-button--color-hover: var(--_theme---background); --_theme---scrollbar--background: var(--_theme---background); --_theme---scrollbar--thumb: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-red); --_theme---selection--text: var(--swatch--white); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---button-primary--border\: var(--_theme---button-primary--background\); --_theme---button-secondary--border\: var(--_theme---border); --_theme---button-secondary--border-hover\: var(--_theme---button-secondary--background-hover\); --_theme---button-primary--background\: var(--swatch--brand-green); --_theme---button-secondary--background-hover\: var(--_theme---text); } .section_candidate-hero:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--white); --_theme---text: var(--swatch--black); --_theme---background-2: var(--swatch--darker-grey); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-red); --_theme---border: var(--swatch--grey); --_theme---input--border: var(--swatch--white); --_theme---input--color: var(--swatch--white); --_theme---input--border-hover: var(--swatch--brand-pink); --_theme---input--color-hover: var(--swatch--brand-pink); --_theme---input--placeholder: color-mix(in hsl, var(--_theme---input--color) 80%, var(--swatch--transparent)); --_theme---nav--background: var(--_theme---background-2); --_theme---article-button--border: var(--_theme---text); --_theme---article-button--border-hover: var(--_theme---article-button--border); --_theme---article-button--background: var(--swatch--transparent); --_theme---article-button--background-hover: var(--swatch--white); --_theme---article-button--color: var(--_theme---text); --_theme---article-button--color-hover: var(--_theme---background); --_theme---scrollbar--background: var(--_theme---background); --_theme---scrollbar--thumb: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-red); --_theme---selection--text: var(--swatch--white); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--swatch--brand-green); --_theme---button-primary--border\: var(--_theme---button-primary--background\); --_theme---button-secondary--border\: var(--_theme---border); --_theme---button-secondary--border-hover\: var(--_theme---button-secondary--background-hover\); --_theme---button-primary--background\: var(--swatch--brand-green); --_theme---button-secondary--background-hover\: var(--_theme---text); } .section_candidate-hero:where(.w-variant-bb2c68bd-fd74-aa1e-69b0-e84595dd4ec8) { --_theme---background: var(--swatch--brand-red); --_theme---text: var(--swatch--white); --_theme---background-2: var(--swatch--grey); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--white); --_theme---border: var(--swatch--white); --_theme---input--border: var(--swatch--brand-light-cyan); --_theme---input--color: var(--swatch--brand-light-cyan); --_theme---input--border-hover: var(--swatch--brand-pink); --_theme---input--color-hover: var(--swatch--brand-pink); --_theme---input--placeholder: color-mix(in hsl, var(--_theme---input--color) 80%, var(--swatch--transparent)); --_theme---nav--background: var(--_theme---background); --_theme---article-button--border: var(--_theme---text); --_theme---article-button--border-hover: var(--_theme---article-button--border); --_theme---article-button--background: var(--swatch--transparent); --_theme---article-button--background-hover: var(--swatch--white); --_theme---article-button--color: var(--_theme---text); --_theme---article-button--color-hover: var(--_theme---background); --_theme---scrollbar--background: var(--_theme---background); --_theme---scrollbar--thumb: var(--_theme---text); --_theme---selection--background: var(--swatch--white); --_theme---selection--text: var(--swatch--brand-red); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---button-primary--border\: var(--_theme---button-primary--background\); --_theme---button-secondary--border\: var(--_theme---border); --_theme---button-secondary--border-hover\: var(--_theme---button-secondary--background-hover\); --_theme---button-primary--background\: var(--swatch--brand-text\); --_theme---button-secondary--background-hover\: var(--_theme---text); } .candidate-hero_layout { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding-top: 3rem; padding-bottom: 3rem; display: grid; } .candidate-hero_image_wrap { background-image: url("https://cdn.prod.website-files.com/69397d9078c312a0e9e5cb5d/6949d85d866ea7547fa88993_4196b519747ef4f3e696d4758a2da7d3_new-politics_candidate-portrait-noise.webp"); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 1.5rem; position: relative; } .candidate-hero_image_image { object-position: 50% 0%; } .candidate-tags_list { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: wrap; display: flex; } .candidate-tag_wrap { border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); background-color: color-mix(in hsl, var(--swatch--white) calc(10% * var(--_trigger---on)), var(--swatch--black) calc(10% * var(--_trigger---off))); border-style: solid; border-width: .0625rem; border-top-color: color-mix(in hsl, var(--swatch--white) calc(10% * var(--_trigger---on)), var(--swatch--black) calc(10% * var(--_trigger---off))); border-right-color: color-mix(in hsl, var(--swatch--white) calc(10% * var(--_trigger---on)), var(--swatch--black) calc(10% * var(--_trigger---off))); border-bottom-color: color-mix(in hsl, var(--swatch--white) calc(10% * var(--_trigger---on)), var(--swatch--black) calc(10% * var(--_trigger---off))); border-left-color: color-mix(in hsl, var(--swatch--white) calc(10% * var(--_trigger---on)), var(--swatch--black) calc(10% * var(--_trigger---off))); color: color-mix(in hsl, var(--swatch--white) calc(100% * var(--_trigger---on)), var(--swatch--black) calc(100% * var(--_trigger---off))); padding: .85rem 1rem .75rem; font-weight: 700; transition-property: color, border-color, background-color; transition-duration: .2s, .2s, .2s; transition-timing-function: ease, ease, ease; display: block; } .u-hide { display: none; } .candidate-card_past-tag_wrap { grid-column-gap: .4rem; grid-row-gap: .4rem; border-radius: var(--radius--round); background-color: var(--swatch--white); color: var(--swatch--black); justify-content: flex-start; align-items: center; padding: .35rem .875rem .35rem .625rem; display: flex; position: absolute; top: 1rem; bottom: auto; left: 1rem; } .candidate-card_past-tag_circle { border-radius: var(--radius--round); background-color: var(--swatch--brand-red); width: .5rem; height: .5rem; } .candidate-hero_socials_wrap { padding-top: var(--_spacing---space--3); border-top: .0625rem solid #87c1e833; justify-content: flex-start; align-items: center; display: flex; } .social-handle_wrap { color: var(--swatch--brand-light-cyan); white-space: nowrap; justify-content: center; align-items: center; display: flex; } .social-handle_icon_wrap { vertical-align: middle; width: 1.125rem; height: 1.125rem; margin-right: .125rem; display: inline-block; } .section_other-candidates:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--black); --_theme---text: var(--swatch--white); --_theme---background-2: var(--swatch--grey); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-red); --_theme---border: var(--swatch--lighter-grey); --_theme---input--border: var(--swatch--white); --_theme---input--color: var(--swatch--white); --_theme---input--border-hover: var(--swatch--brand-pink); --_theme---input--color-hover: var(--swatch--brand-pink); --_theme---input--placeholder: color-mix(in hsl, var(--_theme---input--color) 80%, var(--swatch--transparent)); --_theme---nav--background: var(--_theme---background-2); --_theme---article-button--border: var(--_theme---text); --_theme---article-button--border-hover: var(--_theme---article-button--border); --_theme---article-button--background: var(--swatch--transparent); --_theme---article-button--background-hover: var(--swatch--white); --_theme---article-button--color: var(--_theme---text); --_theme---article-button--color-hover: var(--_theme---background); --_theme---scrollbar--background: var(--_theme---background); --_theme---scrollbar--thumb: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-red); --_theme---selection--text: var(--swatch--white); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---button-primary--border\: var(--_theme---button-primary--background\); --_theme---button-secondary--border\: var(--_theme---border); --_theme---button-secondary--border-hover\: var(--_theme---button-secondary--background-hover\); --_theme---button-primary--background\: var(--swatch--brand-green); --_theme---button-secondary--background-hover\: var(--_theme---text); } .section_other-candidates:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--white); --_theme---text: var(--swatch--black); --_theme---background-2: var(--swatch--darker-grey); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-red); --_theme---border: var(--swatch--grey); --_theme---input--border: var(--swatch--white); --_theme---input--color: var(--swatch--white); --_theme---input--border-hover: var(--swatch--brand-pink); --_theme---input--color-hover: var(--swatch--brand-pink); --_theme---input--placeholder: color-mix(in hsl, var(--_theme---input--color) 80%, var(--swatch--transparent)); --_theme---nav--background: var(--_theme---background-2); --_theme---article-button--border: var(--_theme---text); --_theme---article-button--border-hover: var(--_theme---article-button--border); --_theme---article-button--background: var(--swatch--transparent); --_theme---article-button--background-hover: var(--swatch--white); --_theme---article-button--color: var(--_theme---text); --_theme---article-button--color-hover: var(--_theme---background); --_theme---scrollbar--background: var(--_theme---background); --_theme---scrollbar--thumb: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-red); --_theme---selection--text: var(--swatch--white); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--swatch--brand-green); --_theme---button-primary--border\: var(--_theme---button-primary--background\); --_theme---button-secondary--border\: var(--_theme---border); --_theme---button-secondary--border-hover\: var(--_theme---button-secondary--background-hover\); --_theme---button-primary--background\: var(--swatch--brand-green); --_theme---button-secondary--background-hover\: var(--_theme---text); } .section_other-candidates:where(.w-variant-bb2c68bd-fd74-aa1e-69b0-e84595dd4ec8) { --_theme---background: var(--swatch--brand-red); --_theme---text: var(--swatch--white); --_theme---background-2: var(--swatch--grey); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--white); --_theme---border: var(--swatch--white); --_theme---input--border: var(--swatch--brand-light-cyan); --_theme---input--color: var(--swatch--brand-light-cyan); --_theme---input--border-hover: var(--swatch--brand-pink); --_theme---input--color-hover: var(--swatch--brand-pink); --_theme---input--placeholder: color-mix(in hsl, var(--_theme---input--color) 80%, var(--swatch--transparent)); --_theme---nav--background: var(--_theme---background); --_theme---article-button--border: var(--_theme---text); --_theme---article-button--border-hover: var(--_theme---article-button--border); --_theme---article-button--background: var(--swatch--transparent); --_theme---article-button--background-hover: var(--swatch--white); --_theme---article-button--color: var(--_theme---text); --_theme---article-button--color-hover: var(--_theme---background); --_theme---scrollbar--background: var(--_theme---background); --_theme---scrollbar--thumb: var(--_theme---text); --_theme---selection--background: var(--swatch--white); --_theme---selection--text: var(--swatch--brand-red); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---button-primary--border\: var(--_theme---button-primary--background\); --_theme---button-secondary--border\: var(--_theme---border); --_theme---button-secondary--border-hover\: var(--_theme---button-secondary--background-hover\); --_theme---button-primary--background\: var(--swatch--brand-text\); --_theme---button-secondary--background-hover\: var(--_theme---text); } .other-candidates_list-wrap.swiper { margin-left: -1.125rem; margin-right: -1.125rem; overflow: visible; } .other-candidates_list { grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .other-candidates_item.swiper-slide { flex: none; width: 25%; } .form_alert_wrap { color: var(--_theme---heading-accent); text-align: left; display: none; position: static; } .form_alert_label { margin-top: .25rem; position: absolute; } .form_alert_icon { position: absolute; inset: .75rem 0% auto auto; } .form_alert_icon-svg { width: 1.5rem; height: 1.5rem; } .form_dropdown_link { color: var(--_theme---text); background-color: color-mix(in hsl, var(--swatch--white) clamp(0%, calc(10% * var(--_state---false) + 5% * var(--_trigger---off)), 10%), var(--swatch--transparent)); border-radius: .5rem; width: 100%; padding: .5rem; transition-property: color, background-color; transition-duration: .2s, .2s; transition-timing-function: ease, ease; } .form_dropdown_link:focus-visible, .form_dropdown_link[data-wf-focus-visible] { z-index: 1; outline-color: var(--swatch--white); outline-offset: .0625rem; outline-width: .0625rem; outline-style: solid; } .form_dropdown_link.w--current { color: var(--_theme---text); } .form_dropdown_field { margin-bottom: 0; display: none; } .form_dropdown_wrap { z-index: 99; width: 100%; margin-left: 0; } .form_dropdown_toggle { color: var(--_theme---text); border-bottom-style: solid; border-bottom-width: .0625rem; border-bottom-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_trigger---on)), var(--_theme---text) calc(100% * var(--_trigger---off))); background-color: #0000; width: 100%; padding: .75rem 4rem .75rem 1rem; } .form_dropdown_toggle:focus-visible, .form_dropdown_toggle[data-wf-focus-visible] { outline-offset: 4px; outline: 2px solid #9b9b9b; } .form_dropdown_list-content { background-color: var(--swatch--lighter-grey); border-radius: 1rem; margin-top: .5rem; padding: .5rem; } .form_dropdown_label { opacity: .8; transition: color .2s; } .form_dropdown_list { background-color: #0000; display: none; } .form_dropdown_list.w--open { display: block !important; } .form_dropdown_scroll { border-radius: .5rem; max-height: 40vh; margin: -.25rem; padding: .25rem; overflow: auto; } .nav_shadow { z-index: -1; opacity: 0; pointer-events: none; border-radius: inherit; position: absolute; inset: 0%; box-shadow: 0 .5rem 1.5rem .5rem #0003; } .button_bg_wrap { z-index: 1; border-radius: var(--radius--round); justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; overflow: hidden; } .newsletter-form_success_wrap { background-color: #0000; } .newsletter-form_success_text { color: #75d025; padding: .5rem; } .newsletter-form_error_wrap { background-color: var(--swatch--brand-red); padding: 1rem 2rem; } .card_office_wrap { grid-column-gap: .25rem; grid-row-gap: .25rem; flex-flow: column; display: flex; } .candidate-hero_seat_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex; } @media screen and (max-width: 991px) { .journey_layout { padding-right: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .candidate-row_item { max-width: 50%; } .journey-tabs_menu_link { padding-left: 1rem; padding-right: 1rem; } .journey-tabs_content_layout { grid-column-gap: 15rem; grid-row-gap: 15rem; } .journey-tabs_points_list.u-flex-vertical-nowrap.u-align-items-stretch.u-gap-8 { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); } .journey-point_wrap { justify-content: flex-start; align-items: center; max-width: none; } .journey-tabs_points_row { flex-flow: column; display: contents; } .journey-tabs_points_row.is-top, .journey-tabs_points_row.is-last, .journey-tabs_points_row.is-top, .journey-tabs_points_row.is-last { padding-left: 0; padding-right: 0; } .journey-tabs_image_wrap.u-cover-absolute { height: 50rem; } .journey-tabs_point_wrap { order: var(--i); transform: translateY(calc(1rem * var(--_state---true))); } .article-related_item.swiper-slide { width: 50%; } .all-candidates_list { grid-template-columns: 1fr 1fr 1fr; } .journey-tabs_image_overlay { background-image: linear-gradient(180deg, transparent, var(--_theme---background-2)); height: 20%; position: absolute; inset: auto 0% 0%; } .careers-grid_list { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 767px) { .footer_contain { padding: 2rem; } .footer_bottom_text { display: none; } .footer_top-row_wrap { display: contents; } .footer_bottom_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; justify-content: space-between; align-items: flex-start; } .footer_logo_wrap { margin-bottom: 2rem; } .footer_bottom_list { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; justify-content: flex-start; align-items: flex-start; } .footer_layout { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); } .footer_menu_wrap { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; order: 2; justify-content: flex-start; align-items: flex-start; } .footer_bg_image.u-cover-absolute { object-position: 100% 50%; } .footer_bg_image.u-cover-absolute.is-desktop { display: none; } .footer_bg_image.u-cover-absolute.is-mobile { display: block; } .footer_middle-row_wrap { justify-content: flex-start; align-items: center; margin-bottom: 1rem; } .footer_form_wrap { max-width: none; } .footer_form_wrap.u-flex-vertical-nowrap.u-alignment-end { text-align: start !important; text-align: start !important; text-align: start !important; align-items: stretch !important; } .footer_form_form { align-items: start; max-width: none; } .footer_form_layout { width: 100%; } .candidate-row_item { max-width: 100%; } .journey-tabs_menu { padding: .5rem; } .journey-tabs_menu_link { padding-left: .75rem; padding-right: .75rem; } .news-grid_list { flex-flow: column; display: flex; } .news-article_wrap:where(.w-variant-9390a623-c975-808a-0b76-50f7d6322ea3) { flex-flow: column; padding: 0; } .news-article_image_wrap:where(.w-variant-9390a623-c975-808a-0b76-50f7d6322ea3) { aspect-ratio: 5 / 2; border-bottom-right-radius: 0; border-bottom-left-radius: 0; max-width: none; } .news-article_details_wrap:where(.w-variant-9390a623-c975-808a-0b76-50f7d6322ea3) { max-width: none; } .article-related_item.swiper-slide { width: 75%; } .all-candidates_list { grid-template-columns: 1fr 1fr; } .candidate-hero_layout { flex-flow: column; display: flex; } .other-candidates_item.swiper-slide { width: 40%; } .footer_copyright { display: none; } .careers-grid_list { flex-flow: column; display: flex; } .careers-article_wrap:where(.w-variant-9390a623-c975-808a-0b76-50f7d6322ea3) { flex-flow: column; padding: 0; } .careers_details_wrap:where(.w-variant-9390a623-c975-808a-0b76-50f7d6322ea3) { max-width: none; } } @media screen and (max-width: 479px) { .u-max-width-full { max-width: 100%; } .journey-tabs_menu { padding: .35rem; } .journey-tabs_menu_link { min-height: 33px; padding: .5rem; } .journey-tabs_menu_label.u-text-style-h5 { font-size: var(--_typography---font-size--text-main); font-size: var(--_typography---font-size--text-main); } .journey-point_icon_wrap { width: 3rem; height: 3rem; } .article-related_item.swiper-slide { width: 100%; } .all-candidates_list { grid-template-columns: 1fr; } .filter-dropdown_toggle { padding-right: 3rem; } .other-candidates_item.swiper-slide { width: 90%; } } #w-node-_8ff909cb-4a91-8792-8323-759f9d544671-a9a50b4c { align-self: center; }