:root {
  --radius--large: 4rem;
  --_text-style---font-family: var(--_tipography---secondary-family);
  --_tipography---font-size--text-small: clamp(.875 * 1rem, ((1 - ((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);
  --_text-style---line-height: var(--_tipography---line-height--large);
  --_text-style---font-weight: var(--_tipography---medium);
  --_theme---main-text: var(--swatch--dark);
  --radius--small: 1.5rem;
  --border-width--main: .0625rem;
  --_button-style---border: var(--_theme---button-primary--border);
  --swatch--accent: #3424fa;
  --swatch--white: white;
  --padding--md: var(--_spacing---space--32);
  --site--margin: clamp(1.5 * 1rem, ((1.5 - ((7.5 - 1.5) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7.5 - 1.5) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 7.5 * 1rem);
  --_theme---border: var(--swatch--accent-dark);
  --padding--xs: var(--_spacing---space--16);
  --_tipography---font-size--h2: clamp(1.5 * 1rem, ((1.5 - ((3 - 1.5) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 1.5) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 3 * 1rem);
  --site--gutter: 1.5rem;
  --_tipography---line-height--medium: 1.2;
  --_spacing---space--16: 1rem;
  --_tipography---font-size--text-medium: 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);
  --_tipography---font-size--text-large: clamp(1.125 * 1rem, ((1.125 - ((1.25 - 1.125) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1.125) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 1.25 * 1rem);
  --_theme---text-link--text: var(--_theme---secondary-text);
  --_theme---secondary-text: var(--swatch--accent-dark);
  --_tipography---font-size--h4: 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);
  --_tipography---font-size--h3: clamp(1.25 * 1rem, ((1.25 - ((2.5 - 1.25) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 1.25) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 2.5 * 1rem);
  --max-width--main: 120rem;
  --_tipography---line-height--large: 1.5;
  --padding--lg: var(--_spacing---space--56);
  --_tipography---font-size--h6: 0px;
  --_tipography---font-size--h1: clamp(2 * 1rem, ((2 - ((5 - 2) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 2) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 5 * 1rem);
  --_theme---background-section: var(--swatch--accent-dark);
  --padding--sm: var(--_spacing---space--24);
  --_theme---background: var(--swatch--white);
  --_spacing---space--10: .625rem;
  --_button-style---background: var(--_theme---button-primary--background);
  --_button-style---text: var(--_theme---button-primary--text);
  --_theme---text-link--border: var(--_theme---secondary-text);
  --radius--none: 0rem;
  --swatch--transparent: transparent;
  --_spacing---space--4: .25rem;
  --_button-style---border-hover: var(--_theme---button-primary--border-hover);
  --_button-style---background-hover: var(--_theme---button-primary--background-hover);
  --_button-style---text-hover: var(--_theme---button-primary--text-hover);
  --_theme---text-link--border-hover: var(--swatch--accent);
  --_theme---text-link--text-hover: var(--swatch--accent);
  --swatch--accent-light: #e0dcff;
  --_tipography---font-size--h5: 0px;
  --_tipography---font-size--caption: clamp(.75 * 1rem, ((.75 - ((.875 - .75) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.875 - .75) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), .875 * 1rem);
  --_tipography---font-size--display: 0px;
  --_tipography---line-height--small: 1;
  --_tipography---secondary-family: itc-avant-garde-gothic-pro, sans-serif;
  --_spacing---space--32: 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);
  --_spacing---space--12: .75rem;
  --_spacing---space--8: .5rem;
  --swatch--white-op-100\<deleted\|variable-d7207b0a-78a5-931a-9bed-6a633d9f3a42\>: color-mix(in srgb, var(--swatch--white) 10%, transparent);
  --swatch--white-op-200\<deleted\|variable-52325236-a71f-6e74-0faf-f24ad319fa3d\>: color-mix(in srgb, var(--swatch--white) 20%, transparent);
  --swatch--white-op-600\<deleted\|variable-dd4ddabc-eb1c-7fbe-19f4-36ace909f509\>: color-mix(in srgb, var(--swatch--white) 60%, transparent);
  --_spacing---space--24-fixed: 1.5rem;
  --_tipography---primary-family: itc-avant-garde-gothic-pro, sans-serif;
  --max-width--full: 100%;
  --_spacing---space--40: clamp(1.25 * 1rem, ((1.25 - ((2.5 - 1.25) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 1.25) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 2.5 * 1rem);
  --_spacing---space--120: clamp(5 * 1rem, ((5 - ((7.5 - 5) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7.5 - 5) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 7.5 * 1rem);
  --_spacing---space--80: clamp(4 * 1rem, ((4 - ((5 - 4) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 4) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 5 * 1rem);
  --_spacing---space--48: clamp(1.5 * 1rem, ((1.5 - ((3 - 1.5) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 1.5) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 3 * 1rem);
  --_spacing---space--2: .125rem;
  --_spacing---space--24: clamp(1 * 1rem, ((1 - ((1.5 - 1) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 1.5 * 1rem);
  --swatch--accent-dark: #2610ca;
  --_spacing---space--56: clamp(1.5 * 1rem, ((1.5 - ((3.5 - 1.5) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3.5 - 1.5) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 3.5 * 1rem);
  --_theme---button-secondary--border-hover\<deleted\|variable-ba3d87e4-d98e-a3a4-53fc-002df4d4818e\>: var(--swatch--white-op-200\<deleted\|variable-52325236-a71f-6e74-0faf-f24ad319fa3d\>);
  --swatch--darker-grey\<deleted\|variable-f6225f2d-94ed-cf0d-e8c4-1983c1737535\>: #222;
  --swatch--white-op-50: color-mix(in srgb, var(--swatch--white) 5%, transparent);
  --_tipography---font-size--text-huge: clamp(1.125 * 1rem, ((1.125 - ((2.5 - 1.125) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 1.125) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 2.5 * 1rem);
  --_tipography---font-size--text-tiny: clamp(.75 * 1rem, ((1 - ((.875 - .75) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.875 - .75) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), .875 * 1rem);
  --_tipography---bold: 600;
  --_tipography---light: 300;
  --swatch--black: black;
  --_spacing---space--20: clamp(.75 * 1rem, ((.75 - ((1.25 - .75) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - .75) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 1.25 * 1rem);
  --_spacing---space--64: clamp(2 * 1rem, ((2 - ((4 - 2) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 2) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 4 * 1rem);
  --radius--medium: 2rem;
  --swatch--dark: #1e1e1e;
  --_tipography---medium: 500;
  --_state---on: 0;
  --_text-style---font-size: var(--_tipography---font-size--text-large);
  --_column-count---value: 1;
  --site--viewport-max: 120;
  --site--viewport-min: 22;
  --_state---off: 1;
  --_theme---background-op: var(--swatch--accent-dark);
  --_spacing---space--6: .375rem;
  --_tipography---primary-trim-top: .45em;
  --_tipography---primary-trim-bottom: .65em;
  --site--column-count: 12;
  --_tipography---secondary-trim-top: .5em;
  --_tipography---secondary-trim-bottom: .5em;
  --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));
  --_tipography---extra-light: 200;
  --_theme---selection--background: var(--swatch--accent);
  --_theme---selection--text: var(--swatch--white);
  --_theme---button-primary--background: var(--swatch--accent-dark);
  --_tipography---regular: 400;
  --_text-style---trim-top: var(--_tipography---secondary-trim-top);
  --_text-style---trim-bottom: var(--_tipography---secondary-trim-bottom);
  --_theme---button-primary--border: var(--swatch--transparent);
  --max-width--small: 72rem;
  --_theme---button-primary--text: var(--swatch--white);
  --_theme---button-primary--background-hover: var(--swatch--accent);
  --_theme---button-primary--border-hover: var(--swatch--transparent);
  --radius--round: 9999rem;
  --_theme---button-primary--text-hover: var(--swatch--white);
  --border-width--small: .031rem;
  --focus--width: .0625rem;
  --focus--offset-inner: calc(var(--focus--width) * -1);
  --focus--offset-outer: .125rem;
  --swatch--black-op-50: color-mix(in srgb, var(--swatch--black) 5%, transparent);
  --padding--xl: var(--_spacing---space--64);
  --padding--xxl: var(--_spacing---space--80);
  --_theme---button-secondary--border\<deleted\|variable-4788925a-8ad5-a7ca-a7ce-2a9a09b87917\>: var(--swatch--transparent);
  --_theme---button-secondary--background\<deleted\|variable-d2530824-66db-3429-f4a6-dfb961976923\>: var(--swatch--grey\<deleted\|variable-23331109-c848-c321-d6d3-c2fa76a3afbd\>);
  --_theme---button-secondary--text\<deleted\|variable-69e473db-76fd-e6c3-22cf-8d656188deb5\>: var(--swatch--white);
  --_theme---button-secondary--background-hover\<deleted\|variable-bb35b2f0-5b39-0ff1-db0b-5afa54994c51\>: var(--swatch--dark-grey\<deleted\|variable-a6ed6bd0-282c-10d9-115f-0cd37933cdcf\>);
  --_theme---button-secondary--text-hover\<deleted\|variable-699730c1-9d01-13ef-6512-bd27c4eed383\>: var(--swatch--white);
  --swatch--grey\<deleted\|variable-23331109-c848-c321-d6d3-c2fa76a3afbd\>: #444;
  --swatch--dark-grey\<deleted\|variable-a6ed6bd0-282c-10d9-115f-0cd37933cdcf\>: #333;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  margin-bottom: 0;
}

a {
  padding: 0;
  text-decoration: none;
}

img {
  object-fit: cover;
  max-width: 100%;
  display: inline-block;
}

.u-gap-row-0 {
  grid-row-gap: 0rem;
}

.u-flex-horizontal-wrap {
  align-content: center;
  align-items: center;
  justify-content: inherit;
  flex-flow: wrap;
  display: flex;
}

.u-radius-main {
  border-radius: var(--radius--large);
}

.u-column-start-1 {
  grid-column-start: 1;
}

.u-text-style-small {
  font-family: var(--_text-style---font-family);
  font-size: var(--_tipography---font-size--text-small);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: 0;
  text-transform: var(--_text-style---text-transform, none);
  text-wrap: pretty;
  display: flow-root;
}

.styleguide_nav_wrap {
  order: 1;
  grid-column: 10 / -1;
  max-height: calc(100svh + -2 * clamp(1rem, .6rem + 2vw, 3rem));
  display: flex;
  position: sticky;
  top: clamp(1rem, .6rem + 2vw, 3rem);
}

.styleguide_nav_link {
  color: var(--_theme---main-text);
  outline-offset: var(--focus--offset-inner);
  padding-top: .125rem;
  padding-bottom: .125rem;
  padding-left: .75rem;
  display: block;
}

.styleguide_nav_link.w--current {
  border-left: .125rem solid;
}

.u-gap-row-2 {
  grid-row-gap: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (120 - 20) * 20)) * 1rem + ((.75 - .625) / (120 - 20)) * 100vw), .75 * 1rem);
}

.u-iframe-wrapper {
  aspect-ratio: 16 / 9;
  position: relative;
}

.styleguide_flex_dot {
  opacity: .1;
  pointer-events: none;
  background-color: currentColor;
  border-radius: 100vw;
  min-width: 16cqw;
  min-height: 16cqw;
  padding: 0;
}

.u-gap-7 {
  grid-column-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-row-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  ---mode--collection-187dc627-8307-4916-053e-12db01c5f7ab: mode-019ef5c8-f70f-48c3-3439-e3db98c403b0;
}

.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;
}

.page_main {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.styleguide_contain {
  padding-top: clamp(3rem, 2.6rem + 2vw, 5rem);
  padding-bottom: clamp(3rem, 2.6rem + 2vw, 5rem);
}

.u-row-span-3 {
  grid-row-end: span 3;
}

.u-ratio-5-4 {
  aspect-ratio: 5 / 4;
}

.u-column-start-3 {
  grid-column-start: 3;
}

.u-letter-spacing-tight {
  letter-spacing: -.03em;
}

.u-container {
  z-index: 1;
  grid-column-gap: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (120 - 20) * 20)) * 1rem + ((4 - 2.5) / (120 - 20)) * 100vw), 4 * 1rem);
  grid-row-gap: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (120 - 20) * 20)) * 1rem + ((4 - 2.5) / (120 - 20)) * 100vw), 4 * 1rem);
  flex-flow: column;
  justify-content: center;
  width: calc(100% + -2 * clamp(1rem, .6rem + 2vw, 3rem));
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  container-type: inline-size;
}

.u-row-span-2 {
  grid-row-end: span 2;
}

.u-column-span-2 {
  grid-column-end: span 2;
}

.u-display-inline-grid {
  display: inline-grid;
}

.u-radius-small {
  border-radius: var(--radius--small);
}

.u-margin-inline-auto {
  margin-left: auto;
  margin-right: auto;
}

.u-flex-noshrink {
  flex: none;
}

.u-row-span-1 {
  grid-row-end: span 1;
}

.u-align-items-center {
  align-items: center;
}

.u-pointer-on {
  pointer-events: auto;
}

.u-ratio-2-1 {
  aspect-ratio: 2;
}

.u-row-start-5 {
  grid-row-start: 5;
}

.u-display-none {
  display: none;
}

.u-align-items-end {
  align-items: flex-end;
}

.button_main_wrap {
  border: var(--border-width--main) solid var(--_button-style---border);
  border-radius: var(--radius--large);
  transition: all .2s;
  display: inline-block;
  position: relative;
}

.button_main_wrap:where(.w-variant-9b676eb5-447b-7702-bfd9-fd8454b25b58), .button_main_wrap:where(.w-variant-cb6daa62-1ac9-129f-def6-37fbe477028f) {
  --_button-style---border: var(--_theme---button-primary--border);
  --_button-style---background: var(--_theme---button-primary--background);
  --_button-style---text: var(--_theme---button-primary--text);
  --_button-style---border-hover: var(--_theme---button-primary--border-hover);
  --_button-style---background-hover: var(--_theme---button-primary--background-hover);
  --_button-style---text-hover: var(--_theme---button-primary--text-hover);
}

.u-gap-0 {
  grid-column-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-row-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  ---mode--collection-187dc627-8307-4916-053e-12db01c5f7ab: mode-119e0e0f-ba7c-9c48-47f7-d6b31937f05b;
}

.u-overflow-hidden-left {
  clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%);
}

.tag_wrap {
  border-radius: var(--radius--large);
  background-color: var(--swatch--accent);
  min-width: 4rem;
  color: var(--swatch--white);
  text-align: center;
  padding: .5rem .75rem;
  line-height: 1;
  display: inline-block;
}

.u-padding-large {
  padding: var(--padding--md);
}

.u-row-start-3 {
  grid-row-start: 3;
}

.u-text-wrap-balance {
  text-wrap: balance;
}

.styleguide_group {
  grid-column-gap: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (120 - 20) * 20)) * 1rem + ((2 - 1.75) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-row-gap: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (120 - 20) * 20)) * 1rem + ((2 - 1.75) / (120 - 20)) * 100vw), 2 * 1rem);
  flex-flow: column;
  padding-top: clamp(2.25rem, 2.1rem + .75vw, 3rem);
  display: flex;
  overflow: scroll;
}

.u-align-items-inherit {
  align-items: inherit;
}

.u-zindex-2 {
  z-index: 2;
  position: relative;
}

.styleguide_card_inner {
  grid-column-gap: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (120 - 20) * 20)) * 1rem + ((1 - .875) / (120 - 20)) * 100vw), 1 * 1rem);
  grid-row-gap: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (120 - 20) * 20)) * 1rem + ((1 - .875) / (120 - 20)) * 100vw), 1 * 1rem);
  flex-flow: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.u-row-start-6 {
  grid-row-start: 6;
}

.u-iframe {
  border: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.u-overflow-y-auto {
  overflow: clip auto;
}

.u-padding-block-sitemargin {
  padding-top: var(--site--margin);
  padding-bottom: var(--site--margin);
}

.u-display-block {
  display: block;
}

.u-align-self-center {
  align-self: center;
}

.u-row-span-5 {
  grid-row-end: span 5;
}

.u-gap-row-inherit {
  grid-row-gap: inherit;
}

.u-button-wrapper {
  grid-column-gap: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (120 - 20) * 20)) * 1rem + ((.75 - .625) / (120 - 20)) * 100vw), .75 * 1rem);
  grid-row-gap: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (120 - 20) * 20)) * 1rem + ((.75 - .625) / (120 - 20)) * 100vw), .75 * 1rem);
  align-content: center;
  align-items: center;
  justify-content: inherit;
  flex-flow: wrap;
  margin-top: clamp(2rem, 1.9rem + .5vw, 2.5rem);
  display: flex;
}

