:root {
  --_theme---background: var(--swatch--light-100);
  --_text-style---font-family: var(--_typography---font--primary-family);
  --_theme---text: var(--swatch--dark-900);
  --_text-style---font-size: var(--_typography---font-size--text-main);
  --_text-style---line-height: var(--_typography---line-height--huge);
  --_text-style---font-weight: var(--_typography---font--primary-regular);
  --_text-style---letter-spacing: var(--_typography---letter-spacing--normal);
  --_text-style---text-wrap: pretty;
  --_gap---size: var(--site--gutter);
  --_column-count---value: 1;
  --_text-style---margin-top: var(--_spacing---space--4);
  --_text-style---margin-bottom: var(--_spacing---space--4);
  --_spacing---space--6: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 2) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 2.5 * 1rem);
  --_text-style---trim-top: var(--_typography---font--primary-trim-top);
  --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
  --_spacing---space--7: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 3 * 1rem);
  --_typography---line-height--small: 1;
  --_typography---line-height--medium: 1.1;
  --_typography---line-height--large: 1.3;
  --_typography---line-height--huge: 1.5;
  --_typography---letter-spacing--tight: -.03em;
  --_typography---letter-spacing--normal: 0em;
  --max-width--main: calc(var(--site--viewport-max) * 1rem);
  --site--margin: clamp(1 * 1rem, ((1 - ((3 - 1) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 1) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 3 * 1rem);
  --max-width--small: 50rem;
  --max-width--full: 100%;
  --border-width--main: .094rem;
  --_spacing---section-space--none: 0px;
  --_spacing---section-space--small: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 3) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 5 * 1rem);
  --_spacing---section-space--main: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 4) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 7 * 1rem);
  --_spacing---section-space--large: clamp(5.5 * 1rem, ((5.5 - ((10 - 5.5) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((10 - 5.5) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 10 * 1rem);
  --_spacing---section-space--page-top: clamp(10 * 1rem, ((10 - ((14 - 10) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((14 - 10) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 14 * 1rem);
  --_theme---heading-accent: var(--swatch--brand-600);
  --_spacing---space--2: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.75 - .625) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), .75 * 1rem);
  --site--gutter: 1rem;
  --_theme---background-2: var(--swatch--light-200);
  --_spacing---space--1: clamp(.375 * 1rem, ((.375 - ((.5 - .375) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.5 - .375) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), .5 * 1rem);
  --_spacing---space--3: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 1 * 1rem);
  --_spacing---space--4: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.25) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 1.5 * 1rem);
  --_spacing---space--5: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 2 * 1rem);
  --_spacing---space--8: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 2.5) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 4 * 1rem);
  --_typography---font--primary-family: "Dmsans Variablefont Opsz Wght", Arial, sans-serif;
  --_typography---font--primary-regular: 400;
  --_typography---font--primary-medium: 500;
  --_typography---font--primary-bold: 700;
  --radius--small: .5rem;
  --radius--main: 1rem;
  --radius--round: 100vw;
  --_theme---border: var(--swatch--dark-900-o20);
  --swatch--transparent: transparent;
  --_button-style---border: var(--_theme---button-primary--border);
  --_button-style---background: var(--_theme---button-primary--background);
  --_button-style---text: var(--_theme---button-primary--text);
  --_button-style---border-hover: var(--_theme---button-primary--border-hover);
  --_button-style---background-hover: var(--_theme---button-primary--background-hover);
  --_button-style---text-hover: var(--_theme---button-primary--text-hover);
  --_typography---font-size--text-main: clamp(1 * 1rem, ((1 - ((1.125 - 1) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.125 - 1) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 1.125 * 1rem);
  --_theme---text-link--border: var(--_theme---border);
  --_theme---text-link--text: var(--_theme---text);
  --_theme---text-link--border-hover: var(--_theme---text);
  --_theme---text-link--text-hover: var(--_theme---text-link--text);
  --focus--offset-inner: calc(var(--focus--width) * -1);
  --nav--max-width-outer: var(--max-width--main);
  --nav--spacing-outer-horizontal: var(--site--margin);
  --nav--radius: var(--radius--small);
  --_theme---nav--background: var(--_theme---background);
  --nav--max-width-inner: var(--max-width--main);
  --nav--height-total: var(--nav--height);
  --nav--spacing-outer-vertical: 0;
  --swatch--light-100: white;
  --swatch--dark-900: #1f1d1e;
  --nav--height: 4rem;
  --nav--hamburger-thickness: var(--border-width--main);
  --nav--spacing-inner-horizontal: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 2 * 1rem);
  --nav--hamburger-gap: var(--_spacing---space--2);
  --_typography---font-size--text-small: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 1 * 1rem);
  --focus--width: .125rem;
  --_typography---font-size--display: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 4) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 7 * 1rem);
  --_typography---font-size--h1: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 3) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 5 * 1rem);
  --swatch--light-100-o20: color-mix(in srgb, var(--swatch--light-100) 20%, transparent);
  --swatch--dark-800: #2f2b2d;
  --swatch--brand-text-o20: color-mix(in srgb, var(--swatch--brand-text) 20%, transparent);
  --_typography---font-size--text-large: clamp(1.125 * 1rem, ((1.125 - ((1.25 - 1.125) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1.125) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 1.25 * 1rem);
  --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));
  --_text-style---text-transform: var(--_typography---text-transform--none);
  --site--viewport-max: 90;
  --site--viewport-min: 20;
  --_theme---selection--background: var(--swatch--brand-300);
  --_theme---selection--text: var(--swatch--brand-text);
  --site--column-count: 12;
  --focus--offset-outer: .1875rem;
  --swatch--light-200: #ebebeb;
  --swatch--dark-900-o20: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent);
  --swatch--brand-100: color-mix(in srgb, var(--swatch--brand-500), white 80%);
  --swatch--brand-200: color-mix(in srgb, var(--swatch--brand-500), white 60%);
  --swatch--brand-400: color-mix(in srgb, var(--swatch--brand-500), white 20%);
  --swatch--brand-300: color-mix(in srgb, var(--swatch--brand-500), white 40%);
  --swatch--brand-500: #c6fb50;
  --swatch--brand-900: color-mix(in srgb, var(--swatch--brand-500), black 80%);
  --swatch--brand-800: color-mix(in srgb, var(--swatch--brand-500), black 60%);
  --swatch--brand-700: color-mix(in srgb, var(--swatch--brand-500), black 40%);
  --swatch--brand-600: color-mix(in srgb, var(--swatch--brand-500), black 20%);
  --swatch--brand-text: var(--swatch--dark-900);
  --_alignment---direction: start;
  --_theme---button-primary--background: var(--swatch--brand-500);
  --_theme---button-primary--border: var(--_theme---button-primary--background);
  --_theme---button-primary--text: var(--swatch--brand-text);
  --_theme---button-primary--background-hover: var(--_theme---text);
  --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover);
  --_theme---button-primary--text-hover: var(--_theme---background);
  --_theme---button-secondary--background: var(--swatch--transparent);
  --_theme---button-secondary--border: var(--_theme---border);
  --_theme---button-secondary--text: var(--_theme---text);
  --_theme---button-secondary--background-hover: var(--_theme---text);
  --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover);
  --_theme---button-secondary--text-hover: var(--_theme---background);
  --nav--banner-height: 2.4rem;
  --nav--menu-open-duration: var(--nav-duration, .4s);
  --_typography---font--primary-trim-top: .33em;
  --_typography---font--primary-trim-bottom: .38em;
  --nav--menu-close-duration: var(--nav-duration, .4s);
  --nav--dropdown-open-duration: var(--nav-duration, .4s);
  --nav--dropdown-close-duration: var(--nav-duration, .4s);
  --_typography---font-size--h6: clamp(1 * 1rem, ((1 - ((1.125 - 1) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.125 - 1) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 1.125 * 1rem);
  --_typography---font-size--h5: clamp(1.375 * 1rem, ((1.375 - ((1.5 - 1.375) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.375) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 1.5 * 1rem);
  --_typography---font-size--h4: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 2 * 1rem);
  --_typography---font-size--h3: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 3 * 1rem);
  --_typography---font-size--h2: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 2.5) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 4 * 1rem);
  --_typography---text-transform--none: var(--text-transform, none);
  --_typography---text-transform--uppercase: uppercase;
  --_typography---text-transform--capitalize: capitalize;
  --_typography---text-transform--lowercase: lowercase;
}