.u-overlay {
  background-color: color-mix(in srgb, black calc(var(--number) / 100 * 80%), transparent);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.u-row-span-4 {
  grid-row-end: span 4;
}

.styleguide_visual {
  aspect-ratio: 3 / 1.5;
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--large);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 7rem;
  padding: clamp(.375rem, .35rem + .125vw, .5rem);
  display: flex;
  position: relative;
  overflow: hidden;
}

.u-zindex-0 {
  z-index: 0;
  position: relative;
}

.u-gap-4 {
  grid-column-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-row-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  ---mode--collection-187dc627-8307-4916-053e-12db01c5f7ab: mode-1ef7c34e-4095-b153-c89a-a41e38e7729f;
}

.u-column-start-2 {
  grid-column-start: 2;
}

.u-align-items-start {
  align-items: flex-start;
}

.u-column-span-3 {
  grid-column-end: span 3;
}

.button_main_icon {
  aspect-ratio: 1;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: .8rem;
  margin-top: -.5rem;
  margin-bottom: -.5rem;
  display: flex;
}

.button_main_icon:where(.w-variant-cf5b1dd8-85c8-cb86-15dc-db06914e0d05), .button_main_icon.primary_large-4 {
  width: 1rem;
}

.u-padding-block-large {
  padding-top: var(--padding--md);
  padding-bottom: var(--padding--md);
}

.u-padding-small {
  padding: var(--padding--xs);
}

.u-grid-autofit {
  grid-column-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-row-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  ---mode--collection-187dc627-8307-4916-053e-12db01c5f7ab: base;
  ---mode--collection-46b021ca-89a5-f6bd-951d-9cd6e4738eb2: mode-e906ca7e-c2b0-7cdc-8ed4-caef7bdcae94;
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: repeat(auto-fit, minmax(min(max(8rem, (100% - ((var(--_column-count---value)  - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr));
  display: grid;
}

.u-text-style-h2 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_tipography---font-size--h2);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: 0;
  --_text-style---font-family: var(--_tipography---primary-family);
  --_text-style---line-height: var(--_tipography---line-height--medium);
  --_text-style---font-weight: var(--_tipography---bold);
  --_text-style---font-size: var(--_tipography---font-size--h2);
  --_text-style---trim-top: var(--_tipography---primary-trim-top);
  --_text-style---trim-bottom: var(--_tipography---primary-trim-bottom);
  text-transform: var(--_text-style---text-transform, none);
  text-wrap: pretty;
  display: flow-root;
}

.u-alignment-center {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
}

.u-height-auto {
  height: auto;
}

.u-row-start-4 {
  grid-row-start: 4;
}

.u-column-span-full {
  grid-column: 1 / -1;
}

.u-gap-row-1 {
  grid-row-gap: clamp(.375 * 1rem, ((.375 - ((.5 - .375) / (120 - 20) * 20)) * 1rem + ((.5 - .375) / (120 - 20)) * 100vw), .5 * 1rem);
}

.u-grid-custom {
  grid-column-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-row-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  ---mode--collection-46b021ca-89a5-f6bd-951d-9cd6e4738eb2: mode-e906ca7e-c2b0-7cdc-8ed4-caef7bdcae94;
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr));
  flex-flow: column;
  display: grid;
}

.u-padding-inline-sitemargin {
  padding-right: var(--site--margin);
  padding-left: var(--site--margin);
}

.u-content-wrapper {
  text-align: start;
  justify-content: start;
  align-items: start;
  width: 100%;
}

.u-overflow-clip {
  overflow: clip;
}

.u-padding-inline-gutter {
  padding-right: var(--site--gutter);
  padding-left: var(--site--gutter);
}

.u-gap-row-gutter {
  grid-row-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
}

.u-line-height-medium {
  line-height: var(--_tipography---line-height--medium);
}

.styleguide_nav_list {
  border-left: .125rem solid #eae9ed;
}

.styleguide_nav_list.u-text-small {
  color: var(--_theme---main-text);
}

.u-row-start-1 {
  grid-row-start: 1;
}

.u-order-last {
  order: 1;
}

.u-align-items-stretch {
  align-items: stretch;
}

.styleguide_card_visual {
  opacity: .1;
  pointer-events: none;
  background-color: currentColor;
  border-radius: 100vw;
  width: 100%;
  min-width: 3rem;
  min-height: 3rem;
  padding: 0;
}

.u-justify-content-center {
  justify-content: center;
}

.u-gap-row-5 {
  grid-row-gap: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (120 - 20) * 20)) * 1rem + ((2 - 1.75) / (120 - 20)) * 100vw), 2 * 1rem);
}

.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;
}

.u-radius-round {
  border-radius: 100vw;
}

.u-eyebrow-wrapper {
  color: #197c70;
  justify-content: inherit;
  margin-bottom: clamp(1.75rem, 1.7rem + .25vw, 2rem);
  display: flex;
}

.u-justify-content-inherit {
  justify-content: inherit;
}

.u-padding-block-small {
  padding-top: var(--_spacing---space--16);
  padding-bottom: var(--_spacing---space--16);
}

.u-column-span-12 {
  grid-column-end: span 12;
}

.u-embed-js {
  display: none;
}

.u-text-transform-lowercase {
  text-transform: lowercase;
}

.styleguide_nav_sub_link {
  color: var(--_theme---main-text);
  outline-offset: var(--focus--offset-inner);
  opacity: .6;
  padding: .125rem 1.1rem;
  line-height: 1.3em;
  display: block;
}

.styleguide_nav_sub_link.w--current {
  opacity: 1;
}

.page_wrap {
  flex-flow: column;
  min-height: 100svh;
  display: flex;
  overflow: clip;
}

.u-text-style-medium {
  font-family: var(--_text-style---font-family);
  font-size: var(--_tipography---font-size--text-medium);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: 0;
  --_text-style---font-family: var(--_tipography---secondary-family);
  --_text-style---line-height: var(--_tipography---line-height--large);
  --_text-style---font-weight: var(--_tipography---medium);
  --_text-style---font-size: var(--_tipography---font-size--text-medium);
  --_text-style---trim-top: var(--_tipography---secondary-trim-top);
  --_text-style---trim-bottom: var(--_tipography---secondary-trim-bottom);
  text-transform: var(--_text-style---text-transform, none);
  text-wrap: pretty;
  display: flow-root;
}

.u-weight-regular {
  font-weight: 400;
}

.u-ratio-4-5 {
  aspect-ratio: 4 / 5;
}