body {
  background-color: var(--_theme---background);
  font-family: var(--_text-style---font-family);
  color: var(--_theme---text);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  --_column-count---value: 12;
  text-transform: var(--_text-style---text-transform, none);
}

h1, h2, h3, h4, h5, h6, p {
  display: flow-root;
}

a {
  color: inherit;
  outline-width: var(--focus--width);
  outline-offset: var(--focus--offset-outer);
  text-decoration: none;
}

ul, ol {
  margin-bottom: 0;
  padding-left: 0;
  list-style: "";
}

li {
  display: block;
}

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

strong {
  font-weight: bold;
}

blockquote {
  border-style: none;
  padding: 0;
}

figure {
  margin-bottom: 0;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.u-text-style-main {
  font-family: var(--_text-style---font-family);
  font-size: var(--_text-style---font-size);
  line-height: 1.2;
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: var(--_typography---font--primary-family);
  --_text-style---font-size: var(--_typography---font-size--text-main);
  --_text-style---line-height: var(--_typography---line-height--huge);
  --_text-style---font-weight: var(--_typography---font--primary-regular);
  --_text-style---letter-spacing: var(--_typography---letter-spacing--normal);
  --_text-style---text-wrap: pretty;
  --_text-style---margin-top: var(--_spacing---space--4);
  --_text-style---margin-bottom: var(--_spacing---space--4);
  --_text-style---trim-top: var(--_typography---font--primary-trim-top);
  --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
  --_text-style---text-transform: var(--_typography---text-transform--none);
  text-transform: var(--_text-style---text-transform, none);
  text-wrap: var(--_text-style---text-wrap);
  display: flow-root;
}

.u-text-style-small {
  font-family: var(--_text-style---font-family);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: var(--_typography---font--primary-family);
  --_text-style---font-size: 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);
  --_text-style---line-height: var(--_typography---line-height--huge);
  --_text-style---font-weight: var(--_typography---font--primary-regular);
  --_text-style---letter-spacing: var(--_typography---letter-spacing--normal);
  --_text-style---text-wrap: pretty;
  --_text-style---margin-top: var(--_spacing---space--4);
  --_text-style---margin-bottom: var(--_spacing---space--4);
  --_text-style---trim-top: var(--_typography---font--primary-trim-top);
  --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
  --_text-style---text-transform: var(--_typography---text-transform--none);
  text-transform: var(--_text-style---text-transform, none);
  text-wrap: var(--_text-style---text-wrap);
  display: flow-root;
}