.u-text-wrap-default {
  text-wrap: wrap;
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-justify-content-between {
  justify-content: space-between;
}

.u-column-start-9 {
  grid-column-start: 9;
}

.u-embed-css {
  display: none;
}

.u-justify-content-start {
  justify-content: flex-start;
}

.styleguide_nav_sub_wrap {
  grid-template-rows: 0fr;
  grid-template-columns: minmax(0, 1fr);
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: grid;
}

.u-column-span-6 {
  grid-column-end: span 6;
}

.styleguide_section {
  padding-top: clamp(2.5rem, 2.2rem + 1.5vw, 4rem);
}

.u-row-span-6 {
  grid-row-end: span 6;
}

.u-flex-grow {
  flex: 1;
}

.u-column-start-6 {
  grid-column-start: 6;
}

.u-path {
  stroke-width: .125rem;
  stroke: currentColor;
  vector-effect: non-scaling-stroke;
}

.u-column-start-4 {
  grid-column-start: 4;
}

.u-padding-sitemargin {
  padding: var(--site--margin);
}

.u-text-style-main {
  font-family: var(--_text-style---font-family);
  font-size: var(--_tipography---font-size--text-large);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: 0;
  --_text-style---font-family: var(--_tipography---secondary-family);
  --_text-style---line-height: var(--_tipography---line-height--large);
  --_text-style---font-weight: var(--_tipography---medium);
  --_text-style---font-size: var(--_tipography---font-size--text-large);
  --_text-style---trim-top: var(--_tipography---secondary-trim-top);
  --_text-style---trim-bottom: var(--_tipography---secondary-trim-bottom);
  text-transform: var(--_text-style---text-transform, none);
  text-wrap: pretty;
  display: flow-root;
}

.u-column-span-10 {
  grid-column-end: span 10;
}

.guide_wrap {
  z-index: 2000;
  pointer-events: none;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.u-column-start-5 {
  grid-column-start: 5;
}

.u-column-span-1 {
  grid-column-end: span 1;
}

.button_main_text {
  line-height: inherit;
  position: relative;
}

.button_main_text.u-text-style-medium:where(.w-variant-9b676eb5-447b-7702-bfd9-fd8454b25b58) {
  color: var(--_theme---text-link--text);
  white-space: nowrap;
}

.button_main_text.u-text-style-medium:where(.w-variant-cb6daa62-1ac9-129f-def6-37fbe477028f) {
  color: var(--_theme---secondary-text);
  white-space: nowrap;
}

.button_main_text.u-text-style-medium:where(.w-variant-97f0387a-f440-626f-f213-68bc4e85ca3d) {
  font-size: var(--_tipography---font-size--text-small);
}

.u-gap-3 {
  grid-column-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-row-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  ---mode--collection-187dc627-8307-4916-053e-12db01c5f7ab: mode-86ad7e70-e86e-4575-4708-c731d8ac1a66;
}

.u-display-inline-block {
  display: inline-block;
}

.u-zindex-unset {
  z-index: unset;
  position: relative;
}

.u-text-style-h4 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_tipography---font-size--h4);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: 0;
  --_text-style---font-family: var(--_tipography---primary-family);
  --_text-style---line-height: var(--_tipography---line-height--medium);
  --_text-style---font-weight: var(--_tipography---extra-light);
  --_text-style---font-size: var(--_tipography---font-size--h4);
  --_text-style---trim-top: var(--_tipography---primary-trim-top);
  --_text-style---trim-bottom: var(--_tipography---primary-trim-bottom);
  text-transform: var(--_text-style---text-transform, none);
  text-wrap: pretty;
  display: flow-root;
}

.styleguide_icon {
  width: 3rem;
  height: 3rem;
}

.u-max-width-none {
  max-width: none;
}

.u-object-fit-cover {
  object-fit: cover;
}

.u-text-style-h3 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_tipography---font-size--h3);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: 0;
  --_text-style---font-family: var(--_tipography---primary-family);
  --_text-style---line-height: var(--_tipography---line-height--medium);
  --_text-style---font-weight: var(--_tipography---bold);
  --_text-style---font-size: var(--_tipography---font-size--h3);
  --_text-style---trim-top: var(--_tipography---primary-trim-top);
  --_text-style---trim-bottom: var(--_tipography---primary-trim-bottom);
  text-transform: var(--_text-style---text-transform, none);
  text-wrap: pretty;
  display: flow-root;
}

.u-column-span-indent {
  grid-column: 2 / -2;
}

.u-flex-shrink {
  flex: 0 auto;
}

.u-text-transform-capitalize {
  text-transform: capitalize;
}

.guide_contain.u-container {
  max-width: var(--max-width--main);
  width: calc(100% - var(--site--margin) * 2);
}

.u-line-height-large {
  line-height: var(--_tipography---line-height--large);
}

.u-position-fixed {
  position: fixed;
}

.u-column-start-8 {
  grid-column-start: 8;
}

.u-image {
  object-position: calc(var(--x, 50) * 1%) calc(var(--y, 50) * 1%);
  object-fit: inherit;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.u-gap-row-8 {
  grid-row-gap: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (120 - 20) * 20)) * 1rem + ((4 - 2.5) / (120 - 20)) * 100vw), 4 * 1rem);
}

.u-gap-gutter {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
}

.u-position-relative {
  position: relative;
}

.u-width-auto {
  width: auto;
}

.u-text-transform-uppercase {
  text-transform: uppercase;
}

.u-padding-inline-huge {
  padding-right: var(--padding--lg);
  padding-left: var(--padding--lg);
}

.u-overflow-visible {
  overflow: visible;
}

.u-eyebrow-marker {
  background-color: currentColor;
  flex: none;
  padding-bottom: 0;
  padding-right: 0;
}

.u-cover {
  width: 100%;
  height: 100%;
}

.styleguide_subheading {
  margin-bottom: 0;
}

.u-text-style-h6 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_tipography---font-size--h6);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: 0;
  --_text-style---font-family: var(--_tipography---primary-family);
  --_text-style---line-height: var(--_tipography---line-height--medium);
  --_text-style---font-weight: var(--_tipography---extra-light);
  --_text-style---font-size: var(--_tipography---font-size--h6);
  --_text-style---trim-top: var(--_tipography---primary-trim-top);
  --_text-style---trim-bottom: var(--_tipography---primary-trim-bottom);
  text-transform: var(--_text-style---text-transform, none);
  text-wrap: pretty;
  display: flow-root;
}

.u-align-self-stretch {
  align-self: stretch;
}

.u-justify-content-end {
  justify-content: flex-end;
}

.u-gap-1 {
  grid-column-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-row-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  ---mode--collection-187dc627-8307-4916-053e-12db01c5f7ab: mode-bdaf5e1b-7c0a-8c61-17bb-fed9a4ff857c;
}

.u-gap-inherit {
  grid-column-gap: inherit;
  grid-row-gap: inherit;
}

.u-display-inline-flex {
  display: inline-flex;
}

.u-background-transparent {
  background-color: #0000;
}

.styleguide_content {
  grid-column: 1 / span 8;
  width: 100%;
}

.u-column-span-4 {
  grid-column-end: span 4;
}

.u-image-wrapper {
  aspect-ratio: 2;
  border-radius: var(--radius--small);
  background-color: color-mix(in lab, currentcolor 10%, transparent);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: clip;
}

.u-flex-vertical-wrap {
  justify-content: center;
  align-items: inherit;
  flex-flow: column wrap;
  display: flex;
}

.u-padding-gutter {
  padding: var(--site--gutter);
}

.u-radius-inherit {
  border-radius: inherit;
}

.u-weight-medium {
  font-weight: 500;
}

.u-display-inline {
  display: inline;
}

.styleguide_list {
  grid-column-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-row-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.u-flex-horizontal-nowrap {
  align-content: center;
  align-items: center;
  justify-content: inherit;
  flex-flow: row;
  display: flex;
}

.u-ratio-2-3 {
  aspect-ratio: 2 / 3;
}

.u-align-self-inherit {
  align-self: inherit;
}

.u-column-start-11 {
  grid-column-start: 11;
}

.u-text-style-h1 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_tipography---font-size--h1);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: 0;
  --_text-style---font-family: var(--_tipography---primary-family);
  --_text-style---line-height: var(--_tipography---line-height--medium);
  --_text-style---font-weight: var(--_tipography---bold);
  --_text-style---font-size: var(--_tipography---font-size--h1);
  --_text-style---trim-top: var(--_tipography---primary-trim-top);
  --_text-style---trim-bottom: var(--_tipography---primary-trim-bottom);
  text-wrap: pretty;
  display: flow-root;
}

.u-grid-wrapper {
  grid-column-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-row-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  width: 100%;
  display: flex;
}

.u-overflow-x-auto {
  overflow: auto clip;
}

.u-gap-5 {
  grid-column-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-row-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  ---mode--collection-187dc627-8307-4916-053e-12db01c5f7ab: mode-7a928a64-e518-fa97-bb6b-478cec1aee37;
}

.u-pointer-off {
  pointer-events: none;
}

.u-width-full {
  width: 100%;
}

.u-justify-content-around {
  justify-content: space-around;
}

.u-background-2 {
  background-color: var(--_theme---background-section);
}

.u-padding-medium {
  padding: var(--padding--sm);
}

.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));
  justify-content: space-between;
  align-items: stretch;
  display: grid;
}

.u-text-wrap-pretty {
  text-wrap: pretty;
}

.styleguide_layout {
  grid-column-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-row-gap: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (120 - 20) * 20)) * 1rem + ((4 - 2.5) / (120 - 20)) * 100vw), 4 * 1rem);
  flex-flow: column;
  grid-auto-columns: 1fr;
  align-items: start;
}

.styleguide_layout.u-grid-custom {
  --_column-count---value: 12;
}

.u-column-span-5 {
  grid-column-end: span 5;
}

.button_main_line {
  pointer-events: none;
  transform-origin: 100% 100%;
  height: .125rem;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  position: absolute;
  inset: auto 0% 0%;
  transform: translateY(100%)scaleX(0%);
}

.button_main_line:where(.w-variant-7de7ce13-6fd6-2e72-3543-b16ac01734e2), .button_main_line:where(.w-variant-97f0387a-f440-626f-f213-68bc4e85ca3d) {
  transform: translateY(100%)scaleX(0%);
}

.u-gap-6 {
  grid-column-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-row-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  ---mode--collection-187dc627-8307-4916-053e-12db01c5f7ab: mode-11f141d0-4495-9cf6-a4f4-599682bd4289;
}

.u-column-span-9 {
  grid-column-end: span 9;
}

.u-zindex-1 {
  z-index: 1;
  position: relative;
}

.u-row-start-2 {
  grid-row-start: 2;
}

.u-alignment-end {
  text-align: end !important;
  justify-content: end !important;
  align-items: end !important;
}

.u-weight-bold {
  font-weight: 700;
}

.u-letter-spacing-normal {
  letter-spacing: 0;
}

.u-padding-block-gutter {
  padding-top: var(--site--gutter);
  padding-bottom: var(--site--gutter);
}

.u-column-start-10 {
  grid-column-start: 10;
}

.u-grid {
  grid-column-gap: inherit;
  grid-row-gap: inherit;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-auto-columns: minmax(0, 1fr);
  width: 100%;
  display: grid;
}

.u-container-small {
  z-index: 1;
  grid-column-gap: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (120 - 20) * 20)) * 1rem + ((4 - 2.5) / (120 - 20)) * 100vw), 4 * 1rem);
  grid-row-gap: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (120 - 20) * 20)) * 1rem + ((4 - 2.5) / (120 - 20)) * 100vw), 4 * 1rem);
  flex-flow: column;
  justify-content: center;
  width: calc(100% + -2 * clamp(1rem, .6rem + 2vw, 3rem));
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  container-type: inline-size;
}

.u-column-start-7 {
  grid-column-start: 7;
}

.u-min-height-screen {
  min-height: 100svh;
}

.u-padding-inline-large {
  padding-right: var(--padding--md);
  padding-left: var(--padding--md);
}

.u-rich-text {
  grid-column-gap: var(--_tipography---font-size--text-small);
  grid-row-gap: var(--_tipography---font-size--text-small);
  text-wrap: pretty;
  align-items: inherit;
  justify-content: inherit;
  flex-flow: column;
  display: flex;
}

.u-ratio-1-1 {
  aspect-ratio: 1;
}

.u-gap-row-7 {
  grid-row-gap: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (120 - 20) * 20)) * 1rem + ((3 - 2.25) / (120 - 20)) * 100vw), 3 * 1rem);
}

.u-height-full {
  height: 100%;
}

.u-position-absolute {
  position: absolute;
}

.u-eyebrow-layout {
  grid-column-gap: clamp(.375 * 1rem, ((.375 - ((.5 - .375) / (120 - 20) * 20)) * 1rem + ((.5 - .375) / (120 - 20)) * 100vw), .5 * 1rem);
  grid-row-gap: clamp(.375 * 1rem, ((.375 - ((.5 - .375) / (120 - 20) * 20)) * 1rem + ((.5 - .375) / (120 - 20)) * 100vw), .5 * 1rem);
  vertical-align: baseline;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}

.u-grid-subgrid {
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: subgrid;
  grid-column-gap: inherit;
  grid-row-gap: inherit;
  grid-column: auto / span 1;
  display: grid;
}

.u-svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible !important;
}

.u-display-contents {
  display: contents;
}

.u-flex-vertical-nowrap {
  justify-content: center;
  align-items: inherit;
  flex-flow: column;
  display: flex;
}

.u-gap-row-6 {
  grid-row-gap: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (120 - 20) * 20)) * 1rem + ((2.5 - 2) / (120 - 20)) * 100vw), 2.5 * 1rem);
}

.styleguide_scroll {
  grid-column-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-row-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  scrollbar-color: var(--_theme---text) transparent;
  margin-left: calc(-1 * clamp(1rem, .6rem + 2vw, 3rem));
  margin-right: calc(var(--site--margin) * -1);
  grid-template-rows: auto;
  grid-template-columns: minmax(15rem, 1fr);
  grid-auto-columns: minmax(16rem, 1fr);
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: clamp(1rem, .6rem + 2vw, 3rem);
  padding-right: clamp(1rem, .6rem + 2vw, 3rem);
  display: grid;
  overflow: auto clip;
  -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%);
  mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%);
}

.u-padding-inline-medium {
  padding-right: var(--padding--sm);
  padding-left: var(--padding--sm);
}

.u-column-span-11 {
  grid-column-end: span 11;
}

.u-background-1 {
  background-color: var(--_theme---background);
}

.button_main_element {
  padding-top: var(--_spacing---space--10);
  padding-right: var(--_spacing---space--16);
  padding-bottom: var(--_spacing---space--10);
  padding-left: var(--_spacing---space--16);
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-top-style: solid;
  border-top-width: var(--border-width--main);
  border-top-color: var(--_button-style---border);
  border-right-style: solid;
  border-right-width: var(--border-width--main);
  border-right-color: var(--_button-style---border);
  border-bottom-style: solid;
  border-bottom-width: var(--border-width--main);
  border-bottom-color: var(--_button-style---border);
  border-left-style: solid;
  border-left-width: var(--border-width--main);
  border-left-color: var(--_button-style---border);
  background-color: var(--_button-style---background);
  color: var(--_button-style---text);
  text-align: center;
  vertical-align: middle;
  --_button-style---border: var(--_theme---button-primary--border);
  --_button-style---background: var(--_theme---button-primary--background);
  --_button-style---text: var(--_theme---button-primary--text);
  --_button-style---border-hover: var(--_theme---button-primary--border-hover);
  --_button-style---background-hover: var(--_theme---button-primary--background-hover);
  --_button-style---text-hover: var(--_theme---button-primary--text-hover);
  border-radius: inherit;
  justify-content: center;
  align-items: center;
  line-height: 1;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: flex;
  position: relative;
}

.button_main_element:where(.w-variant-9b676eb5-447b-7702-bfd9-fd8454b25b58) {
  background-color: var(--_theme---background);
  --_button-style---border: var(--_theme---button-secondary--border\<deleted\|variable-4788925a-8ad5-a7ca-a7ce-2a9a09b87917\>);
  --_button-style---background: var(--_theme---button-secondary--background\<deleted\|variable-d2530824-66db-3429-f4a6-dfb961976923\>);
  --_button-style---text: var(--_theme---button-secondary--text\<deleted\|variable-69e473db-76fd-e6c3-22cf-8d656188deb5\>);
  --_button-style---border-hover: var(--_theme---button-secondary--border-hover\<deleted\|variable-ba3d87e4-d98e-a3a4-53fc-002df4d4818e\>);
  --_button-style---background-hover: var(--_theme---button-secondary--background-hover\<deleted\|variable-bb35b2f0-5b39-0ff1-db0b-5afa54994c51\>);
  --_button-style---text-hover: var(--_theme---button-secondary--text-hover\<deleted\|variable-699730c1-9d01-13ef-6512-bd27c4eed383\>);
}

.button_main_element:where(.w-variant-7de7ce13-6fd6-2e72-3543-b16ac01734e2) {
  border-style: none none solid;
  border-bottom-color: var(--_theme---text-link--border);
  border-radius: var(--radius--none);
  background-color: var(--swatch--transparent);
  color: var(--_theme---text-link--text);
  padding-left: 0;
  padding-right: 0;
}

.button_main_element:where(.w-variant-cf5b1dd8-85c8-cb86-15dc-db06914e0d05) {
  padding-top: var(--_spacing---space--16);
  padding-bottom: var(--_spacing---space--16);
}

.button_main_element:where(.w-variant-cb6daa62-1ac9-129f-def6-37fbe477028f) {
  background-color: var(--_theme---background);
  --_button-style---border: var(--_theme---button-secondary--border\<deleted\|variable-4788925a-8ad5-a7ca-a7ce-2a9a09b87917\>);
  --_button-style---background: var(--_theme---button-secondary--background\<deleted\|variable-d2530824-66db-3429-f4a6-dfb961976923\>);
  --_button-style---text: var(--_theme---button-secondary--text\<deleted\|variable-69e473db-76fd-e6c3-22cf-8d656188deb5\>);
  --_button-style---border-hover: var(--_theme---button-secondary--border-hover\<deleted\|variable-ba3d87e4-d98e-a3a4-53fc-002df4d4818e\>);
  --_button-style---background-hover: var(--_theme---button-secondary--background-hover\<deleted\|variable-bb35b2f0-5b39-0ff1-db0b-5afa54994c51\>);
  --_button-style---text-hover: var(--_theme---button-secondary--text-hover\<deleted\|variable-699730c1-9d01-13ef-6512-bd27c4eed383\>);
  height: 3.25rem;
}

.button_main_element:where(.w-variant-97f0387a-f440-626f-f213-68bc4e85ca3d) {
  padding: var(--_spacing---space--4) 0rem;
  border-style: none none solid;
  border-bottom-color: var(--_theme---text-link--border);
  border-radius: var(--radius--none);
  background-color: var(--swatch--transparent);
  color: var(--_theme---text-link--text);
}

.button_main_element:hover {
  border-color: var(--_button-style---border-hover);
  background-color: var(--_button-style---background-hover);
  color: var(--_button-style---text-hover);
}

.button_main_element:hover:where(.w-variant-7de7ce13-6fd6-2e72-3543-b16ac01734e2), .button_main_element:hover:where(.w-variant-97f0387a-f440-626f-f213-68bc4e85ca3d) {
  border-bottom-color: var(--_theme---text-link--border-hover);
  background-color: var(--swatch--transparent);
  color: var(--_theme---text-link--text-hover);
}

.button_main_element:hover:where(.w-variant-cb6daa62-1ac9-129f-def6-37fbe477028f), .button_main_element:hover:where(.w-variant-9b676eb5-447b-7702-bfd9-fd8454b25b58) {
  background-color: var(--swatch--accent-light);
}

.button_main_element.primary_large-2 {
  width: 2.5rem;
  height: 2.5rem;
  padding-top: var(--_spacing---space--16);
  padding-bottom: var(--_spacing---space--16);
}

.u-gap-row-3 {
  grid-row-gap: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (120 - 20) * 20)) * 1rem + ((1 - .875) / (120 - 20)) * 100vw), 1 * 1rem);
}

.u-grid-autofill {
  grid-column-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-row-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  ---mode--collection-187dc627-8307-4916-053e-12db01c5f7ab: base;
  ---mode--collection-46b021ca-89a5-f6bd-951d-9cd6e4738eb2: mode-e906ca7e-c2b0-7cdc-8ed4-caef7bdcae94;
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: repeat(auto-fill, minmax(min(max(8rem, (100% - ((var(--_column-count---value)  - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr));
  display: grid;
}

.u-text-transform-none {
  text-transform: none;
}

.u-ratio-16-9 {
  aspect-ratio: 16 / 9;
}

.u-gap-2 {
  grid-column-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-row-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  ---mode--collection-187dc627-8307-4916-053e-12db01c5f7ab: mode-27a4550c-df71-851c-8590-ef33cf556c7e;
}

.u-alignment-start {
  text-align: start !important;
  justify-content: start !important;
  align-items: start !important;
}

.u-gap-8 {
  grid-column-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-row-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  ---mode--collection-187dc627-8307-4916-053e-12db01c5f7ab: mode-13083708-45c4-dcc0-acac-0fe426b0034c;
}

.u-text-style-h5 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_tipography---font-size--h5);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: 0;
  --_text-style---font-family: var(--_tipography---primary-family);
  --_text-style---line-height: var(--_tipography---line-height--medium);
  --_text-style---font-weight: var(--_tipography---extra-light);
  --_text-style---font-size: var(--_tipography---font-size--h5);
  --_text-style---trim-top: var(--_tipography---primary-trim-top);
  --_text-style---trim-bottom: var(--_tipography---primary-trim-bottom);
  text-transform: var(--_text-style---text-transform, none);
  text-wrap: pretty;
  display: flow-root;
}

.u-padding-inline-small {
  padding-right: var(--padding--xs);
  padding-left: var(--padding--xs);
}

.u-column-span-8 {
  grid-column-end: span 8;
}

.u-align-self-start {
  align-self: flex-start;
}

.u-column-start-12 {
  grid-column-start: 12;
}

.styleguide_card_wrap {
  grid-column-gap: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (120 - 20) * 20)) * 1rem + ((2.5 - 2) / (120 - 20)) * 100vw), 2.5 * 1rem);
  grid-row-gap: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (120 - 20) * 20)) * 1rem + ((2.5 - 2) / (120 - 20)) * 100vw), 2.5 * 1rem);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--large);
  background-color: var(--swatch--accent);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: clamp(1.75rem, 1.7rem + .25vw, 2rem);
  display: flex;
  position: relative;
  overflow: hidden;
}

.u-ratio-3-2 {
  aspect-ratio: 3 / 2;
}

.u-eyebrow-text {
  font-family: var(--_text-style---font-family);
  font-size: var(--_tipography---font-size--caption);
  line-height: var(--_tipography---line-height--medium);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: .1ch;
  text-transform: uppercase;
  --_text-style---font-family: var(--_tipography---secondary-family);
  --_text-style---line-height: var(--_tipography---line-height--small);
  --_text-style---font-weight: var(--_tipography---bold);
  --_text-style---font-size: var(--_tipography---font-size--caption);
  --_text-style---trim-top: var(--_tipography---secondary-trim-top);
  --_text-style---trim-bottom: var(--_tipography---secondary-trim-bottom);
}

.u-color-inherit {
  color: inherit;
}

.styleguide_nav_item {
  margin-left: calc(var(--border-width--main) * -.5);
}

.styleguide_nav_sub_list {
  overflow: hidden;
}