.u-letter-spacing-tight {
  letter-spacing: var(--_typography---letter-spacing--tight);
}

.u-container {
  z-index: 1;
  max-width: var(--max-width--main);
  width: calc(100% - var(--site--margin) * 2);
  flex: 1;
  margin-left: auto;
  margin-right: auto;
  container: threshold-large / inline-size;
}

.u-container-full {
  z-index: 1;
  max-width: var(--max-width--full);
  width: calc(100% - var(--site--margin) * 2);
  flex: 1;
  margin-left: auto;
  margin-right: auto;
  container: threshold-large / inline-size;
}

.u-margin-top-8 {
  margin-top: var(--_spacing---space--8);
}

.u-margin-bottom-4 {
  margin-bottom: var(--_spacing---space--4);
}

.u-alignment-center {
  --_alignment---direction: center;
  text-align: var(--_alignment---direction, start);
}

.u-max-width-40ch {
  max-width: 40ch;
}

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

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

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

.u-padding-top-8 {
  padding-top: var(--_spacing---space--7);
}

.u-padding-top-main {
  padding-top: var(--_spacing---section-space--main);
}

.u-padding-bottom-main {
  padding-bottom: var(--_spacing---section-space--main);
}

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

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

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

.guide_layout {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-rows: auto;
  grid-auto-columns: 1fr;
  grid-template-columns: repeat(var(--site--column-count), minmax(0, 1fr));
  display: grid;
}

.guide_column {
  color: #8a8a8a80;
  background-color: #9292920f;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 100vh;
  padding-top: .6rem;
  padding-bottom: .6rem;
  display: flex;
}

.nav_mobile_contain {
  max-width: var(--nav--max-width-outer);
  width: calc(100% - var(--nav--spacing-outer-horizontal) * 2);
  margin-left: auto;
  margin-right: auto;
}

.nav_links_wrap {
  flex: 1;
}

.nav_links_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_links_wrap.desktop-2 {
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.nav_links_wrap.desktop-2:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
}

.nav_links_item {
  display: flex;
}

.nav_component {
  z-index: 1000;
  pointer-events: none;
  background-color: #0000;
  position: sticky;
  inset: 0% 0% auto;
  container-type: inline-size;
}

.nav_component:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  background-color: var(--swatch--light-100);
  position: fixed;
}

.nav_dropdown_backdrop {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  background-color: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent);
  width: 100%;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.nav_desktop_layout {
  height: var(--nav--height);
  max-width: var(--nav--max-width-inner);
  grid-column-gap: var(--_spacing---space--3);
  pointer-events: auto;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.nav_desktop_layout:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  max-width: var(--max-width--full);
  --_column-count---value: 12;
  grid-column-gap: 0;
}

.nav_mobile_menu_wrap {
  max-width: var(--nav--max-width-outer);
  padding-top: var(--nav--height);
  border-top-left-radius: var(--nav--radius);
  border-top-right-radius: var(--nav--radius);
  border-bottom-left-radius: var(--nav--radius);
  border-bottom-right-radius: var(--nav--radius);
  background-color: var(--_theme---nav--background);
  pointer-events: auto;
  text-align: left;
  width: calc(100% - var(--nav--spacing-outer-horizontal) * 2);
  margin-left: auto;
  margin-right: auto;
  inset: 0% 0% auto;
  transform: none !important;
}

.nav_button_line {
  height: var(--nav--hamburger-thickness);
  background-color: currentColor;
  flex: none;
  width: 100%;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.nav_mobile_layout {
  z-index: 2;
  height: var(--nav--height);
  padding: 0px var(--nav--spacing-inner-horizontal);
  grid-column-gap: var(--_spacing---space--3);
  border-radius: var(--nav--radius);
  background-color: var(--_theme---nav--background);
  pointer-events: auto;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.nav_menu_backdrop {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  background-color: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent);
  width: 100%;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0%;
}

.nav_links_link {
  z-index: 2;
  padding-top: var(--_spacing---space--2);
  padding-right: 0;
  padding-bottom: var(--_spacing---space--2);
  grid-column-gap: var(--_spacing---space--2);
  cursor: pointer;
  color: inherit;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 0;
  display: flex;
  position: relative;
  outline-offset: var(--focus--offset-inner) !important;
}

.nav_links_link:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_links_link.desktop-5, .nav_links_link.desktop-23, .nav_links_link.desktop-72, .nav_links_link.desktop-75, .nav_links_link.desktop-80, .nav_links_link.desktop-94 {
  padding: 0px var(--_spacing---space--3);
  height: 100%;
}

.nav_mobile_wrap {
  z-index: 1;
  margin-top: var(--nav--spacing-outer-vertical);
  background-color: #0000;
  position: relative;
}

.nav_button_wrap {
  z-index: 2;
  flex: none;
  width: 2rem;
  padding: 0;
  outline-width: var(--focus--width) !important;
  outline-color: var(--_theme---text) !important;
  outline-offset: var(--focus--offset-inner) !important;
}

.nav_button_wrap.w--open {
  color: inherit;
  background-color: #0000;
}

.nav_mobile_logo {
  z-index: 2;
  outline-offset: var(--focus--offset-inner);
  justify-content: flex-start;
  align-items: center;
  width: 6rem;
  display: flex;
  position: relative;
}

.nav_skip_wrap {
  z-index: 2;
  border-width: var(--border-width--main);
  border-radius: var(--nav--radius);
  background-color: var(--_theme---background);
  outline-offset: var(--focus--offset-inner);
  pointer-events: auto;
  color: var(--_theme---text);
  margin: .5rem;
  padding: .5rem;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(-200%);
}

.nav_skip_wrap:focus {
  transform: translate(0%);
}

.nav_button_layout {
  grid-column-gap: var(--nav--hamburger-gap);
  grid-row-gap: var(--nav--hamburger-gap);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.nav_actions_wrap {
  flex-flow: column;
  flex: none;
  display: flex;
}

.nav_actions_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_actions_wrap.desktop-77 {
  flex-flow: row;
  justify-content: flex-start;
}

.nav_links_component {
  padding-top: var(--_spacing---space--3);
  padding-bottom: var(--_spacing---space--8);
  grid-column-gap: var(--_spacing---space--3);
  flex-flow: column;
  flex: 1;
  display: flex;
}

.nav_links_component:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_links_component.desktop {
  flex-flow: row;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.nav_links_component.desktop {
  flex-flow: row;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.nav_links_component.desktop:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  grid-row-gap: 0px;
  grid-column-gap: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav_links_text.desktop-76:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  font-size: var(--_typography---font-size--text-small);
}

.nav_mobile_menu_scroll {
  padding-right: var(--nav--spacing-inner-horizontal);
  padding-left: var(--nav--spacing-inner-horizontal);
  max-height: calc(100svh - var(--nav--height-total)  - var(--nav--spacing-outer-vertical) * 2);
  overflow: hidden auto;
}

.nav_desktop_wrap {
  z-index: 1;
  margin-top: var(--nav--spacing-outer-vertical);
  background-color: #0000;
  display: none;
  position: relative;
}

.nav_desktop_wrap:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  margin-top: 0;
}

.nav_desktop_contain {
  max-width: var(--nav--max-width-outer);
  padding-right: var(--nav--spacing-inner-horizontal);
  padding-left: var(--nav--spacing-inner-horizontal);
  border-top-left-radius: var(--nav--radius);
  border-top-right-radius: var(--nav--radius);
  border-bottom-left-radius: var(--nav--radius);
  border-bottom-right-radius: var(--nav--radius);
  background-color: var(--_theme---nav--background);
  width: calc(100% - var(--nav--spacing-outer-horizontal) * 2);
  margin-left: auto;
  margin-right: auto;
}

.nav_desktop_contain:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  max-width: var(--max-width--full);
  padding-left: 0;
  padding-right: 0;
}

.nav_desktop_logo {
  z-index: 2;
  outline-offset: var(--focus--offset-inner);
  justify-content: flex-start;
  align-items: center;
  width: 6rem;
  display: flex;
  position: relative;
}

.nav_desktop_logo.w--current {
  justify-content: center;
  align-items: center;
}

.nav_desktop_logo.w--current:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  flex: 1;
}