.styleguide_flex_wrap {
  aspect-ratio: 1;
  background-image: url('../images/dots.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 88%;
  flex-flow: column;
  width: 100%;
  display: flex;
  container-type: inline-size;
}

.u-position-static {
  position: static;
}

.u-column-start-auto {
  grid-column-start: auto;
}

.u-zindex-negative {
  z-index: -1;
  position: relative;
}

.u-section {
  color: #28224b;
  background-color: #f8fdff;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.u-grid-breakout {
  grid-column-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-row-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (120 - 20) * 20)) * 1rem + ((2 - 1) / (120 - 20)) * 100vw), 2 * 1rem);
  grid-template-rows: auto;
  grid-template-columns: [full-start] minmax(0, 1fr)[content-start] repeat(12, minmax(0, calc(min(120rem, 100% + -2 * clamp(1rem, .6rem + 2vw, 3rem)) / 12 + clamp(1rem, .8rem + 1vw, 2rem) / -1.09091)))[content-end] minmax(0, 1fr)[full-end];
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.u-zindex-3 {
  z-index: 3;
  position: relative;
}

.u-cover-absolute {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.u-text-style-display {
  font-family: var(--_text-style---font-family);
  font-size: var(--_tipography---font-size--display);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  --_text-style---font-family: var(--_tipography---primary-family);
  --_text-style---line-height: var(--_tipography---line-height--medium);
  --_text-style---font-weight: var(--_tipography---extra-light);
  --_text-style---font-size: var(--_tipography---font-size--display);
  --_text-style---trim-top: var(--_tipography---primary-trim-top);
  --_text-style---trim-bottom: var(--_tipography---primary-trim-bottom);
  text-transform: var(--_text-style---text-transform, none);
  text-wrap: pretty;
  display: flow-root;
}

.u-container-full {
  z-index: 1;
  grid-column-gap: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (120 - 20) * 20)) * 1rem + ((4 - 2.5) / (120 - 20)) * 100vw), 4 * 1rem);
  grid-row-gap: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (120 - 20) * 20)) * 1rem + ((4 - 2.5) / (120 - 20)) * 100vw), 4 * 1rem);
  flex-flow: column;
  justify-content: center;
  width: calc(100% + -2 * clamp(1rem, .6rem + 2vw, 3rem));
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  container-type: inline-size;
}

.u-padding-block-medium {
  padding-top: var(--padding--sm);
  padding-bottom: var(--padding--sm);
}

.styleguide_nav_card {
  background-color: var(--swatch--accent);
  border-radius: 1.5rem;
  width: 100%;
  padding: 1rem;
  overflow: clip auto;
}

.styleguide_font_item {
  grid-column-gap: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (120 - 20) * 20)) * 1rem + ((1.5 - 1.25) / (120 - 20)) * 100vw), 1.5 * 1rem);
  grid-row-gap: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (120 - 20) * 20)) * 1rem + ((1.5 - 1.25) / (120 - 20)) * 100vw), 1.5 * 1rem);
  border-bottom: .125rem solid #eae9ed;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  padding-top: clamp(1.75rem, 1.7rem + .25vw, 2rem);
  padding-bottom: clamp(1.75rem, 1.7rem + .25vw, 2rem);
  display: flex;
}

.u-order-first {
  order: -1;
}

.u-min-width-auto {
  min-width: auto;
}

.u-radius-none {
  border-radius: var(--radius--none);
}

.u-line-height-small {
  line-height: var(--_tipography---line-height--small);
}

.u-object-fit-contain {
  object-fit: contain;
}

.u-column-span-7 {
  grid-column-end: span 7;
}

.u-color-faded {
  color: color-mix(in srgb, currentColor 70%, transparent);
}

.u-video {
  aspect-ratio: 2;
  background-color: color-mix(in lab, currentcolor 10%, transparent);
  width: 100%;
  height: 100%;
}

.u-gap-row-4 {
  grid-row-gap: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (120 - 20) * 20)) * 1rem + ((1.5 - 1.25) / (120 - 20)) * 100vw), 1.5 * 1rem);
}

.u-text {
  letter-spacing: 0;
  min-width: 100%;
  text-transform: var(--_text-style---text-transform, none);
  text-wrap: pretty;
  justify-content: center;
  align-items: inherit;
  max-width: calc(var(--number) * 1ch);
  flex-flow: column;
  margin-bottom: clamp(1.25rem, 1.2rem + .25vw, 1.5rem);
  font-size: clamp(1rem, .975rem + .125vw, 1.125rem);
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.u-row-start-auto {
  grid-row-start: auto;
}

.u-align-self-end {
  align-self: flex-end;
}

.u-max-width-full {
  max-width: 100%;
}

.u-position-sticky {
  position: sticky;
  top: 0;
}

.body {
  background-color: var(--_theme---background);
  font-family: var(--_tipography---secondary-family);
  color: var(--_theme---main-text);
}

.copy_main_wrap {
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.copy_inner_wrap {
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.main_field_item {
  grid-column-gap: var(--_spacing---space--12);
  grid-row-gap: var(--_spacing---space--12);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.label_title.u-eyebrow-text {
  line-height: var(--_tipography---line-height--large);
}

.main_fiter_block {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.main_fiter_block.is-sm {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
}

.text_field {
  padding: var(--_spacing---space--8) var(--_spacing---space--12);
  border: var(--border-width--main) solid var(--swatch--white-op-100\<deleted\|variable-d7207b0a-78a5-931a-9bed-6a633d9f3a42\>);
  border-radius: var(--radius--small);
  background-color: var(--swatch--white-op-200\<deleted\|variable-52325236-a71f-6e74-0faf-f24ad319fa3d\>);
  font-size: var(--_tipography---font-size--text-small);
  margin-bottom: 0;
}

.text_field:hover {
  border-color: var(--swatch--white-op-200\<deleted\|variable-52325236-a71f-6e74-0faf-f24ad319fa3d\>);
}

.text_field:focus {
  border-color: var(--swatch--white-op-600\<deleted\|variable-dd4ddabc-eb1c-7fbe-19f4-36ace909f509\>);
}

.select_field {
  padding: var(--_spacing---space--8) var(--_spacing---space--24-fixed) var(--_spacing---space--8) var(--_spacing---space--12);
  border: var(--border-width--main) solid var(--swatch--white-op-100\<deleted\|variable-d7207b0a-78a5-931a-9bed-6a633d9f3a42\>);
  border-radius: var(--radius--small);
  background-color: var(--swatch--white-op-200\<deleted\|variable-52325236-a71f-6e74-0faf-f24ad319fa3d\>);
  font-size: var(--_tipography---font-size--text-small);
  background-image: url('../images/arrow_back_ios_new.svg');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.select_field:hover {
  border-style: solid;
  border-color: var(--swatch--white-op-200\<deleted\|variable-52325236-a71f-6e74-0faf-f24ad319fa3d\>);
}

.select_field:active {
  border-color: var(--swatch--white-op-600\<deleted\|variable-dd4ddabc-eb1c-7fbe-19f4-36ace909f509\>);
}

.main_card_wrap {
  border: var(--border-width--main) solid var(--swatch--white-op-100\<deleted\|variable-d7207b0a-78a5-931a-9bed-6a633d9f3a42\>);
  border-radius: var(--radius--large);
  background-color: var(--swatch--accent);
  width: 100%;
  color: var(--_theme---main-text);
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.simple_image {
  width: 100%;
  height: 100%;
}

.main_card_bottom {
  grid-column-gap: var(--_spacing---space--24-fixed);
  grid-row-gap: var(--_spacing---space--24-fixed);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.main_card_bottom.u-padding-small {
  z-index: 1;
  width: 100%;
}

.content_details, .content_detail_small {
  grid-column-gap: var(--_spacing---space--16);
  grid-row-gap: var(--_spacing---space--16);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card_eyebrow {
  width: 100%;
  color: var(--_theme---secondary-text);
  letter-spacing: .04em;
  text-transform: uppercase;
  line-height: 100%;
  text-decoration: none;
}

.card_title {
  width: 100%;
}

.content_detail_dec {
  grid-column-gap: var(--_spacing---space--12);
  grid-row-gap: var(--_spacing---space--12);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.simple-description {
  width: 100%;
  color: var(--_theme---secondary-text);
  line-height: 150%;
}

.property-features-contain {
  grid-column-gap: var(--_spacing---space--16);
  grid-row-gap: var(--_spacing---space--16);
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.property-feature {
  grid-column-gap: var(--_spacing---space--4);
  grid-row-gap: var(--_spacing---space--4);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.property-feature-text {
  grid-column-gap: 2px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.property-copy {
  color: #fffc;
  margin-top: 0;
  margin-bottom: 0;
}

.property-feature-unit {
  color: #fffc;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.property_price_wrap {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.property_price {
  font-family: var(--_tipography---primary-family);
  color: var(--_theme---secondary-text);
  font-size: var(--_tipography---font-size--h4);
  line-height: var(--_tipography---line-height--small);
  font-weight: 700;
}

.code-block {
  display: none;
}

.hero_section_wrap {
  width: var(--max-width--full);
  overflow: hidden;
}

.hero_section_contain {
  width: var(--max-width--full);
  height: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--40);
  grid-row-gap: var(--_spacing---space--40);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.hero_section_contain.u-padding-sitemargin {
  grid-column-gap: var(--site--margin);
  grid-row-gap: var(--site--margin);
}

.hero_section_inner {
  width: 100%;
  max-width: var(--max-width--main);
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: grid;
}

.hero_section_inner.u-padding-sitemargin {
  z-index: 2;
  grid-column-gap: var(--_spacing---space--120);
  grid-row-gap: var(--_spacing---space--120);
  flex-flow: column;
  justify-content: flex-start;
  place-items: flex-start stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.simple_card {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--large);
  background-color: var(--swatch--accent);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.simple_card.u-padding-main {
  align-self: stretch;
  height: auto;
}

.simple_card.is-sm {
  width: 50%;
  height: auto;
}

.simple_card.is-sm.u-padding-main {
  align-self: auto;
  max-width: 85ch;
}

.section_description {
  width: 100%;
  max-width: 80ch;
  color: var(--_theme---secondary-text);
  line-height: 150%;
}

.date_item {
  width: 100%;
  color: var(--_theme---secondary-text);
  letter-spacing: .04em;
  text-transform: uppercase;
  line-height: 100%;
  text-decoration: none;
}

.title_copy {
  width: 100%;
}

.secondary_card_bottom {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.secondary_card_wrap {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  width: 100%;
  color: var(--_theme---main-text);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.content_details_space-between {
  grid-column-gap: var(--_spacing---space--16);
  grid-row-gap: var(--_spacing---space--16);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.u-image_radius {
  border-radius: var(--radius--large);
  overflow: hidden;
}

.conact_main_wrap {
  width: 100%;
}

.contact_main_inner {
  width: 100%;
  height: 100%;
  max-width: var(--max-width--main);
  grid-column-gap: var(--_spacing---space--40);
  grid-row-gap: var(--_spacing---space--40);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contact_main_card {
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--large);
  background-color: var(--swatch--accent);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.contact_main_card.u-padding-main {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
}

.contact_main_left {
  grid-column-gap: var(--_spacing---space--80);
  grid-row-gap: var(--_spacing---space--80);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50ch;
  display: flex;
}

.conact_main_contain {
  width: 100%;
}

.info_detail_wrap {
  grid-column-gap: var(--_spacing---space--48);
  grid-row-gap: var(--_spacing---space--48);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.info_detail_wrap.is-desktop-hidden {
  display: none;
}

.info_detail_wrap.is-small {
  grid-column-gap: var(--_spacing---space--12);
  grid-row-gap: var(--_spacing---space--12);
}

.info_detail {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.info_detail_item {
  grid-column-gap: var(--_spacing---space--16);
  grid-row-gap: var(--_spacing---space--16);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.contact_secondary_title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Fahkwang, sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 100%;
  text-decoration: none;
}

.contact_form_contain {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.contact_form_row {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.text_area {
  min-height: 7.5rem;
  padding: var(--_spacing---space--8) var(--_spacing---space--12);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--small);
  background-color: var(--swatch--white-op-200\<deleted\|variable-52325236-a71f-6e74-0faf-f24ad319fa3d\>);
  font-size: var(--_tipography---font-size--text-small);
  margin-bottom: 0;
}

.text_area:hover {
  border-color: var(--swatch--white-op-200\<deleted\|variable-52325236-a71f-6e74-0faf-f24ad319fa3d\>);
}

.text_area:focus {
  border-color: var(--swatch--white-op-600\<deleted\|variable-dd4ddabc-eb1c-7fbe-19f4-36ace909f509\>);
}

.cta_main_wrap {
  width: 100%;
}

.cta_main_contain {
  background-image: url('../images/cta-image.png');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-height: 40vh;
  max-height: 600px;
  display: flex;
  position: relative;
}

.cta_main_inner {
  width: 100%;
  height: 100%;
  max-width: var(--max-width--main);
  grid-column-gap: var(--_spacing---space--40);
  grid-row-gap: var(--_spacing---space--40);
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer_main_wrap, .footer_main_contain {
  width: 100%;
}

.footer_main_inner {
  grid-row-gap: var(--_spacing---space--32);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer_top_wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer_logo_image {
  width: var(--_spacing---space--80);
  object-fit: contain;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer_link_wrap {
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.footer_link_item {
  grid-column-gap: var(--_spacing---space--4);
  grid-row-gap: var(--_spacing---space--4);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer_link {
  color: var(--_theme---main-text);
}

.social_link_wrap {
  grid-column-gap: 12px;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer_bottom_wrap {
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer_devider {
  object-fit: cover;
  width: 100%;
}

.rights {
  color: #fffc;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 150%;
}

.social_link {
  width: 2rem;
  padding: var(--_spacing---space--2);
  aspect-ratio: 1;
  color: var(--_theme---main-text);
  justify-content: center;
  align-items: center;
  display: flex;
}

.social_link.is-sm {
  width: 1.5rem;
}

.footer_bottom_contain {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.info_detail_title {
  grid-column-gap: var(--_spacing---space--8);
  grid-row-gap: var(--_spacing---space--8);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.info_detail_title.is-small {
  grid-column-gap: var(--_spacing---space--8);
  grid-row-gap: var(--_spacing---space--8);
}

.info_detail_buttons {
  grid-column-gap: var(--_spacing---space--8);
  grid-row-gap: var(--_spacing---space--8);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer_link_contain {
  padding-bottom: var(--_spacing---space--4);
  border-bottom: var(--border-width--main) solid transparent;
  color: var(--_theme---main-text);
  transition: all .2s;
}

.footer_link_contain:hover {
  border-bottom-color: var(--swatch--white);
}

.navbar_content_wrap {
  border-bottom: var(--border-width--main) solid var(--swatch--white-op-100\<deleted\|variable-d7207b0a-78a5-931a-9bed-6a633d9f3a42\>);
  background-color: var(--swatch--accent-dark);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  width: 100%;
  color: var(--_theme---main-text);
  position: fixed;
}

.navbar_content_inner {
  max-width: var(--max-width--main);
  padding: var(--_spacing---space--16) var(--site--margin);
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar_link_item {
  padding: var(--_spacing---space--4) 0px;
  border-bottom: var(--border-width--main) solid transparent;
  color: var(--_theme---main-text);
}

.navbar_link_item:hover {
  border-bottom-color: var(--_theme---text-link--border);
}

.navbar_link_item.u-eyebrow-text {
  height: 100%;
}

.navbar_link_item.u-eyebrow-text.w--current {
  border-bottom-color: var(--_theme---text-link--border-hover);
  color: var(--_theme---main-text);
}

.nav_menu_wrap {
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.navbar_dropdown_item {
  margin-top: var(--_spacing---space--4);
  padding: var(--_spacing---space--4) 0px;
  color: var(--_theme---main-text);
}

.icon {
  color: var(--_theme---main-text);
  margin-right: 0;
}

.dropdown-text {
  color: var(--_theme---main-text);
}

.dropdown-toggle {
  padding: 0px var(--_spacing---space--16) 0px 0px;
}

.social_icon_contain {
  grid-column-gap: var(--_spacing---space--8);
  grid-row-gap: var(--_spacing---space--8);
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  width: 9rem;
  text-decoration: none;
  display: flex;
}

.team_card_wrap {
  grid-column-gap: var(--_spacing---space--24-fixed);
  grid-row-gap: var(--_spacing---space--24-fixed);
  width: 100%;
  color: var(--_theme---main-text);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.icon_small {
  width: var(--_spacing---space--16);
  height: var(--_spacing---space--16);
  object-fit: contain;
}

.team_card_wrap-02 {
  border: var(--border-width--main) solid var(--swatch--white-op-100\<deleted\|variable-d7207b0a-78a5-931a-9bed-6a633d9f3a42\>);
  border-radius: var(--radius--large);
  background-color: var(--swatch--accent);
  width: 100%;
  color: var(--_theme---main-text);
  flex-flow: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.team_card_image {
  width: auto;
  height: 100%;
}

.team_card_image.is-type_02 {
  min-width: 40%;
}

.nav_menu_contain {
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brand-logo-contain.is-hidden-desktop {
  display: none;
}

.brand-logo-contain.is-hidden-mobile {
  width: 9rem;
}

.navbar_dropdown_menu {
  left: -24%;
}

.navbar_dropdown_menu.w--open {
  padding: var(--_spacing---space--32);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--large);
  background-color: var(--swatch--accent);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navbar_dropdown_link {
  padding: var(--_spacing---space--4) 0px;
  border-bottom: var(--border-width--main) solid transparent;
  color: var(--_theme---main-text);
  white-space: nowrap;
}

.navbar_dropdown_link:hover {
  border-bottom-color: var(--_theme---text-link--border);
}

.navbar_dropdown_link.u-text-style-small {
  margin-bottom: var(--_spacing---space--12);
}

.navbar_dropdown_link.u-text-style-small.w--current {
  border-bottom-color: var(--_theme---button-secondary--border-hover\<deleted\|variable-ba3d87e4-d98e-a3a4-53fc-002df4d4818e\>);
  color: var(--_theme---main-text);
}

.property_image_lightbox {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.icon_medium {
  width: var(--_spacing---space--40);
  height: var(--_spacing---space--40);
}

.simple_image_wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.simple_image_wrap.is-16-9 {
  z-index: 1;
  aspect-ratio: 16 / 9;
  position: relative;
}

.simple_image_wrap.is-3-2 {
  aspect-ratio: 3 / 2;
}

.simple_image_wrap.is-1-1 {
  aspect-ratio: 1;
}

.success-message {
  background-color: #0000;
}

.error_message_wrap {
  margin-top: var(--_spacing---space--24-fixed);
  padding: var(--_spacing---space--16);
  border: var(--border-width--main) solid var(--_button-style---border-hover);
  border-radius: var(--radius--small);
  background-color: var(--swatch--darker-grey\<deleted\|variable-f6225f2d-94ed-cf0d-e8c4-1983c1737535\>);
}

.error_message {
  color: #f75c5c;
}

.main_card_bg-hover {
  z-index: 0;
  background-color: var(--swatch--white-op-50);
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hamburger {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.hamburger-line {
  background-color: #000;
  width: 14px;
  height: 2px;
  margin-top: 3px;
}

.hamburger-line._01 {
  cursor: pointer;
  width: 15px;
  margin-top: 0;
  margin-bottom: 3px;
}

.hamburger-line._02 {
  width: 15px;
}

.languauge_icon_contain {
  color: var(--_theme---secondary-text);
  padding: 0;
}

.languauge_icon_wrap {
  margin-left: 0;
  margin-right: 0;
}

.languauge_icon_inner {
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--large);
  background-color: var(--swatch--accent);
}

.u-padding-huge {
  padding: var(--padding--lg);
}

.u-padding-block-huge {
  padding-top: var(--padding--lg);
  padding-bottom: var(--padding--lg);
}

.section_background_image {
  z-index: 1;
  width: var(--max-width--full);
  height: var(--max-width--full);
  opacity: .15;
  position: absolute;
}

.section_background_gradient {
  z-index: 0;
  width: var(--max-width--full);
  height: var(--max-width--full);
  position: absolute;
  inset: 0%;
}

.hero_section_top {
  grid-column-gap: var(--_spacing---space--40);
  grid-row-gap: var(--_spacing---space--40);
  display: flex;
}

.image-logo {
  max-width: var(--_spacing---space--120);
  object-fit: contain;
}

.image-divider {
  object-fit: contain;
}

.hero_section_content {
  grid-column-gap: var(--_spacing---space--24);
  grid-row-gap: var(--_spacing---space--24);
  flex-flow: column;
  display: flex;
}

.hero_section_text {
  color: var(--swatch--white);
}

.hero_section_text.text-huge {
  display: block;
}

.hero_section_title {
  color: var(--swatch--white);
}

.u-text-style-huge {
  font-family: var(--_text-style---font-family);
  font-size: var(--_tipography---font-size--text-huge);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: 0;
  --_text-style---font-family: var(--_tipography---secondary-family);
  --_text-style---line-height: var(--_tipography---line-height--large);
  --_text-style---font-weight: var(--_tipography---medium);
  --_text-style---font-size: var(--_tipography---font-size--text-large);
  --_text-style---trim-top: var(--_tipography---secondary-trim-top);
  --_text-style---trim-bottom: var(--_tipography---secondary-trim-bottom);
  text-transform: var(--_text-style---text-transform, none);
  text-wrap: pretty;
  display: flow-root;
}

.u-text-style-tiny {
  font-family: var(--_text-style---font-family);
  font-size: var(--_tipography---font-size--text-tiny);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: 0;
  text-transform: var(--_text-style---text-transform, none);
  text-wrap: pretty;
  display: flow-root;
}

.intro_section_wrap {
  width: var(--max-width--full);
  overflow: hidden;
}

.intro_section_contain {
  width: var(--max-width--full);
  height: var(--max-width--full);
  max-width: var(--max-width--main);
  grid-column-gap: var(--_spacing---space--40);
  grid-row-gap: var(--_spacing---space--40);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.intro_section_contain.u-padding-sitemargin {
  grid-column-gap: var(--site--margin);
  grid-row-gap: var(--site--margin);
}

.intro_section_inner {
  width: 100%;
  max-width: var(--max-width--main);
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: grid;
}

.intro_section_inner.u-padding-sitemargin {
  z-index: 2;
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  flex-flow: column;
  justify-content: flex-start;
  place-items: center stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.main_content_text.text-huge {
  display: block;
}

.main_content_text.u-text-style-medium.is-bold {
  font-weight: var(--_tipography---bold);
}

.main_content_text.u-text-style-medium.is-quote, .main_content_text.u-text-style-small.is-quote {
  font-style: italic;
  font-weight: var(--_tipography---bold);
}

.main_content_text.u-text-style-small.is-name {
  font-weight: var(--_tipography---bold);
}

.main_content_text.u-text-style-small.is-title {
  font-weight: var(--_tipography---light);
}

.main_content_text.u-text-style-small.is-bold {
  font-weight: var(--_tipography---bold);
}

.main_content_text.u-text-style-main.u-alignment-center {
  text-wrap: balance;
}

.main_content_text.u-text-style-main.u-alignment-center.is-bold, .main_content_text.u-text-style-tiny.is-bold {
  font-weight: var(--_tipography---bold);
}

.intro_section_title {
  color: var(--swatch--white);
}

.intro_section_top {
  width: var(--max-width--full);
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  display: flex;
}

.intro_text_content {
  grid-column-gap: var(--_spacing---space--16);
  grid-row-gap: var(--_spacing---space--16);
  flex-flow: column;
  width: 50%;
  display: flex;
}

.methodology_section_inner {
  width: 100%;
  max-width: var(--max-width--main);
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: grid;
}

.methodology_section_inner.u-padding-sitemargin {
  z-index: 2;
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  flex-flow: row;
  justify-content: flex-start;
  place-items: flex-start stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.methodology_section_wrap {
  width: var(--max-width--full);
  overflow: hidden;
}

.methodology_section_contain {
  width: var(--max-width--full);
  height: var(--max-width--full);
  max-width: var(--max-width--main);
  grid-column-gap: var(--_spacing---space--40);
  grid-row-gap: var(--_spacing---space--40);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.methodology_section_contain.u-padding-sitemargin {
  grid-column-gap: var(--site--margin);
  grid-row-gap: var(--site--margin);
}

.methodology_section_top {
  width: var(--max-width--full);
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  display: flex;
}

.methodology_text_content {
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  color: var(--swatch--black);
  flex-flow: column;
  display: flex;
}

.methodology_section_title.u-text-style-h2 {
  text-wrap: balance;
}

.methodology_section_title.u-text-style-h2.is-01 {
  -webkit-text-fill-color: transparent;
  background-image: url('../images/text-image-03.png');
  background-position: 0 0;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}

.methodology_section_title.u-text-style-h2.is-02 {
  -webkit-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  background-image: url('../images/text-image-03.png');
  background-position: 0 0;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}

.methodology_section_title.u-text-style-h2.is-002 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: url('../images/Rectangle-37.png');
  background-position: 0 0;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}

.methodology_section_title.u-text-style-h2.is-05 {
  -webkit-text-fill-color: transparent;
  background-image: url('../images/Rectangle-37.png');
  background-position: 100% 0;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}

.methodology_section_title.u-text-style-h3.is-01, .methodology_section_title.u-text-style-h3.is-03 {
  -webkit-text-fill-color: transparent;
  background-image: url('../images/text-image-01.png');
  background-position: 0 0;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}

.methodology_content_column {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  flex-flow: column;
  min-width: 34rem;
  display: flex;
}

.testimonial_section_wrap {
  width: var(--max-width--full);
  overflow: hidden;
}

.testimonial_section_contain {
  width: var(--max-width--full);
  height: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--40);
  grid-row-gap: var(--_spacing---space--40);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.testimonial_section_contain.u-padding-sitemargin {
  grid-column-gap: var(--site--margin);
  grid-row-gap: var(--site--margin);
}

.testimonial_section_inner {
  width: 100%;
  max-width: var(--max-width--main);
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: grid;
}

.testimonial_section_inner.u-padding-sitemargin {
  z-index: 2;
  grid-column-gap: var(--_spacing---space--120);
  grid-row-gap: var(--_spacing---space--120);
  flex-flow: column;
  justify-content: flex-start;
  place-items: flex-start stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.testimonail_section_row {
  grid-column-gap: var(--_spacing---space--120);
  grid-row-gap: var(--_spacing---space--120);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.testimonail_section_image {
  width: 55%;
}

.testimonail_section_image.u-ratio-16-9 {
  border-radius: var(--radius--small);
}

.testimonail_item_wrap {
  grid-column-gap: var(--_spacing---space--16);
  grid-row-gap: var(--_spacing---space--16);
  width: 45%;
  color: var(--swatch--white);
  display: flex;
}

.image {
  height: var(--_spacing---space--40);
}

.testimonail_section_inner {
  grid-column-gap: var(--_spacing---space--20);
  grid-row-gap: var(--_spacing---space--20);
  flex-flow: column;
  display: flex;
}

.testimonail_section_bottom {
  flex-flow: column;
  display: flex;
}

.chain_section_wrap {
  width: var(--max-width--full);
  overflow: hidden;
}

.chain_section_contain {
  width: var(--max-width--full);
  height: var(--max-width--full);
  max-width: var(--max-width--main);
  grid-column-gap: var(--_spacing---space--40);
  grid-row-gap: var(--_spacing---space--40);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.chain_section_contain.u-padding-sitemargin {
  grid-column-gap: var(--site--margin);
  grid-row-gap: var(--site--margin);
}

.chain_section_inner {
  width: 100%;
  max-width: var(--max-width--main);
  grid-column-gap: var(--_spacing---space--80);
  grid-row-gap: var(--_spacing---space--80);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.chain_section_inner.u-padding-sitemargin {
  z-index: 2;
  grid-column-gap: var(--_spacing---space--120);
  grid-row-gap: var(--_spacing---space--120);
  flex-flow: column;
  justify-content: center;
  place-items: center stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.chain_text_content {
  width: 45%;
  padding-right: var(--_spacing---space--32);
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.code-embed {
  width: var(--max-width--full);
  aspect-ratio: 16 / 9;
}

.conclusion_section_row {
  grid-column-gap: var(--_spacing---space--120);
  grid-row-gap: var(--_spacing---space--120);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.conclusion_section_row.u-padding-large {
  grid-column-gap: var(--_spacing---space--80);
  grid-row-gap: var(--_spacing---space--80);
  border-radius: var(--radius--large);
  background-color: var(--swatch--white);
}

.conclusion_section_row.u-padding-huge {
  grid-column-gap: var(--_spacing---space--64);
  grid-row-gap: var(--_spacing---space--64);
  border-radius: var(--radius--medium);
  background-color: var(--swatch--white);
}

.conclusion_section_row_text_content {
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  color: var(--swatch--black);
  flex-flow: column;
  display: flex;
}

.conclusion_section_row_item_wrap {
  grid-column-gap: var(--_spacing---space--16);
  grid-row-gap: var(--_spacing---space--16);
  flex-flow: column;
  width: 55%;
  display: flex;
}

.conclusion_section_image {
  width: 55%;
}

.conclusion_section_image.u-ratio-16-9 {
  border-radius: var(--radius--small);
  width: 50%;
}

.footer_section_wrap {
  width: var(--max-width--full);
  overflow: hidden;
}

.footer_section_contain {
  width: var(--max-width--full);
  height: var(--max-width--full);
  max-width: var(--max-width--main);
  grid-column-gap: var(--_spacing---space--40);
  grid-row-gap: var(--_spacing---space--40);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.footer_section_contain.u-padding-sitemargin {
  grid-column-gap: var(--site--margin);
  grid-row-gap: var(--site--margin);
}

.footer_section_inner {
  width: 100%;
  max-width: var(--max-width--main);
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: grid;
}

.footer_section_inner.u-padding-sitemargin {
  z-index: 2;
  grid-column-gap: var(--_spacing---space--40);
  grid-row-gap: var(--_spacing---space--40);
  flex-flow: column;
  justify-content: flex-start;
  place-items: flex-start stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.footer_inner_c {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer-link-logo {
  grid-column-gap: 40px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer-logo {
  object-fit: cover;
}

.footer_section_bottom {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer-info-text {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 120%;
}

.footer_contact_info {
  width: var(--max-width--full);
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.footer_contact_item {
  opacity: .8;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 120%;
}

.footer_contact_item.u-text-style-small {
  grid-column-gap: var(--_spacing---space--4);
  grid-row-gap: var(--_spacing---space--4);
  display: flex;
}

.footer-copyright {
  color: #1e1e1e;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
  display: flex;
}

.footer_divider {
  width: var(--max-width--full);
}

.footer_contact_link {
  opacity: .8;
  color: var(--swatch--dark);
}

.footer_contact_link:hover {
  opacity: 1;
}

.content-column-right {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 25px;
  text-decoration: none;
  display: flex;
}

.methodology_item_wrap {
  grid-column-gap: var(--_spacing---space--24);
  grid-row-gap: var(--_spacing---space--24);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.methodology_icon_container {
  width: var(--_spacing---space--64);
  height: var(--_spacing---space--64);
  background-color: #3014fc;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vector {
  max-height: var(--_spacing---space--32);
  object-fit: contain;
}

.methology_title_box {
  grid-column-gap: var(--_spacing---space--16);
  grid-row-gap: var(--_spacing---space--16);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--small);
  background-color: var(--swatch--accent-light);
  justify-content: center;
  align-items: center;
  width: 33%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.methology_title_box.u-padding-medium {
  align-self: stretch;
  width: 42%;
}

.methodology_item_title {
  color: var(--swatch--accent-dark);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.vector-2 {
  object-fit: cover;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% -.8rem;
}

.methodology_item_right {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--8);
  grid-row-gap: var(--_spacing---space--8);
  border-radius: var(--radius--small);
  background-color: var(--swatch--accent-dark);
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.methology_item_text {
  width: var(--max-width--full);
  color: var(--swatch--white);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 150%;
}

.text-block-container-middle {
  grid-column-gap: 16px;
  background-color: #e0dcff;
  border: 1px solid #3014fc;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 194px;
  height: 146px;
  padding: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.vector-3 {
  object-fit: cover;
  position: absolute;
  top: 1841px;
  left: 63.877px;
}

.text-block-container-right-2 {
  grid-row-gap: 8px;
  background-color: #3014fc;
  background-image: linear-gradient(#0003, #0003);
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 146px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.text-block-container-bottom {
  grid-column-gap: 16px;
  background-color: #e0dcff;
  border: 1px solid #3014fc;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 194px;
  height: 146px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.embeded_section_wrap {
  width: var(--max-width--full);
  overflow: hidden;
}

.embeded_section_contain {
  width: var(--max-width--full);
  height: var(--max-width--full);
  max-width: var(--max-width--main);
  grid-column-gap: var(--_spacing---space--40);
  grid-row-gap: var(--_spacing---space--40);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.embeded_section_contain.u-padding-sitemargin {
  grid-column-gap: var(--site--margin);
  grid-row-gap: var(--site--margin);
}

.embeded_section_inner {
  width: 100%;
  max-width: var(--max-width--main);
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  border: var(--border-width--main) solid var(--swatch--accent);
  border-radius: var(--radius--small);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.embeded_section_inner.u-padding-sitemargin {
  z-index: 2;
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  flex-flow: column;
  justify-content: flex-start;
  place-items: center stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.code-embed-2 {
  width: 100%;
  height: 100%;
}

.key-developments_section_wrap {
  width: var(--max-width--full);
  overflow: hidden;
}

.key-developments_section_contain {
  width: var(--max-width--full);
  height: var(--max-width--full);
  max-width: var(--max-width--main);
  grid-column-gap: var(--_spacing---space--40);
  grid-row-gap: var(--_spacing---space--40);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.key-developments_section_contain.u-padding-sitemargin {
  grid-column-gap: var(--site--margin);
  grid-row-gap: var(--site--margin);
}

.key-developments_section_inner {
  width: 100%;
  max-width: var(--max-width--main);
  grid-column-gap: var(--_spacing---space--80);
  grid-row-gap: var(--_spacing---space--80);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.key-developments_section_inner.u-padding-sitemargin {
  z-index: 2;
  grid-column-gap: var(--_spacing---space--120);
  grid-row-gap: var(--_spacing---space--120);
  flex-flow: column;
  justify-content: center;
  place-items: center stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.key-developments_section_inner.is-02 {
  grid-column-gap: var(--_spacing---space--48);
  grid-row-gap: var(--_spacing---space--48);
  justify-content: flex-start;
  align-items: flex-start;
}

.key-developments_text_content {
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 50em;
  display: flex;
}

.key-developments_content_grid {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  place-content: center;
  place-items: center;
  min-width: 34rem;
  display: grid;
}

.key-developments_content_grid.is-02 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.key_card_item {
  width: var(--max-width--full);
  padding: var(--_spacing---space--24);
  grid-column-gap: var(--_spacing---space--12);
  grid-row-gap: var(--_spacing---space--12);
  border: var(--border-width--main) solid var(--swatch--accent-light);
  border-radius: var(--radius--small);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.key_card_item.is-dark {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  background-color: var(--swatch--accent-dark);
  color: var(--swatch--white);
  justify-content: space-between;
  align-items: flex-start;
}

.key_card_inner {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--12);
  grid-row-gap: var(--_spacing---space--12);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.key_card_title {
  color: var(--swatch--accent);
  line-height: 150%;
  font-weight: var(--_tipography---medium);
  margin-top: 0;
  margin-bottom: 0;
}

.key_card_bottom {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--16);
  grid-row-gap: var(--_spacing---space--16);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-3 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.including-an-interactive-visualisation-to-allow-the-relatio-nsh-ips-between-different-actors-to-be-e {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.chain_section_top {
  width: var(--max-width--full);
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.supply_card_wrap {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--16);
  grid-row-gap: var(--_spacing---space--16);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.supply_card_contain {
  width: var(--max-width--full);
  padding: var(--_spacing---space--48);
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  background-color: #e0dcff;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.supply_card_inner {
  grid-column-gap: var(--_spacing---space--24);
  grid-row-gap: var(--_spacing---space--32);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.section-style {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.supply_inner_item {
  grid-column-gap: var(--_spacing---space--12);
  grid-row-gap: var(--_spacing---space--12);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.supply_item_header {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--12);
  grid-row-gap: var(--_spacing---space--12);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.supply_inner_number {
  width: var(--_spacing---space--32);
  height: var(--_spacing---space--32);
  padding: var(--_spacing---space--4);
  grid-column-gap: var(--_spacing---space--10);
  grid-row-gap: var(--_spacing---space--10);
  background-color: #3014fc;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.supply_inner_number.is-hidden {
  opacity: 0;
}

.supply-inner-number {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 100%;
}

.supply_card_subtitle {
  width: var(--max-width--full);
  color: var(--swatch--accent);
  line-height: 150%;
  font-weight: var(--_tipography---bold);
}

.description {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.supply_item_body {
  width: var(--max-width--full);
  line-height: 150%;
}

.section-header-2 {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 253px;
  text-decoration: none;
  display: flex;
}

.section-header-3 {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 81px;
  text-decoration: none;
  display: flex;
}

.section-header-4 {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 264px;
  text-decoration: none;
  display: flex;
}

.section-header-5 {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 126px;
  text-decoration: none;
  display: flex;
}

.supply_item_bottom {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--12);
  grid-row-gap: var(--_spacing---space--12);
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.image-2 {
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.image-2.is-front {
  object-fit: cover;
  inset: auto 0% 0% auto;
}

.embeded_section_front {
  z-index: 1;
  background-image: url('../images/okre-image-front-bg.png');
  background-position: 100% 100%;
  background-size: cover;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.embeded_section_front.is-front {
  z-index: 2;
  background-image: url('../images/okre-image-front-copy.png');
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (min-width: 1440px) {
  .copy_main_wrap {
    justify-content: flex-start;
    align-items: center;
  }

  .main_fiter_block.is-sm {
    flex-flow: column;
  }

  .footer_link_contain {
    padding-top: var(--_spacing---space--4);
  }

  .success-message {
    background-color: #0000;
    width: 100%;
    height: 100%;
  }

  .error_message_wrap {
    margin-top: var(--_spacing---space--24-fixed);
    padding: var(--_spacing---space--16);
    border: var(--border-width--main) solid var(--_theme---border);
    border-radius: var(--radius--small);
    background-color: #0000;
  }

  .error_message {
    color: #f87272;
  }

  .methodology_section_inner.u-padding-sitemargin {
    grid-column-gap: var(--_spacing---space--120);
    grid-row-gap: var(--_spacing---space--120);
    justify-content: space-between;
    align-items: flex-start;
  }

  .key-developments_section_contain.u-padding-sitemargin {
    grid-column-gap: var(--_spacing---space--120);
    grid-row-gap: var(--_spacing---space--120);
  }
}

@media screen and (max-width: 991px) {
  .button_main_icon:where(.w-variant-cf5b1dd8-85c8-cb86-15dc-db06914e0d05), .button_main_icon.primary_large-4 {
    width: 1rem;
  }

  .button_main_element.primary_large-2 {
    width: 2.5rem;
    height: 2.5rem;
  }

  .main_field_item {
    flex: 1;
    width: 100%;
  }

  .main_fiter_block.is-sm {
    width: 100%;
  }

  .main_card_wrap {
    flex: 1;
    min-width: 200px;
  }

  .hero_section_inner {
    grid-template-columns: 1fr;
  }

  .simple_card.is-sm.u-padding-main {
    width: 70%;
  }

  .content_details_space-between {
    grid-column-gap: var(--_spacing---space--16);
    grid-row-gap: var(--_spacing---space--16);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .contact_main_card.u-padding-main {
    grid-column-gap: var(--site--margin);
    grid-row-gap: var(--site--margin);
    flex-flow: column;
  }

  .contact_main_left {
    width: 100%;
  }

  .info_detail_wrap {
    grid-column-gap: var(--_spacing---space--48);
    grid-row-gap: var(--_spacing---space--48);
  }

  .info_detail_wrap.is-mobile-hidden {
    display: none;
  }

  .info_detail_wrap.is-desktop-hidden {
    grid-column-gap: var(--site--gutter);
    grid-row-gap: var(--site--gutter);
    flex-flow: row;
    display: flex;
  }

  .social_link {
    width: var(--_spacing---space--24);
  }

  .info_detail_title {
    grid-column-gap: var(--_spacing---space--4);
    grid-row-gap: var(--_spacing---space--4);
  }

  .navbar-logo {
    width: 80%;
  }

  .nav_menu_wrap {
    height: 100dvh;
    padding: var(--_spacing---space--56);
    background-color: var(--swatch--accent);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .navbar_dropdown_item {
    grid-column-gap: var(--_spacing---space--16);
    grid-row-gap: var(--_spacing---space--16);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .dropdown-toggle {
    position: relative;
  }

  .social_icon_contain {
    padding-top: var(--_spacing---space--56);
    padding-bottom: var(--_spacing---space--56);
    justify-content: center;
    align-items: center;
  }

  .team_card_wrap, .team_card_wrap-02 {
    flex: 1;
    min-width: 200px;
  }

  .nav_menu_contain {
    grid-column-gap: var(--_spacing---space--16);
    grid-row-gap: var(--_spacing---space--16);
    flex-flow: column;
  }

  .brand-logo-contain.is-hidden-desktop {
    display: flex;
  }

  .brand-logo-contain.is-hidden-mobile {
    display: none;
  }

  .menu-button {
    padding: var(--_spacing---space--4);
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .navbar_dropdown_menu {
    grid-column-gap: var(--_spacing---space--8);
    grid-row-gap: var(--_spacing---space--8);
    background-color: #0000;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: none;
    position: static;
  }

  .navbar_dropdown_menu.w--open {
    grid-column-gap: var(--_spacing---space--16);
    grid-row-gap: var(--_spacing---space--16);
  }

  .navbar_dropdown_link {
    margin-left: auto;
    margin-right: auto;
  }

  .navbar_dropdown_link.u-text-style-small.w--current {
    border-bottom-color: var(--swatch--white);
    color: var(--_theme---main-text);
  }

  .hamburger-line._01, .hamburger-line._02 {
    background-color: #fff;
  }

  .icon_svg {
    width: 100%;
    height: 100%;
  }

  .image-logo {
    max-width: var(--_spacing---space--80);
  }

  .intro_section_inner, .methodology_section_inner {
    grid-template-columns: 1fr;
  }

  .methodology_section_inner.u-padding-sitemargin {
    flex-flow: column;
  }

  .testimonial_section_inner {
    grid-template-columns: 1fr;
  }

  .testimonail_section_row {
    flex-flow: wrap-reverse;
  }

  .testimonail_section_row._02 {
    flex-flow: wrap;
  }

  .testimonail_section_image.u-ratio-16-9, .testimonail_item_wrap {
    width: 100%;
  }

  .chain_section_inner {
    grid-template-columns: 1fr;
  }

  .chain_text_content {
    width: 100%;
    padding-right: var(--radius--none);
  }

  .conclusion_section_row.u-padding-huge {
    flex-flow: column;
  }

  .conclusion_section_row_item_wrap, .conclusion_section_image.u-ratio-16-9 {
    width: 100%;
  }

  .footer_section_inner {
    grid-template-columns: 1fr;
  }

  .methodology_icon_container {
    width: var(--_spacing---space--80);
    height: var(--_spacing---space--80);
  }

  .vector {
    max-height: var(--_spacing---space--40);
  }

  .embeded_section_inner, .key-developments_section_inner {
    grid-template-columns: 1fr;
  }

  .key-developments_content_grid {
    grid-template-columns: 1fr 1fr;
  }

  .chain_section_top {
    flex-flow: column;
  }

  .image-2 {
    display: none;
  }

  .embeded_section_front {
    background-position: 0 100%;
    background-repeat: repeat-y;
    background-size: cover;
  }
}

@media screen and (max-width: 767px) {
  .button_main_text.u-text-style-medium:where(.w-variant-97f0387a-f440-626f-f213-68bc4e85ca3d) {
    white-space: nowrap;
  }

  .copy_inner_wrap {
    width: 100%;
  }

  .main_card_wrap {
    flex: 0 auto;
    min-width: 224px;
  }

  .secondary_card_wrap {
    min-width: 28ch;
  }

  .team_card_wrap {
    flex: 0 auto;
    min-width: 224px;
  }

  .team_card_wrap-02 {
    align-self: auto;
    min-width: 224px;
  }

  .team_card_image {
    aspect-ratio: 2 / 3;
    width: auto;
    display: flex;
  }

  .intro_section_top {
    flex-flow: column;
  }

  .intro_text_content {
    width: 100%;
  }

  .methodology_content_column {
    min-width: auto;
  }

  .methodology_item_wrap {
    flex-flow: column;
  }

  .methology_title_box.u-padding-medium {
    width: var(--max-width--full);
  }

  .key-developments_content_grid {
    min-width: auto;
  }

  .key-developments_content_grid.is-02, .supply_card_inner {
    grid-template-columns: 1fr 1fr;
  }

  .embeded_section_front, .embeded_section_front.is-front {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .u-max-width-full {
    max-width: 100%;
  }

  .main_field_item {
    width: 100%;
  }

  .main_card_wrap {
    min-width: auto;
  }

  .simple_card.is-sm.u-padding-main {
    width: 100%;
  }

  .contact_main_card.u-padding-main {
    grid-column-gap: var(--site--gutter);
    grid-row-gap: var(--site--gutter);
  }

  .info_detail_wrap.is-desktop-hidden {
    flex-flow: column;
  }

  .contact_form_contain {
    grid-column-gap: var(--_spacing---space--16);
    grid-row-gap: var(--_spacing---space--16);
  }

  .contact_form_row {
    grid-column-gap: var(--_spacing---space--16);
    grid-row-gap: var(--_spacing---space--16);
    flex-flow: column;
  }

  .cta_main_contain {
    min-height: 80dvh;
  }

  .footer_top_wrap {
    grid-column-gap: var(--site--gutter);
    grid-row-gap: var(--site--gutter);
    flex-flow: column;
  }

  .footer_link_wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .footer_bottom_contain {
    grid-column-gap: var(--site--gutter);
    grid-row-gap: var(--site--gutter);
    flex-flow: column-reverse;
  }

  .team_card_wrap-02 {
    flex-flow: column;
  }

  .team_card_image {
    aspect-ratio: 1;
  }

  .methodology_content_column {
    min-width: auto;
  }

  .methodology_item_wrap {
    flex-flow: column;
  }

  .methology_title_box.u-padding-medium {
    width: var(--max-width--full);
  }

  .key-developments_content_grid, .supply_card_inner {
    grid-template-columns: 1fr;
  }
}

#w-node-_4735e8b6-1527-c0dc-5490-f8eceb3ca963-8c5fe628, #w-node-e178d4c5-736f-1802-bb36-a15c58b7d89e-8c5fe628, #w-node-ec30ed7e-d919-2038-c60b-685a951b3af4-8c5fe628, #w-node-d5bd1cd1-6928-f783-95aa-4b084b560233-8c5fe628, #w-node-d5bd1cd1-6928-f783-95aa-4b084b56023c-8c5fe628, #w-node-d5bd1cd1-6928-f783-95aa-4b084b560245-8c5fe628, #w-node-d5bd1cd1-6928-f783-95aa-4b084b56024e-8c5fe628 {
  align-self: stretch;
}