.nav_link-wrapper:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.nav_link {
  font-size: .875rem;
  display: block;
}

.nav_link:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  letter-spacing: .02em;
  flex-flow: column;
  font-size: .875rem;
}

.nav_link.dot {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  font-size: var(--_typography---font-size--text-small);
  font-weight: var(--_typography---font--primary-regular);
  letter-spacing: var(--_typography---letter-spacing--tight);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: block;
}

.text-block:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  letter-spacing: .001em;
}

.r-nav-wrap:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  font-size: var(--_typography---font-size--text-small);
  display: flex;
}

.shop-button:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  font-size: .875rem;
  display: flex;
}

.section_home-hero {
  flex: 1;
  position: relative;
}

.section_home-hero:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  flex: none;
  display: block;
}

.hero_content-wrapper {
  z-index: 0;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.hero_content-wrapper:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  flex: none;
  align-self: stretch;
  display: flex;
}

.content-hero.u-container {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.content-hero.u-container:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  display: flex;
}

.left-bg {
  z-index: 0;
  background-color: #e5e0dd;
  width: 50%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.right-bg {
  background-color: #f5f5f5;
  width: 50%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.heading-main {
  z-index: 2;
  font-size: var(--_typography---font-size--display);
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
}

.img {
  z-index: 1;
  width: 25rem;
  margin-top: -16.2875rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.image {
  z-index: 0;
  opacity: .22;
  mix-blend-mode: darken;
  object-fit: cover;
  height: 100%;
  margin-top: -3.875rem;
  position: absolute;
  inset: auto 0% 0%;
}

.button-wrap {
  z-index: 2;
  position: relative;
}

.button-main {
  background-color: var(--swatch--dark-900);
  font-size: var(--_typography---font-size--text-main);
  border-radius: 50rem;
  font-weight: 500;
  transition: filter .2s, background-color .2s, transform .2s;
}

.button-main:hover {
  background-color: var(--swatch--light-100-o20);
  filter: drop-shadow(0 2px 5px #000000b3);
  transform: translate(0, -4px);
}

.button-main.white {
  background-color: var(--swatch--light-100);
  color: inherit;
  background-color: var(--swatch--light-100);
}

.bar {
  background-color: var(--swatch--dark-800);
  border: 0 solid #000;
  height: 1px;
}

.bar:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  background-color: var(--swatch--dark-900);
  width: 100%;
  height: 1px;
}

.slider-component {
  grid-column-gap: 3.5625rem;
  grid-row-gap: 3.5625rem;
  flex-flow: column;
  min-height: 35rem;
  max-height: 29rem;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.heading-h2 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  text-align: left;
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: var(--_typography---font--primary-family);
  --_text-style---font-size: var(--_typography---font-size--h1);
  --_text-style---line-height: var(--_typography---line-height--small);
  --_text-style---font-weight: var(--_typography---font--primary-medium);
  --_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
  --_text-style---text-wrap: balance;
  --_text-style---margin-top: var(--_spacing---space--7);
  --_text-style---margin-bottom: var(--_spacing---space--5);
  --_text-style---trim-top: var(--_typography---font--primary-trim-top);
  --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
  --_text-style---text-transform: var(--_typography---text-transform--none);
  text-transform: var(--_text-style---text-transform, none);
  text-wrap: var(--_text-style---text-wrap);
  display: flow-root;
}

.heading-h2.u-alignment-center {
  text-align: center;
  text-align: center;
}

.text-fade {
  color: var(--swatch--brand-text-o20);
}

.splide__track {
  overflow: visible;
}

.splide__list {
  display: flex;
  overflow: visible;
}

.splide__slide {
  flex: none;
  display: flex;
}

.product-card {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  cursor: pointer;
  background-color: #ebeaec;
  border-radius: .625rem;
  flex-flow: column;
  padding: 1rem 1rem 3rem;
  display: flex;
}

.product-card:where(.w-variant-c7f9b906-c463-e7b0-6492-8e43d9b31c6c) {
  background-color: #f6f0ef;
}

.product-card:where(.w-variant-d8097fd4-e86a-d1d1-7f56-7465046b1508) {
  background-color: #ebeef5;
}

.product-card:where(.w-variant-0e8a576f-2890-fbed-e0ef-cca034f23093) {
  background-color: #ebebeb;
}

.product-card:where(.w-variant-78765cd5-9b59-166f-7339-58fda6dc86e4) {
  cursor: grab;
}

.product-card:where(.w-variant-1a008521-1b9f-d318-96e4-a45e15d9ab4b) {
  background-color: #dee9de99;
}

.product-card:where(.w-variant-5aef8ff3-c33b-d995-175c-ac95aa09911c) {
  background-color: #f3ebea;
}

.product_color-text {
  font-size: var(--_typography---font-size--text-large);
}

.image-2 {
  width: 11rem;
}

.product-image-wrap {
  margin-left: 4rem;
  margin-right: 4rem;
  padding-left: 0;
  padding-right: 0;
}

.logo-slider-splide_component {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
  -webkit-mask: linear-gradient(to right, #0000 0%, #000 20% 80%, #0000 100%);
  mask: linear-gradient(to right, #0000 0%, #000 20% 80%, #0000 100%);
}

.logo-slider-splide_component.u-padding-block-5 {
  overflow: visible;
  -webkit-mask: none 0;
  mask: none 0;
}

.info-wrap-slider {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  background-color: #f6f0ef;
  border-radius: .625rem;
  justify-content: flex-start;
  align-items: center;
  padding: .8125rem;
  display: flex;
}

.div-block-4 {
  background-color: var(--swatch--dark-900);
  border-radius: 50rem;
  width: 5px;
  height: 5px;
}

.about_component {
  grid-column-gap: 62px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-left-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.div-block-5 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.div-block-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.a_left-img, .a_right_img {
  border-radius: .625rem;
  display: flex;
  overflow: hidden;
}

.image-3 {
  flex: 1;
  align-self: stretch;
}

.about_grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ab_info-card {
  grid-column-gap: 2.6875rem;
  grid-row-gap: 2.6875rem;
  border: 1px solid #b8b8b8;
  border-radius: .625rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem;
  display: flex;
}

.color_heading-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 70ch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.vs-1 {
  z-index: 1;
  object-fit: contain;
  flex: none;
  align-self: auto;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.vase_color_wrap {
  min-height: 37rem;
  margin-top: 3rem;
  display: flex;
  position: relative;
}

.color_picker_wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  display: flex;
}

.color_picker {
  cursor: pointer;
  border: 0 solid #000;
  border-radius: 11rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.color_picker.w--redirected-checked {
  background-color: #3898ec00;
  background-image: none;
  border-width: 0;
  border-color: #000;
  margin: 0;
}

.color_picker.red {
  background-image: url("https://cdn.prod.website-files.com/68bd42f97df326128d5617ba/68c530ab4bcedd5575ab3d79_Ellipse%209.avif");
}

.color_picker.purple {
  background-image: none;
  border: 0 solid #000;
  padding: 0;
}

.color_picker.purple:active, .color_picker.purple:focus {
  border-width: .2rem;
  padding: 3px;
}

.color_picker.blue {
  background-image: url("https://cdn.prod.website-files.com/68bd42f97df326128d5617ba/68c530abcb863ca18db9671c_Ellipse%208.avif");
}

.color_picker.orange {
  background-image: url("https://cdn.prod.website-files.com/68bd42f97df326128d5617ba/68c530abb39d019fc5b2f72f_Ellipse%207.avif");
}

.color_picker.green {
  background-image: url("https://cdn.prod.website-files.com/68bd42f97df326128d5617ba/68c530abf8eeadead6340413_Ellipse%206.avif");
}

.image-5 {
  z-index: 0;
  border: 0 solid #000;
  padding: 4px;
  display: block;
  position: absolute;
}

.checkbox {
  border: 0 solid #000;
  border-radius: 50rem;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.checkbox.w--redirected-checked {
  background-color: #0000;
  border: 1px solid #000;
  margin: 0;
}

.form-block {
  display: flex;
}

.form {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.cta_component {
  padding: var(--site--column-width) 0px var(--site--column-width) var(--site--column-width);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.image-6 {
  height: 100%;
  position: absolute;
  inset: 0%;
}

.u_grid_2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cta_left-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.cta_heading_text {
  font-family: var(--_text-style---font-family);
  color: var(--swatch--light-100);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: var(--_typography---font--primary-family);
  --_text-style---font-size: var(--_typography---font-size--h2);
  --_text-style---line-height: var(--_typography---line-height--small);
  --_text-style---font-weight: var(--_typography---font--primary-medium);
  --_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
  --_text-style---text-wrap: balance;
  --_text-style---margin-top: var(--_spacing---space--7);
  --_text-style---margin-bottom: var(--_spacing---space--5);
  --_text-style---trim-top: var(--_typography---font--primary-trim-top);
  --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
  --_text-style---text-transform: var(--_typography---text-transform--none);
  text-transform: var(--_text-style---text-transform, none);
  text-wrap: var(--_text-style---text-wrap);
  display: flow-root;
}

.cta_text-main {
  font-family: var(--_text-style---font-family);
  font-size: var(--_text-style---font-size);
  line-height: 1.2;
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: var(--_typography---font--primary-family);
  --_text-style---font-size: var(--_typography---font-size--text-main);
  --_text-style---line-height: var(--_typography---line-height--huge);
  --_text-style---font-weight: var(--_typography---font--primary-regular);
  --_text-style---letter-spacing: var(--_typography---letter-spacing--normal);
  --_text-style---text-wrap: pretty;
  --_text-style---margin-top: var(--_spacing---space--4);
  --_text-style---margin-bottom: var(--_spacing---space--4);
  --_text-style---trim-top: var(--_typography---font--primary-trim-top);
  --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
  --_text-style---text-transform: var(--_typography---text-transform--none);
  text-transform: var(--_text-style---text-transform, none);
  text-wrap: var(--_text-style---text-wrap);
  display: flow-root;
}

.cta_text-main.u-letter-spacing-tight {
  color: var(--swatch--light-100);
}

.cta_text-main.u-letter-spacing-tight.u-max-width-30ch {
  margin: 0;
}

.image-7 {
  z-index: 1;
  margin-top: .6875rem;
  margin-left: 2.9375rem;
  position: absolute;
}

.image-8 {
  z-index: 0;
  margin-top: -3.85rem;
  margin-left: 5.7125rem;
  position: absolute;
}

.footer_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.div-block-9 {
  border-top: 1px solid var(--swatch--dark-800);
  justify-content: space-between;
  align-items: stretch;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.div-block-10 {
  background-color: var(--swatch--dark-800);
  border-radius: 50rem;
  width: 5px;
  height: 5px;
}

.div-block-11, .div-block-12 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.div-block-13 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer_link {
  font-size: var(--_typography---font-size--text-small);
  font-weight: var(--_typography---font--primary-regular);
  letter-spacing: var(--_typography---letter-spacing--tight);
}

.bg_fl {
  z-index: 0;
  object-fit: contain;
  width: 96%;
  margin-top: auto;
  margin-left: -1.8125rem;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

@media screen and (min-width: 1280px) {
  .lottie-animation-2 {
    opacity: .08;
    width: 100%;
    height: auto;
    margin-top: -76px;
  }

  .slider-component {
    min-height: 35.1rem;
    max-height: 29rem;
  }

  .about-left-content {
    max-width: 41ch;
  }

  .image-4 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .color_picker_wrapper {
    margin-top: 2rem;
  }

  .color_picker {
    cursor: pointer;
  }

  .image-5 {
    z-index: 0;
  }

  .bg_fl {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 1920px) {
  .nav_desktop_layout:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f), .nav_desktop_contain:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
    max-width: var(--max-width--full);
  }

  .image-2 {
    width: 12rem;
  }

  .container-large-12 {
    max-width: 87.5rem;
  }

  .about-left-content {
    width: auto;
    max-width: 40ch;
  }

  .color_heading-wrapper {
    z-index: 2;
    position: relative;
  }

  .vs-1 {
    width: 40%;
  }

  .image-4 {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }

  .color_picker_wrapper {
    margin-top: 3rem;
  }

  .image-7 {
    margin-top: -2.6125rem;
  }

  .image-8 {
    margin-top: -6.75rem;
  }

  .bg_fl {
    width: 76%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 991px) {
  .nav_mobile_contain:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
    width: 100vw;
    max-width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .nav_mobile_menu_wrap:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
    flex: none;
    width: auto;
    max-width: 100%;
    display: block;
  }

  .nav_mobile_layout:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .nav_mobile_wrap:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
    max-width: 100vw;
  }

  .nav_button_wrap.w--open {
    color: inherit;
    background-color: #c8c8c800;
  }

  .nav_mobile_menu_scroll:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    display: block;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .container-large-12 {
    max-width: none;
  }

  .padding-global.no-padding-tablet {
    padding-left: 0;
    padding-right: 0;
  }

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

  .about_grid.u-margin-top-8 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .ab_info-card {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .vs-1 {
    object-fit: contain;
    width: 15rem;
  }

  .vase_color_wrap {
    min-height: 30.1rem;
    margin-top: 3rem;
  }

  .image-4, .bg_fl {
    margin-top: auto;
    margin-bottom: auto;
  }
}

@media screen and (max-width: 767px) {
  .img {
    width: 14rem;
    margin-top: auto;
    margin-bottom: auto;
  }

  .button-main {
    padding-top: .8rem;
    padding-bottom: .6rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .logo-slider_logo-3 {
    width: 7.5rem;
    height: 2.4rem;
  }

  .vs-1 {
    width: 12.9rem;
  }

  .vase_color_wrap {
    min-height: 27.5rem;
  }

  .image-4 {
    width: 100%;
  }

  .color_picker_wrapper {
    z-index: 2;
    position: relative;
  }

  .cta_component {
    padding-right: var(--site--margin);
    min-height: 15.8rem;
  }

  .u_grid_2 {
    display: flex;
  }

  .bg_fl {
    width: 100%;
  }
}

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

  .nav_mobile_layout:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-main {
    font-size: var(--_typography---font-size--h1);
    line-height: 1.1;
  }

  .img {
    width: 14rem;
    margin-top: auto;
    margin-bottom: auto;
  }

  .button-wrap {
    display: flex;
  }

  .button-main {
    font-size: var(--_typography---font-size--text-small);
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: .8rem 1rem;
    display: flex;
  }

  .button-main.white {
    display: block;
  }

  .heading-h2 {
    --_text-style---font-family: var(--_typography---font--primary-family);
    --_text-style---font-size: var(--_typography---font-size--h2);
    --_text-style---line-height: var(--_typography---line-height--small);
    --_text-style---font-weight: var(--_typography---font--primary-medium);
    --_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
    --_text-style---text-wrap: balance;
    --_text-style---margin-top: var(--_spacing---space--7);
    --_text-style---margin-bottom: var(--_spacing---space--5);
    --_text-style---trim-top: var(--_typography---font--primary-trim-top);
    --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
    --_text-style---text-transform: var(--_typography---text-transform--none);
  }

  .splide.clients-slider, .splide__list {
    padding-left: 0;
  }

  .splide__slide {
    flex: none;
    order: 0;
  }

  .product-card {
    flex: 1;
  }

  .image-2 {
    width: 10rem;
  }

  .product-image-wrap {
    justify-content: center;
    align-items: center;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    display: flex;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .logo-slider_logo-3 {
    width: 6rem;
    height: 2rem;
  }

  .info-wrap-slider {
    flex: 1;
    align-self: center;
  }

  .div-block-4 {
    flex: none;
    width: .3125rem;
    height: .3125rem;
  }

  .about_grid.u-margin-top-8 {
    grid-template-columns: 1fr;
  }

  .ab_info-card {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .text-block-2 {
    flex: none;
  }

  .vs-1 {
    width: 13rem;
    height: 20.2rem;
  }

  .vase_color_wrap {
    min-height: 21.9rem;
    margin-top: 2rem;
  }

  .image-4 {
    object-fit: contain;
    margin-top: auto;
    margin-left: 0;
    top: -25%;
  }

  .color_picker_wrapper {
    margin-top: 0;
  }

  .color_picker {
    width: 2.5rem;
    height: 2.5rem;
  }

  .form-block {
    margin-bottom: 0;
  }

  .form {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .u_grid_2 {
    display: block;
  }

  .cta_left-content {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 2.0625rem;
    padding-bottom: 2.0625rem;
    padding-left: .875rem;
  }

  .image-7 {
    z-index: 1;
    margin-top: -7.8125rem;
  }

  .image-8 {
    z-index: 0;
    margin-top: -9.05rem;
  }

  .bg_fl {
    object-fit: contain;
    margin-top: auto;
    margin-left: 0;
    top: -25%;
  }

  .div-block-14 {
    z-index: 2;
    position: relative;
  }
}

#w-node-_4c389443-5be1-fa99-e98d-1d13b65a1da3-8d561815 {
  place-self: stretch stretch;
}

#w-node-_063e5648-2ab3-c3e6-ecfe-c5200bd4e5e8-8d561815 {
  order: 0;
  place-self: stretch stretch;
}

#w-node-fd5ca4a1-fd3e-0313-92cb-cb8a17eb2cf4-0f96fd0b:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  place-self: center start;
}

#w-node-_43ba6c77-0f82-87dd-2627-66c30f96fd22-0f96fd0b:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  place-self: auto center;
}

#w-node-_86b5eb5d-7a2f-546a-4764-33d66de158c2-0f96fd0b:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
  justify-self: end;
}