:root {
  --radius--large: 999rem;
  --_text-style---font-family: var(--_tipography---secondary-family);
  --_tipography---font-size--text-small: clamp(.625 * 1rem, ((.875 - ((1 - .625) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .625) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 1 * 1rem);
  --_text-style---line-height: var(--_tipography---line-height--large);
  --_text-style---font-weight: var(--_tipography---weight-regular);
  --_theme---main-text: var(--swatch--brown-700);
  --radius--small: 1.5rem;
  --swatch--brown-700: #4a3a2c;
  --swatch--white: white;
  --padding--xl: var(--_spacing---space--64);
  --site--margin: 1rem;
  --border-width--main: .0625rem;
  --_theme---border: var(--swatch--green-400-op-20);
  --padding--sm: var(--_spacing---space--24);
  --_tipography---font-size--h2: clamp(1.5 * 1rem, ((1.5 - ((2 - 1.5) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.5) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 2 * 1rem);
  --site--gutter: 1.5rem;
  --_tipography---line-height--medium: 1.2;
  --_tipography---font-size--text-medium: 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);
  --_tipography---font-size--text-large: clamp(1 * 1rem, ((1 - ((1.25 - 1) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 1.25 * 1rem);
  --_tipography---font-size--h4: 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);
  --_tipography---font-size--h3: clamp(1.25 * 1rem, ((1.25 - ((1.75 - 1.25) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.75 - 1.25) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 1.75 * 1rem);
  --max-width--main: 120rem;
  --_tipography---line-height--large: 1.5;
  --padding--3xl: var(--_spacing---space--120);
  --padding--2xl: var(--_spacing---space--80);
  --_tipography---font-size--h6: clamp(.875 * 1rem, ((.875 - ((1.125 - .875) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.125 - .875) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 1.125 * 1rem);
  --_tipography---font-size--h1: clamp(1.5 * 1rem, ((1.5 - ((2.5 - 1.5) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 1.5) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 2.5 * 1rem);
  --_theme---background-section: var(--swatch--cream-op-50);
  --padding--md: var(--_spacing---space--32);
  --_theme---background: var(--swatch--light-cream);
  --_spacing---space--14: .875rem;
  --_spacing---space--16: 1rem;
  --_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);
  --_tipography---font-size--h5: clamp(1 * 1rem, ((1 - ((1.25 - 1) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 1.25 * 1rem);
  --radius--medium: 2.5rem;
  --_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: clamp(4 * 1rem, ((4 - ((10 - 4) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((10 - 4) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 10 * 1rem);
  --swatch--green-100: #ebecdd;
  --radius--none: 0rem;
  --_tipography---line-height--small: 1;
  --_tipography---secondary-family: "Instrument Sans", 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: color-mix(in srgb, var(--swatch--white) 10%, transparent);
  --swatch--white-op-200: color-mix(in srgb, var(--swatch--white) 20%, transparent);
  --swatch--white-op-600: color-mix(in srgb, var(--swatch--white) 60%, transparent);
  --_spacing---space--24-fixed: 1.5rem;
  --_theme---secondary-text: var(--swatch--brown-700-op-80);
  --_spacing---space--4: .25rem;
  --_tipography---primary-family: "Instrument Sans", 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--80: 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);
  --_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--brown-600: #544331;
  --_theme---button-outline--border\<deleted\|variable-89afc58e-1901-11ff-2e60-39a4b8b29b07\>: var(--_theme---secondary-text);
  --_theme---button-outline--border-hover\<deleted\|variable-e01673cc-3fbe-b9e9-160f-496dc0acca25\>: var(--swatch--white);
  --_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: var(--swatch--green-900);
  --swatch--green-400-op-20: color-mix(in srgb, var(--swatch--green-400) 20%, transparent);
  --swatch--white-op-50: color-mix(in srgb, var(--swatch--white) 5%, transparent);
  --padding--xs: var(--_spacing---space--16);
  --_tipography---weight-bold: 600;
  --padding--none: var(--_spacing---space--none);
  --swatch--cream-op-50: color-mix(in srgb, var(--swatch--cream) 50%, transparent);
  --_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);
  --_spacing---space--120: clamp(3 * 1rem, ((3 - ((7.5 - 3) / (var(--site--viewport-max)  - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7.5 - 3) / (var(--site--viewport-max)  - var(--site--viewport-min))) * 100vw), 7.5 * 1rem);
  --swatch--green-400: #909980;
  --radius--xsmall: 1rem;
  --_tipography---weight-medium: 500;
  --_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);
  --swatch--transparent: transparent;
  --padding--lg: var(--_spacing---space--56);
  --_spacing---space--6: .375rem;
  --swatch--green-600: #444f42;
  --swatch--green-500: #5e6b5c;
  --swatch--cream: #f3ead9;
  --swatch--brown-700-op-80: color-mix(in srgb, var(--swatch--brown-700) 80%, transparent);
  --swatch--green-900: #263711;
  --_spacing---space--none: 0rem;
  --_spacing---space--1: .0625rem;
  --_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;
  --_tipography---primary-trim-top: .4em;
  --_tipography---primary-trim-bottom: .4em;
  --_spacing---space--10: .625rem;
  --site--column-count: 12;
  --_tipography---secondary-trim-top: .4em;
  --_tipography---secondary-trim-bottom: .4em;
  --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---weight-light: 200;
  --_theme---selection--background: var(--swatch--black-op-50);
  --_theme---selection--text: var(--swatch--green-900-op-60);
  --_theme---button-primary--background: var(--swatch--green-400);
  --_tipography---weight-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--green-400);
  --max-width--small: 72rem;
  --_theme---button-primary--text: var(--swatch--white);
  --_theme---button-primary--background-hover: var(--swatch--green-500);
  --_theme---button-primary--border-hover: var(--swatch--green-500);
  --_theme---button-primary--text-hover: var(--swatch--white);
  --border-width--small: 0rem;
  --focus--width: .0625rem;
  --_theme---button-secondary--background: var(--swatch--green-100);
  --_theme---button-secondary--border: var(--swatch--green-900);
  --focus--offset-inner: calc(var(--focus--width) * -1);
  --_theme---button-secondary--text: var(--swatch--green-900);
  --focus--offset-outer: .125rem;
  --_theme---button-secondary--background-hover: var(--swatch--white);
  --_theme---button-secondary--text-hover: var(--swatch--green-900);
  --swatch--black: black;
  --swatch--green-700: #3b462e;
  --swatch--light-cream: #fefdfb;
  --swatch--green-900-op-60: color-mix(in srgb, var(--swatch--green-900) 60%, transparent);
  --swatch--white-op-300: color-mix(in srgb, var(--swatch--white) 30%, transparent);
  --swatch--white-op-400: color-mix(in srgb, var(--swatch--white) 40%, transparent);
  --swatch--white-op-500: color-mix(in srgb, var(--swatch--white) 50%, transparent);
  --swatch--white-op-700: color-mix(in srgb, var(--swatch--white) 70%, transparent);
  --swatch--white-op-800: color-mix(in srgb, var(--swatch--white) 80%, transparent);
  --swatch--white-op-900: color-mix(in srgb, var(--swatch--white) 90%, transparent);
  --swatch--black-op-50: color-mix(in srgb, var(--swatch--black) 5%, transparent);
  --swatch--black-op-100: color-mix(in srgb, var(--swatch--black) 10%, transparent);
  --swatch--black-op-200: color-mix(in srgb, var(--swatch--black) 20%, transparent);
  --swatch--black-op-300: color-mix(in srgb, var(--swatch--black) 30%, transparent);
  --swatch--black-op-400: color-mix(in srgb, var(--swatch--black) 40%, transparent);
  --swatch--black-op-500: color-mix(in srgb, var(--swatch--black) 50%, transparent);
  --swatch--black-op-600: color-mix(in srgb, var(--swatch--black) 60%, transparent);
  --swatch--black-op-700: color-mix(in srgb, var(--swatch--black) 70%, transparent);
  --swatch--black-op-800: color-mix(in srgb, var(--swatch--black) 80%, transparent);
  --swatch--black-op-900: color-mix(in srgb, var(--swatch--black) 90%, transparent);
}

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-radius: var(--radius--large);
  transition: all .2s;
  display: inline-block;
  position: relative;
}

.button_main_wrap:where(.w-variant-9b676eb5-447b-7702-bfd9-fd8454b25b58) {
  --_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-style: none;
}

.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--brown-700);
  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--xl);
}

.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.primary_large-4 {
  width: 1rem;
}

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

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

.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---weight-regular);
  --_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(--padding--sm);
  padding-bottom: var(--padding--sm);
}

.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---weight-regular);
  --_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---weight-regular);
  --_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, .button_main_text.u-text-style-medium:where(.w-variant-9b676eb5-447b-7702-bfd9-fd8454b25b58) {
  white-space: nowrap;
}

.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---weight-regular);
  --_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---weight-medium);
  --_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--3xl);
  padding-left: var(--padding--3xl);
}

.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---weight-regular);
  --_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---weight-medium);
  --_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--md);
}

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

.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--xl);
  padding-left: var(--padding--xl);
}

.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--md);
  padding-left: var(--padding--md);
}

.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--14);
  padding-right: var(--_spacing---space--16);
  padding-bottom: var(--_spacing---space--14);
  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) {
  --_button-style---border: var(--_theme---button-secondary--border);
  --_button-style---background: var(--_theme---button-secondary--background);
  --_button-style---text: var(--_theme---button-secondary--text);
  --_button-style---border-hover: var(--_theme---button-secondary--border-hover);
  --_button-style---background-hover: var(--_theme---button-secondary--background-hover);
  --_button-style---text-hover: var(--_theme---button-secondary--text-hover);
}

.button_main_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.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---weight-regular);
  --_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--sm);
  padding-left: var(--padding--sm);
}

.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--medium);
  background-color: var(--swatch--brown-700);
  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---weight-medium);
  --_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---weight-medium);
  --_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--md);
  padding-bottom: var(--padding--md);
}

.styleguide_nav_card {
  background-color: var(--swatch--green-100);
  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);
  border-radius: var(--radius--small);
  background-color: var(--swatch--white-op-200);
  font-size: var(--_tipography---font-size--text-small);
  margin-bottom: 0;
}

.text_field:hover {
  border-color: var(--swatch--white-op-200);
}

.text_field:focus {
  border-color: var(--swatch--white-op-600);
}

.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);
  border-radius: var(--radius--small);
  background-color: var(--swatch--white-op-200);
  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);
}

.select_field:active {
  border-color: var(--swatch--white-op-600);
}

.main_card_wrap {
  border: var(--border-width--main) solid var(--swatch--white-op-100);
  border-radius: var(--radius--large);
  background-color: var(--swatch--brown-700);
  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);
  max-width: var(--max-width--main);
  margin-left: auto;
  margin-right: auto;
}

.hero_section_container {
  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;
  display: flex;
}

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

.hero_section_inner-00 {
  width: 100%;
  max-width: var(--max-width--main);
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  --_theme---main-text: var(--swatch--white);
  --_theme---border: var(--swatch--white-op-200);
  --_theme---background-section: var(--swatch--green-400);
  --_theme---background: var(--swatch--green-900);
  --_theme---secondary-text: var(--swatch--white-op-800);
  --_theme---button-outline--border\<deleted\|variable-89afc58e-1901-11ff-2e60-39a4b8b29b07\>: var(--_theme---secondary-text);
  --_theme---button-outline--border-hover\<deleted\|variable-e01673cc-3fbe-b9e9-160f-496dc0acca25\>: var(--swatch--white);
  --_theme---button-secondary--border-hover: var(--swatch--green-900);
  --_theme---selection--background: var(--swatch--green-600);
  --_theme---selection--text: var(--swatch--white-op-800);
  --_theme---button-primary--background: var(--swatch--white);
  --_theme---button-primary--border: var(--swatch--white);
  --_theme---button-primary--text: var(--swatch--green-900);
  --_theme---button-primary--background-hover: var(--swatch--green-100);
  --_theme---button-primary--border-hover: var(--swatch--green-100);
  --_theme---button-primary--text-hover: var(--swatch--green-900);
  --_theme---button-secondary--background: var(--swatch--green-100);
  --_theme---button-secondary--border: var(--swatch--green-900);
  --_theme---button-secondary--text: var(--swatch--green-900);
  --_theme---button-secondary--background-hover: var(--swatch--white);
  --_theme---button-secondary--text-hover: var(--swatch--green-900);
  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;
}

.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--brown-700);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.simple_card.u-padding-main {
  border-radius: var(--radius--medium);
  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--brown-700);
  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);
  font-size: var(--_tipography---font-size--text-small);
  margin-bottom: 0;
}

.text_area:hover {
  border-color: var(--swatch--white-op-200);
}

.text_area:focus {
  border-color: var(--swatch--white-op-600);
}

.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);
  background-color: var(--swatch--brown-600);
  -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---button-outline--border\<deleted\|variable-89afc58e-1901-11ff-2e60-39a4b8b29b07\>);
}

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

.navbar_link_item.u-eyebrow-text.w--current {
  border-bottom-color: var(--_theme---button-outline--border-hover\<deleted\|variable-e01673cc-3fbe-b9e9-160f-496dc0acca25\>);
  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);
  border-radius: var(--radius--large);
  background-color: var(--swatch--brown-700);
  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--brown-700);
  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---button-outline--border\<deleted\|variable-89afc58e-1901-11ff-2e60-39a4b8b29b07\>);
}

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

.simple_image_wrap.u-image_radius {
  border-radius: var(--radius--medium);
}

.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--green-400-op-20);
}

.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--brown-700);
}

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

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

.hero_section_contain {
  width: var(--max-width--full);
  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--medium);
  background-color: #f3ead9;
  background-image: linear-gradient(#000, #0000 20%), linear-gradient(144.97deg, #fff 20%, #fff0 60%), url('../images/Header-image.png'), linear-gradient(#ffffff80, #ffffff80);
  background-size: auto, auto, cover, auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 95dvh;
  display: flex;
  overflow: hidden;
}

.hero_section_contain.u-padding-huge {
  background-image: linear-gradient(#ffffff80, #ffffff80);
  background-position: 0 0;
  background-size: auto;
  position: relative;
}

.navbar {
  border: 1px solid #4a3a2c29;
  border-radius: 999px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  text-decoration: none;
  display: flex;
}

.logo-container {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 160px;
  text-decoration: none;
  display: flex;
}

.logo, .dufa---webshop {
  overflow: hidden;
}

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

.links-container {
  grid-column-gap: 32px;
  border-radius: 999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.home-link {
  color: #fff;
  letter-spacing: -.022em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.contact-container {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
}

.contact-link {
  color: #263711;
  letter-spacing: -.022em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.content_main_wrap {
  z-index: 1;
  width: var(--max-width--full);
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 34rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.eyebrow_tagline {
  color: var(--_theme---secondary-text);
  font-weight: var(--_tipography---weight-bold);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.content_main_heading {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.content_main_heading.u-text-style-h1 {
  color: var(--_theme---main-text);
  text-wrap: balance;
}

.content_main_text {
  width: 100%;
  color: var(--_theme---secondary-text);
  margin-top: 0;
  margin-bottom: 0;
}

.content_main_text.u-text-style-medium.is-short {
  max-width: 80%;
  color: var(--_theme---main-text);
}

.content_button_wrap {
  grid-column-gap: var(--_spacing---space--12);
  grid-row-gap: var(--_spacing---space--12);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.view-products-container {
  grid-column-gap: 10px;
  background-color: #909980;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
}

.view-products {
  color: #fff;
  letter-spacing: -.022em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.contact-container-2 {
  grid-column-gap: 10px;
  background-color: #ebecdd;
  border: 1px solid #263711;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
}

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

.featured_products_contain.u-padding-huge.is-top-small {
  padding-top: var(--padding--xl);
}

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

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

.section_content_texts.is-small {
  max-width: 26rem;
}

.featured_products_heading {
  width: var(--max-width--full);
  color: var(--_theme---main-text);
  margin-top: 0;
  margin-bottom: 0;
}

.featured_products_heading.u-text-style-h2.is-centered {
  text-align: center;
}

.featured_product_text {
  width: var(--max-width--full);
  color: var(--_theme---secondary-text);
}

.all-products-container {
  grid-column-gap: 10px;
  background-color: #ebecdd;
  border: 1px solid #263711;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
}

.all-products {
  color: #263711;
  letter-spacing: -.022em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

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

.product_card_contain.is-grig {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

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

.product_card_wrap {
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--small);
  background-color: var(--swatch--cream-op-50);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.product_image_contain {
  width: var(--max-width--full);
  aspect-ratio: 3 / 2;
  background-color: var(--swatch--green-100);
  display: block;
  position: relative;
  overflow: hidden;
}
.product_image_contain.u-padding-small {
  padding: 0;
}

.product_info_contain {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  border: 0 solid #26371133;
  border-top-width: 1px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.product_name_text {
  color: var(--_theme---secondary-text);
  text-decoration: none;
}

.icon_contain {
  width: var(--_spacing---space--56);
  padding: var(--_spacing---space--12);
  grid-column-gap: var(--_spacing---space--12);
  grid-row-gap: var(--_spacing---space--12);
  aspect-ratio: 1;
  background-color: #909980;
  border-radius: 9999px;
  flex: none;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.gemini_generated_image_tsitpgtsitpgtsit-1-1-1 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 373.333px;
  height: 280px;
  text-decoration: none;
  display: flex;
}

.card-2 {
  grid-column-gap: 32px;
  background-color: #4a3a2c;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 280px;
  padding: 24px;
  display: flex;
  overflow: hidden;
}

.about-us_section_contain {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--120);
  grid-row-gap: var(--_spacing---space--120);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--medium);
  background-color: var(--swatch--green-400);
  --_theme---main-text: var(--swatch--white);
  --_theme---border: var(--swatch--white-op-200);
  --_theme---background-section: var(--swatch--green-400);
  --_theme---background: var(--swatch--green-900);
  --_theme---secondary-text: var(--swatch--white-op-800);
  --_theme---button-outline--border\<deleted\|variable-89afc58e-1901-11ff-2e60-39a4b8b29b07\>: var(--_theme---secondary-text);
  --_theme---button-outline--border-hover\<deleted\|variable-e01673cc-3fbe-b9e9-160f-496dc0acca25\>: var(--swatch--white);
  --_theme---button-secondary--border-hover: var(--swatch--green-900);
  --_theme---selection--background: var(--swatch--green-600);
  --_theme---selection--text: var(--swatch--white-op-800);
  --_theme---button-primary--background: var(--swatch--white);
  --_theme---button-primary--border: var(--swatch--white);
  --_theme---button-primary--text: var(--swatch--green-900);
  --_theme---button-primary--background-hover: var(--swatch--green-100);
  --_theme---button-primary--border-hover: var(--swatch--green-100);
  --_theme---button-primary--text-hover: var(--swatch--green-900);
  --_theme---button-secondary--background: var(--swatch--green-100);
  --_theme---button-secondary--border: var(--swatch--green-900);
  --_theme---button-secondary--text: var(--swatch--green-900);
  --_theme---button-secondary--background-hover: var(--swatch--white);
  --_theme---button-secondary--text-hover: var(--swatch--green-900);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.about-us_section_left {
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  text-decoration: none;
  display: flex;
}

.about-us_section_image {
  aspect-ratio: 16 / 9;
  border-radius: var(--radius--small);
  overflow: hidden;
}

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

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

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

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

.about-us_content_text {
  color: var(--_theme---secondary-text);
  margin-top: 0;
  margin-bottom: 0;
}

.read-more-container {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
}

.read-more-button {
  color: #263711;
  letter-spacing: -.022em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

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

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

.services-text-container {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 640px;
  text-decoration: none;
  display: flex;
}

.services-heading {
  color: #4a3a2c;
  letter-spacing: -.022em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.services-subtitle {
  color: #4a3a2ccc;
  letter-spacing: -.022em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

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

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

.icon-container-2 {
  grid-row-gap: 24px;
  background-color: #f3ead980;
  border: 1px solid #26371133;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.icon_container_item {
  padding: var(--_spacing---space--12);
  background-color: #fff;
  border-radius: 999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.carpenter {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

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

.service_name {
  color: var(--_theme---main-text);
  line-height: 122%;
}

.service-description {
  width: var(--max-width--full);
  color: var(--_theme---secondary-text);
  line-height: 150%;
}

.service_card_wrap {
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--small);
  background-color: var(--swatch--cream-op-50);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.service_card_wrap.u-padding-medium {
  height: 100%;
}

.icon-container-3 {
  grid-row-gap: 24px;
  background-color: #f3ead980;
  border: 1px solid #26371133;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 373.33px;
  height: 242px;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.custom_job_card {
  grid-column: span 2;
  width: var(--max-width--full);
  height: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--small);
  background-color: var(--swatch--green-100);
  justify-content: flex-start;
  align-items: center;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.image-contain {
  height: var(--max-width--full);
  padding: var(--_spacing---space--12);
  aspect-ratio: 1;
  border-radius: var(--radius--xsmall);
  background-color: var(--_theme---background);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.lightbulb-explosion-vectorized {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.lightbulb-image {
  width: var(--padding--3xl);
  object-fit: contain;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.custom_job_description {
  width: var(--max-width--full);
  color: var(--_theme---secondary-text);
  text-decoration: none;
}

.button_wrap {
  grid-column-gap: 10px;
  --_theme---main-text: var(--swatch--white);
  --_theme---border: var(--swatch--white-op-200);
  --_theme---background-section: var(--swatch--green-400);
  --_theme---background: var(--swatch--green-900);
  --_theme---secondary-text: var(--swatch--white-op-800);
  --_theme---button-outline--border\<deleted\|variable-89afc58e-1901-11ff-2e60-39a4b8b29b07\>: var(--_theme---secondary-text);
  --_theme---button-outline--border-hover\<deleted\|variable-e01673cc-3fbe-b9e9-160f-496dc0acca25\>: var(--swatch--white);
  --_theme---button-secondary--border-hover: var(--swatch--green-900);
  --_theme---selection--background: var(--swatch--green-600);
  --_theme---selection--text: var(--swatch--white-op-800);
  --_theme---button-primary--background: var(--swatch--white);
  --_theme---button-primary--border: var(--swatch--white);
  --_theme---button-primary--text: var(--swatch--green-900);
  --_theme---button-primary--background-hover: var(--swatch--green-100);
  --_theme---button-primary--border-hover: var(--swatch--green-100);
  --_theme---button-primary--text-hover: var(--swatch--green-900);
  --_theme---button-secondary--background: var(--swatch--green-100);
  --_theme---button-secondary--border: var(--swatch--green-900);
  --_theme---button-secondary--text: var(--swatch--green-900);
  --_theme---button-secondary--background-hover: var(--swatch--white);
  --_theme---button-secondary--text-hover: var(--swatch--green-900);
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

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

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

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

.reviews-heading {
  color: #493a2c;
  letter-spacing: -.022em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.reviews-subtitle {
  color: #4a3a2ccc;
  letter-spacing: -.022em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.all-reviews-container {
  grid-column-gap: 10px;
  background-color: #ebecdd;
  border: 1px solid #263711;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
}

.all-reviews-button {
  color: #263711;
  letter-spacing: -.022em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

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

.frame-style-4 {
  grid-row-gap: 32px;
  background-color: #909980;
  border: 1px solid #26371133;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 264px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 10px 20px #0000000a;
}

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

.review_initial_contain {
  width: var(--_spacing---space--64);
  aspect-ratio: 1;
  background-color: #f3ead9;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.review_initial_letter {
  color: var(--swatch--green-400);
  font-size: var(--_spacing---space--24-fixed);
  line-height: 100%;
  font-weight: var(--_tipography---weight-bold);
}

.testimonial_review_contain {
  grid-column-gap: var(--_spacing---space--8);
  grid-row-gap: var(--_spacing---space--8);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.testimonial_reviewer_name {
  color: var(--_theme---main-text);
  font-weight: var(--_tipography---weight-medium);
  text-decoration: none;
}

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

.star {
  object-fit: cover;
  overflow: hidden;
}

.testimonial_review_text {
  width: var(--max-width--full);
  color: var(--_theme---secondary-text);
}

.testimonial_card_wrap {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--small);
  background-color: var(--swatch--green-400);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.testimonial_card_wrap.u-padding-medium {
  --_theme---main-text: var(--swatch--white);
  --_theme---border: var(--swatch--white-op-200);
  --_theme---background-section: var(--swatch--green-400);
  --_theme---background: var(--swatch--green-900);
  --_theme---secondary-text: var(--swatch--white-op-800);
  --_theme---button-outline--border\<deleted\|variable-89afc58e-1901-11ff-2e60-39a4b8b29b07\>: var(--_theme---secondary-text);
  --_theme---button-outline--border-hover\<deleted\|variable-e01673cc-3fbe-b9e9-160f-496dc0acca25\>: var(--swatch--white);
  --_theme---button-secondary--border-hover: var(--swatch--green-900);
  --_theme---selection--background: var(--swatch--green-600);
  --_theme---selection--text: var(--swatch--white-op-800);
  --_theme---button-primary--background: var(--swatch--white);
  --_theme---button-primary--border: var(--swatch--white);
  --_theme---button-primary--text: var(--swatch--green-900);
  --_theme---button-primary--background-hover: var(--swatch--green-100);
  --_theme---button-primary--border-hover: var(--swatch--green-100);
  --_theme---button-primary--text-hover: var(--swatch--green-900);
  --_theme---button-secondary--background: var(--swatch--green-100);
  --_theme---button-secondary--border: var(--swatch--green-900);
  --_theme---button-secondary--text: var(--swatch--green-900);
  --_theme---button-secondary--background-hover: var(--swatch--white);
  --_theme---button-secondary--text-hover: var(--swatch--green-900);
  align-self: stretch;
}

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

.process-step {
  grid-column-gap: var(--_spacing---space--40);
  grid-row-gap: var(--_spacing---space--40);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 452px;
  text-decoration: none;
  display: flex;
}

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

.process-step-heading {
  color: #544331;
  text-align: left;
  letter-spacing: -.022em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.process-step-description {
  color: #4a3a2ccc;
  letter-spacing: -.022em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.contact-button-container {
  grid-column-gap: 10px;
  background-color: #909980;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
}

.contact-button {
  color: #fff;
  letter-spacing: -.022em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

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

.process_step_container {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--20);
  grid-row-gap: var(--_spacing---space--20);
  border-style: solid;
  border-width: 0px 0px var(--border-width--main);
  border-color: #90998080;
  justify-content: flex-start;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.process_step_container.u-padding-small {
  justify-content: flex-start;
  align-items: center;
}

.step-number {
  color: var(--swatch--green-400);
  font-size: var(--padding--xl);
  line-height: 100%;
  font-weight: var(--_tipography---weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

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

.step_description {
  width: var(--max-width--full);
  color: var(--_theme---secondary-text);
  letter-spacing: -.03em;
  line-height: 150%;
}

.contact_section_contain {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--80);
  grid-row-gap: var(--_spacing---space--80);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--medium);
  background-color: var(--swatch--green-400);
  --_theme---main-text: var(--swatch--white);
  --_theme---border: var(--swatch--white-op-200);
  --_theme---background-section: var(--swatch--green-400);
  --_theme---background: var(--swatch--green-900);
  --_theme---secondary-text: var(--swatch--white-op-800);
  --_theme---button-outline--border\<deleted\|variable-89afc58e-1901-11ff-2e60-39a4b8b29b07\>: var(--_theme---secondary-text);
  --_theme---button-outline--border-hover\<deleted\|variable-e01673cc-3fbe-b9e9-160f-496dc0acca25\>: var(--swatch--white);
  --_theme---button-secondary--border-hover: var(--swatch--green-900);
  --_theme---selection--background: var(--swatch--green-600);
  --_theme---selection--text: var(--swatch--white-op-800);
  --_theme---button-primary--background: var(--swatch--white);
  --_theme---button-primary--border: var(--swatch--white);
  --_theme---button-primary--text: var(--swatch--green-900);
  --_theme---button-primary--background-hover: var(--swatch--green-100);
  --_theme---button-primary--border-hover: var(--swatch--green-100);
  --_theme---button-primary--text-hover: var(--swatch--green-900);
  --_theme---button-secondary--background: var(--swatch--green-100);
  --_theme---button-secondary--border: var(--swatch--green-900);
  --_theme---button-secondary--text: var(--swatch--green-900);
  --_theme---button-secondary--background-hover: var(--swatch--white);
  --_theme---button-secondary--text-hover: var(--swatch--green-900);
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.contact_section_contain.u-padding-huge.is-simple {
  background-color: var(--swatch--transparent);
  --_theme---main-text: var(--swatch--brown-700);
  --_theme---border: var(--swatch--green-400-op-20);
  --_theme---background-section: var(--swatch--cream-op-50);
  --_theme---background: var(--swatch--light-cream);
  --_theme---secondary-text: var(--swatch--brown-700-op-80);
  --_theme---button-outline--border\<deleted\|variable-89afc58e-1901-11ff-2e60-39a4b8b29b07\>: var(--_theme---secondary-text);
  --_theme---button-outline--border-hover\<deleted\|variable-e01673cc-3fbe-b9e9-160f-496dc0acca25\>: var(--swatch--white);
  --_theme---button-secondary--border-hover: var(--swatch--green-900);
  --_theme---selection--background: var(--swatch--black-op-50);
  --_theme---selection--text: var(--swatch--green-900-op-60);
  --_theme---button-primary--background: var(--swatch--green-400);
  --_theme---button-primary--border: var(--swatch--green-400);
  --_theme---button-primary--text: var(--swatch--white);
  --_theme---button-primary--background-hover: var(--swatch--green-500);
  --_theme---button-primary--border-hover: var(--swatch--green-500);
  --_theme---button-primary--text-hover: var(--swatch--white);
  --_theme---button-secondary--background: var(--swatch--green-100);
  --_theme---button-secondary--border: var(--swatch--green-900);
  --_theme---button-secondary--text: var(--swatch--green-900);
  --_theme---button-secondary--background-hover: var(--swatch--white);
  --_theme---button-secondary--text-hover: var(--swatch--green-900);
  border-style: none;
}

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

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

.partner-request-heading {
  color: #fff;
  letter-spacing: -.022em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.partner-request-description {
  color: #fffc;
  letter-spacing: -.022em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.contact_details_container {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--small);
  background-color: var(--swatch--white-op-50);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.contact_details_container.u-padding-medium {
  border-color: var(--_theme---border);
}

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

.contact-phone-label {
  color: var(--_theme---main-text);
  margin-top: 0;
  margin-bottom: 0;
}

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

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

.partner-request-form-fields {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

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

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

.name-label {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.text-input {
  grid-column-gap: 8px;
  background-color: #ffffff3d;
  border: 1px solid #4a3a2c29;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
}

.email-placeholder {
  color: #fffc;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-area {
  background-color: #ffffff3d;
  border: 1px solid #4a3a2c29;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 160px;
  padding: 8px 12px;
  display: flex;
}

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

.checkbox {
  width: var(--_spacing---space--24);
  height: var(--_spacing---space--24);
  border: var(--border-width--main) solid var(--swatch--white-op-200);
  background-color: var(--swatch--white-op-200);
  border-radius: 4px;
  overflow: hidden;
}

.label-style {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.send-button-container {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
}

.send-button {
  color: #263711;
  letter-spacing: -.022em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.label-1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}

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

.partners-heading {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 393px;
  text-decoration: none;
  display: flex;
}

.partners-heading-text {
  color: #4a3a2c;
  text-align: center;
  letter-spacing: -.022em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.partners-logo-container {
  width: var(--max-width--full);
  grid-column-gap: var(--padding--2xl);
  grid-row-gap: var(--padding--2xl);
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.partner-logo {
  grid-row-gap: 10px;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.partner_logo {
  box-sizing: border-box;
  object-fit: contain;
  min-width: 10rem;
  min-height: 3rem;
}

.partner_logo.is-fill {
  object-fit: cover;
  min-width: 7rem;
}

.partner-logo-2 {
  grid-row-gap: 11px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.partner-logo-3 {
  grid-column-gap: 2px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 40px;
  text-decoration: none;
  display: flex;
}

.footer_section_contain {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--80);
  grid-row-gap: var(--_spacing---space--80);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--medium);
  background-color: var(--swatch--cream-op-50);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.footer {
  grid-column-gap: var(--padding--3xl);
  grid-row-gap: var(--padding--3xl);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer-logo-container {
  overflow: hidden;
}

.dufa---webshop-2 {
  min-width: var(--padding--xl);
  overflow: hidden;
}

.footer-contact-container {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

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

.contact_heading {
  font-weight: var(--_tipography---weight-bold);
}

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

.contact_address_container {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--8);
  grid-row-gap: var(--_spacing---space--8);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.contact_address_container:hover {
  opacity: .8;
}

.footer-icon {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.contact_link_item {
  color: var(--_theme---secondary-text);
  white-space: nowrap;
  font-weight: 500;
}

.contact_link_item.u-text-style-small {
  white-space: nowrap;
}

.contact_link_item.is-link:hover {
  color: var(--_theme---main-text);
  text-decoration: underline;
}

.opening-hours-container {
  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;
}

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

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

.footer-bottom {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.copyright-text {
  color: #54433166;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 138%;
  text-decoration: none;
}

.hero_section_inner {
  z-index: 3;
  width: var(--max-width--full);
  margin-top: var(--padding--lg);
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.featured_products_wrap, .about-us_section_wrap, .services_section_wrap {
  width: var(--max-width--full);
  max-width: var(--max-width--main);
  margin-left: auto;
  margin-right: auto;
}

.custom_job_content {
  width: var(--max-width--full);
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.testimonial_section_wrap, .process_section_wrap {
  width: var(--max-width--full);
  max-width: var(--max-width--main);
  margin-left: auto;
  margin-right: auto;
}

.div-block {
  width: var(--_spacing---space--80);
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact_section_wrap {
  width: var(--max-width--full);
  max-width: var(--max-width--main);
  grid-column-gap: var(--_spacing---space--80);
  grid-row-gap: var(--_spacing---space--80);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.link {
  color: var(--_theme---main-text);
  transition: all .2s;
}

.link:hover {
  color: var(--_theme---secondary-text);
  text-decoration: underline;
}

.contact_section_right {
  width: var(--max-width--full);
  max-width: 50rem;
}

.contact_section_right.is-dark {
  border-radius: var(--radius--small);
  background-color: var(--swatch--green-400);
  --_theme---main-text: var(--swatch--white);
  --_theme---border: var(--swatch--white-op-200);
  --_theme---background-section: var(--swatch--green-400);
  --_theme---background: var(--swatch--green-900);
  --_theme---secondary-text: var(--swatch--white-op-800);
  --_theme---button-outline--border\<deleted\|variable-89afc58e-1901-11ff-2e60-39a4b8b29b07\>: var(--_theme---secondary-text);
  --_theme---button-outline--border-hover\<deleted\|variable-e01673cc-3fbe-b9e9-160f-496dc0acca25\>: var(--swatch--white);
  --_theme---button-secondary--border-hover: var(--swatch--green-900);
  --_theme---selection--background: var(--swatch--green-600);
  --_theme---selection--text: var(--swatch--white-op-800);
  --_theme---button-primary--background: var(--swatch--white);
  --_theme---button-primary--border: var(--swatch--white);
  --_theme---button-primary--text: var(--swatch--green-900);
  --_theme---button-primary--background-hover: var(--swatch--green-100);
  --_theme---button-primary--border-hover: var(--swatch--green-100);
  --_theme---button-primary--text-hover: var(--swatch--green-900);
  --_theme---button-secondary--background: var(--swatch--green-100);
  --_theme---button-secondary--border: var(--swatch--green-900);
  --_theme---button-secondary--text: var(--swatch--green-900);
  --_theme---button-secondary--background-hover: var(--swatch--white);
  --_theme---button-secondary--text-hover: var(--swatch--green-900);
}

.text-field {
  padding: var(--_spacing---space--8) var(--_spacing---space--12);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--xsmall);
  background-color: var(--swatch--white-op-200);
  margin-bottom: 0;
  line-height: 100%;
}

.item_row {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--12);
  grid-row-gap: var(--_spacing---space--12);
  display: flex;
}

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

.submit-button {
  padding: var(--_spacing---space--12) var(--_spacing---space--16);
  border-radius: var(--radius--large);
  background-color: var(--swatch--white);
  color: var(--swatch--brown-700);
  font-size: var(--_tipography---font-size--text-small);
  align-self: flex-start;
}

.text-area {
  height: auto;
  min-height: 10rem;
  color: var(--_theme---main-text);
}

.checkbox_item_link {
  text-decoration: underline;
}

.featured_product_link {
  color: var(--_theme---secondary-text);
  text-decoration: underline;
  transition: all .2s;
}

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

.footer_section_wrap {
  width: var(--max-width--full);
  max-width: var(--max-width--main);
  margin-left: auto;
  margin-right: auto;
}

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

.contact_info_dates, .contact_info_times {
  grid-column-gap: var(--_spacing---space--4);
  grid-row-gap: var(--_spacing---space--4);
  flex-flow: column;
  display: flex;
}

.hero_subpage_contain {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--80);
  grid-row-gap: var(--_spacing---space--80);
  aspect-ratio: 2;
  border-radius: var(--radius--medium);
  background-color: var(--swatch--green-600);
  background-image: linear-gradient(to bottom, var(--swatch--green-400-op-20), var(--swatch--green-400-op-20));
  --_theme---main-text: var(--swatch--white);
  --_theme---border: var(--swatch--white-op-200);
  --_theme---background-section: var(--swatch--green-400);
  --_theme---background: var(--swatch--green-900);
  --_theme---secondary-text: var(--swatch--white-op-800);
  --_theme---button-outline--border\<deleted\|variable-89afc58e-1901-11ff-2e60-39a4b8b29b07\>: var(--_theme---secondary-text);
  --_theme---button-outline--border-hover\<deleted\|variable-e01673cc-3fbe-b9e9-160f-496dc0acca25\>: var(--swatch--white);
  --_theme---button-secondary--border-hover: var(--swatch--green-900);
  --_theme---selection--background: var(--swatch--green-600);
  --_theme---selection--text: var(--swatch--white-op-800);
  --_theme---button-primary--background: var(--swatch--white);
  --_theme---button-primary--border: var(--swatch--white);
  --_theme---button-primary--text: var(--swatch--green-900);
  --_theme---button-primary--background-hover: var(--swatch--green-100);
  --_theme---button-primary--border-hover: var(--swatch--green-100);
  --_theme---button-primary--text-hover: var(--swatch--green-900);
  --_theme---button-secondary--background: var(--swatch--green-100);
  --_theme---button-secondary--border: var(--swatch--green-900);
  --_theme---button-secondary--text: var(--swatch--green-900);
  --_theme---button-secondary--background-hover: var(--swatch--white);
  --_theme---button-secondary--text-hover: var(--swatch--green-900);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.hero_subpage_contain.u-padding-huge {
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}

.hero_subpage_contain.u-padding-huge.is-bottom-aligned {
  justify-content: flex-start;
  align-items: flex-end;
}

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

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

.heading {
  color: #fffc;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.subheading {
  color: #fff;
  letter-spacing: -.022em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

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

.text-block {
  opacity: .8;
  color: #fff;
  letter-spacing: -.022em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.contact-button-container-2 {
  grid-column-gap: 10px;
  background-color: #909980;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
}

.contact-button-text {
  color: #fff;
  letter-spacing: -.022em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.subpage_hero_image {
  width: var(--max-width--full);
  height: var(--max-width--full);
  object-fit: cover;
  max-width: none;
}

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

.about_detail_wrap.u-padding-huge {
  max-width: var(--max-width--main);
  margin-left: auto;
  margin-right: auto;
}

.about_detail_contain {
  width: var(--max-width--full);
  grid-column-gap: var(--padding--3xl);
  grid-row-gap: var(--padding--3xl);
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.company_history_text {
  opacity: .8;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

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

.company-history-paragraph-container {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.company-history-text-2 {
  opacity: .8;
  color: #493a2c;
  letter-spacing: -.022em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

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

.frame-style-9 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 333px;
  text-decoration: none;
  display: flex;
}

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

.timeline-heading {
  color: #493a2ccc;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.timeline-subheading {
  color: #493a2c;
  letter-spacing: -.022em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

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

.timeline-description {
  opacity: .8;
  color: #493a2c;
  letter-spacing: -.022em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.timeline-events-container {
  width: var(--max-width--full);
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}

.event-container {
  grid-row-gap: 16px;
  background-color: #f3ead980;
  border: 1px solid #26371133;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 373px;
  height: 140.5px;
  padding: 40px 32px 32px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.timeline_item_title {
  width: 100%;
  font-weight: var(--_tipography---weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.timeline_item_text {
  width: var(--max-width--full);
  color: var(--_theme---secondary-text);
  text-decoration: none;
}

.timeline_date_contain {
  left: var(--padding--sm);
  grid-column-gap: 10px;
  border-radius: var(--radius--large);
  background-color: var(--swatch--green-400);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 12px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -.875rem;
}

.event-date {
  color: #fff;
  letter-spacing: -.011em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.timeline_card_wrap {
  width: var(--max-width--full);
  padding-top: var(--_spacing---space--40);
  grid-column-gap: var(--_spacing---space--24);
  grid-row-gap: var(--_spacing---space--24);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--small);
  background-color: var(--swatch--cream-op-50);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
}

.timeline_card_wrap.u-padding-small {
  height: var(--max-width--full);
}

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

.believe_section_contain.u-padding-huge {
  max-width: var(--max-width--main);
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

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

.section-heading {
  color: #493a2c;
  text-align: center;
  letter-spacing: -.022em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

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

.frame-style-14 {
  grid-row-gap: 32px;
  background-color: #909980;
  border: 1px solid #26371133;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 256px;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-style-15 {
  background-color: #fff;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  text-decoration: none;
  display: flex;
}

.check_circle {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  text-decoration: none;
  display: flex;
}

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

.section-title {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 122%;
  text-decoration: none;
}

.section-description {
  color: #fffc;
  letter-spacing: -.022em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.believe_card_wrap {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--small);
  background-color: var(--swatch--green-400);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.believe_card_wrap.u-padding-small {
  align-self: stretch;
}

.timeline_section_wrap {
  width: var(--max-width--full);
  max-width: var(--max-width--main);
  margin-left: auto;
  margin-right: auto;
}

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

.cta_section_contain {
  width: var(--max-width--full);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--medium);
  background-color: var(--swatch--green-400);
  --_theme---main-text: var(--swatch--white);
  --_theme---border: var(--swatch--white-op-200);
  --_theme---background-section: var(--swatch--green-400);
  --_theme---background: var(--swatch--green-900);
  --_theme---secondary-text: var(--swatch--white-op-800);
  --_theme---button-outline--border\<deleted\|variable-89afc58e-1901-11ff-2e60-39a4b8b29b07\>: var(--_theme---secondary-text);
  --_theme---button-outline--border-hover\<deleted\|variable-e01673cc-3fbe-b9e9-160f-496dc0acca25\>: var(--swatch--white);
  --_theme---button-secondary--border-hover: var(--swatch--green-900);
  --_theme---selection--background: var(--swatch--green-600);
  --_theme---selection--text: var(--swatch--white-op-800);
  --_theme---button-primary--background: var(--swatch--white);
  --_theme---button-primary--border: var(--swatch--white);
  --_theme---button-primary--text: var(--swatch--green-900);
  --_theme---button-primary--background-hover: var(--swatch--green-100);
  --_theme---button-primary--border-hover: var(--swatch--green-100);
  --_theme---button-primary--text-hover: var(--swatch--green-900);
  --_theme---button-secondary--background: var(--swatch--green-100);
  --_theme---button-secondary--border: var(--swatch--green-900);
  --_theme---button-secondary--text: var(--swatch--green-900);
  --_theme---button-secondary--background-hover: var(--swatch--white);
  --_theme---button-secondary--text-hover: var(--swatch--green-900);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

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

.cta_section_image {
  width: var(--max-width--full);
  height: var(--max-width--full);
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.cta_section_left {
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  text-decoration: none;
  display: flex;
}

.cta_section_wrap {
  width: var(--max-width--full);
  max-width: var(--max-width--main);
  padding-bottom: var(--padding--3xl);
  margin-left: auto;
  margin-right: auto;
}

.map_section_contain {
  width: var(--max-width--full);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--small);
}

.map_section_contain.u-padding-large {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.map_section_map {
  position: absolute;
  inset: 0%;
}

.location_card_wrap {
  grid-column-gap: var(--_spacing---space--24);
  grid-row-gap: var(--_spacing---space--24);
  background-color: #fff;
  border: 1px solid #26371133;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
}

.location_card_wrap.u-padding-medium {
  justify-content: flex-start;
  align-items: flex-start;
}

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

.pin-container {
  background-color: #909980;
  border-radius: 22px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  text-decoration: none;
  display: flex;
}

.location_on {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  text-decoration: none;
  display: flex;
}

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

.business_name {
  width: var(--max-width--full);
  color: #544331;
  font-family: Instrument Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.business_description {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

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

.contact_details_wrap.is-horizontal {
  flex-flow: row;
}

.info-row {
  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;
}

.info-row.is-centered {
  justify-content: flex-start;
  align-items: center;
}

.alarm {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.frame-style-16 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.hours-container {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.days {
  color: #544331cc;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 138%;
  text-decoration: none;
}

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

.address_text {
  width: var(--max-width--full);
  color: #544331cc;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.route-button-container {
  grid-column-gap: 10px;
  background-color: #5e6b5c;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
}

.route-button-container.is-simple {
  width: auto;
}

.route-button-label {
  color: #fff;
  letter-spacing: -.022em;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.map_section_divider {
  width: 100%;
}

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

.categories_card_contain.is-grig {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.category_card_wrap {
  width: var(--max-width--full);
  aspect-ratio: 1;
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--small);
  background-color: var(--swatch--cream-op-50);
  --_theme---main-text: var(--swatch--white);
  --_theme---border: var(--swatch--white-op-200);
  --_theme---background-section: var(--swatch--green-400);
  --_theme---background: var(--swatch--green-900);
  --_theme---secondary-text: var(--swatch--white-op-800);
  --_theme---button-outline--border\<deleted\|variable-89afc58e-1901-11ff-2e60-39a4b8b29b07\>: var(--_theme---secondary-text);
  --_theme---button-outline--border-hover\<deleted\|variable-e01673cc-3fbe-b9e9-160f-496dc0acca25\>: var(--swatch--white);
  --_theme---button-secondary--border-hover: var(--swatch--green-900);
  --_theme---selection--background: var(--swatch--green-600);
  --_theme---selection--text: var(--swatch--white-op-800);
  --_theme---button-primary--background: var(--swatch--white);
  --_theme---button-primary--border: var(--swatch--white);
  --_theme---button-primary--text: var(--swatch--green-900);
  --_theme---button-primary--background-hover: var(--swatch--green-100);
  --_theme---button-primary--border-hover: var(--swatch--green-100);
  --_theme---button-primary--text-hover: var(--swatch--green-900);
  --_theme---button-secondary--background: var(--swatch--green-100);
  --_theme---button-secondary--border: var(--swatch--green-900);
  --_theme---button-secondary--text: var(--swatch--green-900);
  --_theme---button-secondary--background-hover: var(--swatch--white);
  --_theme---button-secondary--text-hover: var(--swatch--green-900);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.category_info_contain {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--32);
  grid-row-gap: var(--_spacing---space--32);
  border-width: 1px 0 0;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.category_info_contain.u-padding-small {
  z-index: 2;
  position: relative;
}

.category_image_contain {
  z-index: 0;
  width: var(--max-width--full);
  height: var(--max-width--full);
  background-color: #4a3a2c;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  object-position: center top;
}

.category_card_fade {
  z-index: 1;
  width: var(--max-width--full);
  height: var(--max-width--full);
  background-image: linear-gradient(0deg, #4d593d 0%, rgba(77,89,61,.6) 40%, #0000 65%);
  position: absolute;
  inset: 0%;
}

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

.category_title {
  width: var(--max-width--full);
  color: var(--_theme---main-text);
  font-weight: var(--_tipography---weight-bold);
}

.arrow-right {
  object-fit: cover;
  overflow: hidden;
}

.map_section_wrap, .product-detail_section_wrap {
  width: var(--max-width--full);
  max-width: var(--max-width--main);
  margin-left: auto;
  margin-right: auto;
}

.product-detail_section_contain {
  width: var(--max-width--full);
  padding-top: var(--padding--none);
  grid-column-gap: var(--_spacing---space--120);
  grid-row-gap: var(--_spacing---space--120);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

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

.product-detail_section_contain.u-padding-huge.is-bottom-small {
  padding-bottom: var(--padding--xl);
}

.content_main_list {
  grid-column-gap: var(--_spacing---space--12);
  grid-row-gap: var(--_spacing---space--12);
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 1.25rem;
  display: flex;
}

.list-item {
  color: var(--_theme---secondary-text);
  font-size: var(--_tipography---font-size--text-medium);
  line-height: var(--_tipography---line-height--large);
  padding-top: 0;
}

.product-detail_section_image {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  overflow: hidden;
}

.product-detail_section_left {
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  text-decoration: none;
  display: flex;
}

.product-detail_image_wrap {
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--small);
  background-color: var(--swatch--green-100);
  justify-content: center;
  align-items: center;
  display: flex;
}

.product-detail_section_top {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--120);
  grid-row-gap: var(--_spacing---space--120);
  display: flex;
}

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

.detail_card_wrap {
  grid-column-gap: var(--_spacing---space--24);
  grid-row-gap: var(--_spacing---space--24);
  background-color: #fff;
  border: 1px solid #26371133;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
}

.detail_card_wrap.u-padding-medium {
  width: var(--max-width--full);
  max-width: var(--max-width--main);
  margin-left: auto;
  margin-right: auto;
}

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

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

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

.hero-image.is-hidden {
  display: none;
}

.hero_section_shadow {
  z-index: 1;
  width: var(--max-width--full);
  height: var(--max-width--full);
  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--medium);
  background-color: #f3ead9;
  background-image: linear-gradient(#0009, #0000 25%), linear-gradient(144.97deg, #fff 20%, #fff0 60%), url('../images/Header-image.png'), linear-gradient(#ffffff80, #ffffff80);
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-size: auto, auto, cover, auto;
  background-attachment: scroll, scroll, scroll, scroll;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.hero_section_shadow.u-padding-huge {
  background-image: linear-gradient(#000000bf, #0000 25%), linear-gradient(144.97deg, #fff 20%, #fff0 60%), linear-gradient(#ffffff80, #ffffff80);
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, auto;
  position: relative;
}

.navbar_item_wrap {
  z-index: 99;
  width: var(--max-width--full);
  padding-right: var(--site--margin);
  padding-left: var(--site--margin);
  --_theme---main-text: var(--swatch--white);
  --_theme---border: var(--swatch--white-op-200);
  --_theme---background-section: var(--swatch--green-400);
  --_theme---background: var(--swatch--green-900);
  --_theme---secondary-text: var(--swatch--white-op-800);
  --_theme---button-outline--border\<deleted\|variable-89afc58e-1901-11ff-2e60-39a4b8b29b07\>: var(--_theme---secondary-text);
  --_theme---button-outline--border-hover\<deleted\|variable-e01673cc-3fbe-b9e9-160f-496dc0acca25\>: var(--swatch--white);
  --_theme---button-secondary--border-hover: var(--swatch--green-900);
  --_theme---selection--background: var(--swatch--green-600);
  --_theme---selection--text: var(--swatch--white-op-800);
  --_theme---button-primary--background: var(--swatch--white);
  --_theme---button-primary--border: var(--swatch--white);
  --_theme---button-primary--text: var(--swatch--green-900);
  --_theme---button-primary--background-hover: var(--swatch--green-100);
  --_theme---button-primary--border-hover: var(--swatch--green-100);
  --_theme---button-primary--text-hover: var(--swatch--green-900);
  --_theme---button-secondary--background: var(--swatch--green-100);
  --_theme---button-secondary--border: var(--swatch--green-900);
  --_theme---button-secondary--text: var(--swatch--green-900);
  --_theme---button-secondary--background-hover: var(--swatch--white);
  --_theme---button-secondary--text-hover: var(--swatch--green-900);
  position: fixed;
  inset: 1rem 0% auto;
}

.navbar_item_wrap:where(.w-variant-3486b458-f79d-30b8-115f-d9c85ac7ce26) {
  margin-bottom: 1rem;
  padding-left: 0;
  padding-right: 0;
  position: sticky;
  top: 1rem;
}

.navbar_item_contain {
  z-index: 5;
  width: var(--max-width--full);
  max-width: var(--max-width--main);
  padding: var(--_spacing---space--12) var(--padding--3xl);
  background-color: #0000;
  margin-left: auto;
  margin-right: auto;
}

.navbar_item_contain.shadow-three {
  width: 100%;
  max-width: 1140px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.navbar_item_contain.u-padding-inline-huge {
  border-radius: var(--radius--large);
  overflow: hidden;
}

.container {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar_logo_link {
  width: 3.5rem;
  padding-top: var(--_spacing---space--4);
  padding-bottom: var(--_spacing---space--4);
}

.nav-menu-two {
  grid-column-gap: var(--_spacing---space--40);
  grid-row-gap: var(--_spacing---space--40);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav_link_item {
  color: var(--_theme---main-text);
  letter-spacing: .25px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
}

.nav_link_item:hover {
  color: #1a1b1fbf;
}

.nav_link_item:focus-visible, .nav_link_item[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav_link_item.u-text-style-small:hover {
  color: var(--swatch--green-100);
}

.nav_link_item.u-text-style-small.w--current {
  color: var(--swatch--cream);
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.navbar_item_bg {
  width: var(--max-width--full);
  height: var(--max-width--full);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--large);
  background-color: var(--swatch--green-500);
  opacity: 1;
  position: absolute;
  inset: 0%;
}

.navbar_item_bg:where(.w-variant-3486b458-f79d-30b8-115f-d9c85ac7ce26) {
  opacity: 1;
}

.navbar-logo-center-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.navbar-logo-center-container.shadow-three {
  width: 100%;
  max-width: 1140px;
}

.container-2 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper-three {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar-brand-three {
  z-index: 5;
  position: absolute;
}

.nav-menu-wrapper-three {
  width: 100%;
}

.nav-menu-three {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-menu-block {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #1a1b1fbf;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-2 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle-2 {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle-2:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle-2:focus-visible, .nav-dropdown-toggle-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon-2 {
  margin-right: 10px;
}

.nav-dropdown-list-2 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-2.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link-2 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-2:focus-visible, .nav-dropdown-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-link-accent-2 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent-2:hover {
  color: #1a1b1fbf;
}

.button-primary-2 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-2:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-2:active {
  background-color: #43464d;
}

.hero_subpage_right {
  aspect-ratio: 3 / 2;
  border-radius: var(--radius--small);
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
  overflow: hidden;
}

.product_image_item {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

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

.search_item_wrap {
  width: var(--max-width--full);
  padding: var(--_spacing---space--16) var(--_spacing---space--24);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--large);
  background-color: var(--swatch--white);
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}
.search_item_wrap form {
  width: 100%;
}

.search-placeholder {
  opacity: .8;
  color: var(--swatch--brown-700-op-80);
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

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

.filter_item {
  padding: var(--_spacing---space--14) var(--_spacing---space--20);
  grid-column-gap: var(--_spacing---space--8);
  grid-row-gap: var(--_spacing---space--8);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--large);
  background-color: var(--swatch--green-100);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.filter_item_text {
  color: var(--swatch--green-900);
  font-weight: var(--_tipography---weight-medium);
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

/* Select-alapú filter_item */
.filter_item--select {
  padding: 0;
}
.filter_item--select select.filter_item_text {
  appearance: none;
  -webkit-appearance: none;
  background: url('../images/chevron-down.svg') no-repeat right 1rem center / 14px 14px;
  border: none;
  outline: none;
  cursor: pointer;
  font: inherit;
  color: inherit;
  padding: var(--_spacing---space--14) calc(var(--_spacing---space--20) + 22px) var(--_spacing---space--14) var(--_spacing---space--20);
  width: 100%;
}

.chevron-down {
  object-fit: cover;
  flex: none;
  overflow: hidden;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

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

.pagination--0 {
  background-color: #909980;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  text-decoration: none;
  display: flex;
}

.page-number {
  color: #fff;
  letter-spacing: -.022em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.pagination {
  width: 2.5rem;
  height: 2.5rem;
  padding: var(--_spacing---space--8);
  grid-column-gap: var(--_spacing---space--8);
  grid-row-gap: var(--_spacing---space--8);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--large);
  background-color: var(--swatch--green-100);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.pagination.is-active {
  border-color: var(--swatch--green-400);
  background-color: var(--swatch--green-400);
}

.pagination_page_number {
  font-weight: var(--_tipography---weight-medium);
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

.pagination_page_number.u-text-style-small.is-active {
  color: var(--swatch--white);
}

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

  .content_main_wrap {
    max-width: 35rem;
  }

  .contact_section_contain.u-padding-huge, .contact_section_contain.u-padding-huge.is-simple {
    justify-content: space-between;
    align-items: flex-start;
  }

  .partners-logo-container {
    min-width: 10rem;
  }

  .partner_logo {
    min-width: 8rem;
  }

  .hero_section_inner {
    margin-top: var(--padding--xl);
  }

  .custom_job_content {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .contact_section_right.is-dark.u-padding-large {
    max-width: 50rem;
  }

  .hero_section_shadow {
    background-image: linear-gradient(#0009, #0000 35%), linear-gradient(144.97deg, #fff 20%, #fff0 60%), url('../images/Header-image.png'), linear-gradient(#ffffff80, #ffffff80);
    background-position: 0 0, 0 0, 0 10%, 0 0;
    background-size: auto, auto, cover, auto;
    background-attachment: scroll, scroll, scroll, scroll;
  }

  .navbar_logo_link {
    width: 4rem;
  }
}

@media screen and (max-width: 991px) {
  .button_main_icon.primary_large-4 {
    width: 1rem;
  }

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

  .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-00 {
    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--brown-700);
    -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%;
  }

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

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

  .content_main_wrap {
    max-width: none;
  }

  .content_main_wrap.is-about {
    max-width: 50%;
  }

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

  .custom_job_card.u-padding-medium {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .image-contain {
    width: var(--padding--3xl);
    height: var(--_spacing---space--120);
    flex: none;
  }

  .lightbulb-image {
    width: auto;
  }

  .footer {
    grid-column-gap: var(--padding--3xl);
    grid-row-gap: var(--padding--3xl);
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: grid;
  }

  .opening-hours-container {
    max-width: 50%;
  }

  .hero_section_inner {
    max-width: 80%;
    margin-top: var(--padding--none);
  }

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

  .hero_subpage_contain.u-padding-huge.is-bottom-aligned {
    aspect-ratio: 3 / 2;
    min-height: 25rem;
  }

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

  .believe_section_cards {
    grid-column-gap: var(--site--gutter);
    grid-row-gap: var(--site--gutter);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .believe_card_wrap.u-padding-small {
    height: var(--max-width--full);
  }

  .detail_card_top {
    justify-content: flex-start;
    align-items: center;
  }

  .categories_card_contain.is-grig {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .product-detail_section_contain.u-padding-huge {
    padding-top: var(--padding--none);
  }

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

  .product-detail_section_left, .product-detail_image_wrap.u-padding-large {
    width: 100%;
  }

  .product-detail_section_top {
    flex-flow: column;
  }

  .hero_section_shadow {
    background-image: linear-gradient(164deg, #fff 20%, #0000 72%), linear-gradient(144.97deg, #fff 20%, #fff0 60%), url('../images/Header-image.png'), linear-gradient(#ffffff80, #ffffff80);
    background-position: 0 0, 0 0, 0 100%, 0 0;
    background-repeat: repeat, repeat, no-repeat, repeat;
    background-size: auto, auto, cover, auto;
    background-attachment: scroll, scroll, scroll, scroll;
  }

  .footer_logo_wrap {
    max-width: var(--padding--3xl);
  }

  .footer_logo_wrap.w--current {
    width: var(--_spacing---space--64);
  }

  .navbar_item_wrap {
    margin-bottom: var(--_spacing---space--8);
    padding-right: var(--radius--none);
    padding-left: var(--radius--none);
    position: sticky;
  }

  .navbar_item_wrap.is-hidden {
    display: none;
  }

  .container {
    max-width: 728px;
  }

  .navbar_logo_link {
    width: 3rem;
  }

  .nav-menu-wrapper {
    width: var(--max-width--full);
    height: 85dvh;
    margin-top: var(--_spacing---space--8);
    padding: var(--padding--2xl);
    border: var(--border-width--main) solid var(--_theme---border);
    border-radius: var(--radius--medium);
    background-color: var(--swatch--green-500);
  }

  .nav-menu-two {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    display: flex;
    position: relative;
  }

  .nav_link_item {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .nav_menu_button {
    display: block;
    padding: 12px;
    background: none;
    border: none;
    cursor: pointer;
  }

  .nav_menu_button.w--open {
    background-color: var(--swatch--transparent);
    color: var(--swatch--transparent);
  }

  .hamburger_menu_contain {
    width: var(--_spacing---space--64);
    height: var(--max-width--full);
    grid-column-gap: var(--_spacing---space--4);
    grid-row-gap: var(--_spacing---space--4);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .hamburger_menu_line {
    width: var(--max-width--full);
    height: var(--_spacing---space--2);
    border-radius: var(--radius--large);
    background-color: var(--swatch--cream);
  }

  .container-2 {
    max-width: 728px;
  }

  .navbar-wrapper-three {
    justify-content: space-between;
  }

  .navbar-brand-three {
    position: relative;
  }

  .nav-menu-wrapper-three {
    background-color: #0000;
    top: 70px;
  }

  .nav-menu-three {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: absolute;
  }

  .menu-button-2 {
    padding: 12px;
  }

  .menu-button-2.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

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

@media screen and (max-width: 767px) {
  .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;
  }

  .content_main_wrap.is-about {
    max-width: 100%;
  }

  .featured_products_contain.u-padding-huge {
    padding-right: var(--padding--none);
    padding-left: var(--padding--none);
  }

  .section_content_top {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .product_card_contain.is-grig {
    grid-template-columns: 1fr 1fr;
  }

  .product_card_wrap:where(.w-variant-21b5a3db-c89f-c167-a266-4575ec4579b3) {
    display: none;
  }

  .icon_contain {
    width: var(--_spacing---space--64);
  }

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

  .about-us_section_left, .about-us_section_right {
    width: 100%;
  }

  .services_section_contain.u-padding-huge {
    padding-right: var(--padding--none);
    padding-left: var(--padding--none);
  }

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

  .testimonial_section_contain.u-padding-huge {
    padding-right: var(--padding--none);
    padding-left: var(--padding--none);
  }

  .testimonial_card_wrap.u-padding-medium:where(.w-variant-72b7d1cb-ff38-9732-9cc8-9ae785333fb4) {
    display: none;
  }

  .process_section_contain.u-padding-huge {
    padding-right: var(--padding--none);
    padding-left: var(--padding--none);
    flex-flow: column;
  }

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

  .contact_section_contain.u-padding-huge.is-simple, .partners_section_contain.u-padding-huge {
    padding-right: var(--padding--none);
    padding-left: var(--padding--none);
  }

  .partner_logo {
    min-width: 8rem;
    min-height: 2rem;
  }

  .footer_section_contain.u-padding-block-large.u-padding-inline-huge {
    justify-content: flex-start;
    align-items: flex-start;
  }

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

  .opening_hours_contain {
    justify-content: space-between;
    align-items: center;
  }

  .footer-bottom {
    width: auto;
  }

  .copyright-text {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .hero_section_inner {
    max-width: 100%;
    margin-top: var(--padding--none);
    padding-top: var(--padding--none);
  }

  .hero_subpage_contain.u-padding-huge {
    aspect-ratio: auto;
    flex-flow: column-reverse;
  }

  .hero_subpage_contain.u-padding-huge.is-bottom-aligned {
    aspect-ratio: auto;
  }

  .subpage_hero_image {
    max-width: 100%;
  }

  .about_detail_wrap.u-padding-huge {
    padding-right: var(--padding--none);
    padding-left: var(--padding--none);
  }

  .about_detail_contain {
    flex-flow: column;
  }

  .timeline_section_contain.u-padding-huge {
    padding-right: var(--padding--none);
    padding-left: var(--padding--none);
  }

  .timeline-events-container {
    grid-template-columns: 1fr 1fr;
  }

  .believe_section_contain.u-padding-huge {
    padding-right: var(--padding--none);
    padding-left: var(--padding--none);
  }

  .believe_section_cards {
    grid-column-gap: var(--site--gutter);
    grid-row-gap: var(--site--gutter);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .believe_card_wrap.u-padding-small {
    height: var(--max-width--full);
  }

  .cta_section_contain {
    flex-flow: column;
  }

  .cta_section_right.u-padding-large, .cta_section_left {
    width: 100%;
  }

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

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

  .contact_details_wrap.is-horizontal {
    flex-flow: column;
  }

  .map_section_divider {
    height: .0625rem;
  }

  .categories_card_contain.is-grig {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .map_section_wrap.u-padding-inline-huge, .product-detail_section_contain.u-padding-huge.is-bottom-small {
    padding-right: var(--padding--none);
    padding-left: var(--padding--none);
  }

  .contact_details_left.is-product {
    width: 60%;
  }

  .footer_logo_wrap.w--current {
    width: var(--_spacing---space--120);
  }

  .navbar_item_contain {
    max-width: 100%;
  }

  .navbar_logo_link {
    padding-left: 0;
  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav_link_item {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .navbar-brand-three {
    padding-left: 0;
  }

  .nav-menu-three {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-menu-block {
    flex-direction: column;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-2.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-link-accent-2 {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-11 {
    margin-top: 10px;
  }

  .hero_subpage_right {
    width: 100%;
  }
}

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

  .hero_section_contain.u-padding-huge {
    padding-right: var(--padding--xs);
    padding-left: var(--padding--xs);
  }

  .content_main_text.u-text-style-medium.is-short {
    max-width: 100%;
  }

  .content_button_wrap, .product_card_contain {
    flex-flow: column;
  }

  .product_card_contain.is-grig {
    grid-template-columns: 1fr;
  }

  .icon_contain {
    width: 2.5rem;
  }

  .about-us_section_contain.u-padding-huge {
    padding-right: var(--padding--xs);
    padding-left: var(--padding--xs);
  }

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

  .custom_job_card {
    grid-column: span 1;
  }

  .custom_job_card.u-padding-medium {
    padding-right: var(--padding--xs);
    padding-left: var(--padding--xs);
  }

  .testimonial_card_container {
    flex-flow: column;
  }

  .contact_section_contain.u-padding-huge, .footer_section_contain.u-padding-block-large.u-padding-inline-huge {
    padding-right: var(--padding--xs);
    padding-left: var(--padding--xs);
  }

  .footer {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .contact_info_container, .contact_info_contain {
    width: var(--max-width--full);
  }

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

  .contact_link_item.u-text-style-small {
    width: 100%;
  }

  .hero_section_inner {
    margin-top: var(--padding--none);
    padding-top: var(--padding--none);
  }

  .contact_section_right.is-dark.u-padding-large, .hero_subpage_contain.u-padding-huge.is-bottom-aligned {
    padding-right: var(--padding--xs);
    padding-left: var(--padding--xs);
  }

  .timeline-events-container, .believe_section_cards {
    grid-template-columns: 1fr;
  }

  .cta_section_contain {
    flex-flow: column;
  }

  .cta_section_right.u-padding-large {
    width: 100%;
    padding-right: var(--padding--xs);
    padding-left: var(--padding--xs);
  }

  .cta_section_left {
    width: 100%;
  }

  .map_section_contain.u-padding-large {
    padding-right: var(--padding--xs);
    padding-left: var(--padding--xs);
    aspect-ratio: 9 / 16;
    justify-content: center;
    align-items: flex-end;
  }

  .categories_card_contain.is-grig {
    grid-template-columns: 1fr;
  }

  .contact_details_left.is-product {
    width: 100%;
  }

  .navbar_item_contain {
    padding-right: var(--padding--xs);
    padding-left: var(--padding--xs);
  }

  .container {
    max-width: none;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .container-2 {
    max-width: none;
  }

  .nav-menu-three {
    flex-direction: column;
  }

  .filters-container {
    width: var(--max-width--full);
    padding-bottom: var(--_spacing---space--12);
    overflow: auto;
  }
}

#w-node-_6730d957-fee3-d632-3513-2edb98af4464-f8edb81f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f2b23a2a-f46c-c886-81ec-d084e12fd148-e12fd148 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_6730d957-fee3-d632-3513-2edb98af4464-f8edb81f {
    grid-column: span 1 / span 1;
  }
}



/* ── Pagination: nyíl + ellipszis kiegészítők ─────────────────────────── */
.pagination-arrow {
  color: var(--swatch--brown-700);
}
.pagination-arrow.is-disabled {
  opacity: .35;
  pointer-events: none;
  cursor: default;
}
.pagination-ellipsis {
  pointer-events: none;
  border-color: transparent;
  background: transparent;
}

a.pagination {
  color: var(--swatch--brown-700);
  text-decoration: none;
}
a.pagination:hover {
  border-color: var(--swatch--green-400);
}

/* ── Termékkártya hover animáció (Webflow JS helyett CSS) ──────────────── */
.product_image_item {
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.product_card_wrap:hover .product_image_item {
  transform: scale(1.07);
}

/* ── Navbar scroll fade-in ─────────────────────────────────────────────── */
/* ── Navbar pill: contain pozicionálása az overlay menühöz ─────────────── */
.navbar_item_contain {
  position: relative;
}

/* ── Contact Form 7 stilizálás ─────────────────────────────────────────── */

/* CF7 külső wrapper: teljes szélesség */
.contact_section_right .wpcf7 {
  width: 100%;
}
.contact_section_right .wpcf7-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--padding--sm, 1rem);
}
.contact_section_right .wpcf7-form > p {
  margin: 0;
}

/* CF7 span wrapper + inputok: teljes szélesség */
.contact_section_right .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.contact_section_right .text-field {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.contact_section_right .text-area {
  display: block;
  width: 100%;
  box-sizing: border-box;
  resize: vertical;
}

/* Submit gomb: fehér pill, Webflow .submit-button stílus */
.contact_section_right input.wpcf7-submit {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: var(--radius--large, 9999px);
  background: var(--swatch--white, #fff);
  color: var(--swatch--brown-700, #4a3a2c);
  font-family: inherit;
  font-size: var(--_tipography---font-size--text-small, 0.9rem);
  font-weight: 500;
  padding: 0.65rem 1.5rem;
  cursor: pointer;
  letter-spacing: 0.01em;
  transition: opacity 0.2s ease;
  align-self: flex-start;
}
.contact_section_right input.wpcf7-submit:hover {
  opacity: 0.85;
}

/* CF7 acceptance checkbox: a .checkbox_item_contain-en belül a span ne vegyen el teljes sort */
.contact_section_right .checkbox_item_contain {
  display: flex;
  align-items: center;
  gap: var(--_spacing---space--12);
}
/* A checkbox és a szöveg egy sorban, függőlegesen középre igazítva (Webflow szerint) */
.contact_section_right .wpcf7-acceptance .wpcf7-list-item label {
  display: flex;
  align-items: center;
  gap: var(--_spacing---space--12);
  margin: 0;
}
.contact_section_right .checkbox_item_contain .wpcf7-form-control-wrap {
  display: inline;
  width: auto;
}
/* Az elfogadás-label NEM félkövér (mint a mező-labelek), hanem normál súlyú és
   világos színű, a Webflow .featured_product_text u-text-style-small szerint. */
.contact_section_right .wpcf7-acceptance .wpcf7-list-item-label,
.contact_section_right .wpcf7-acceptance .wpcf7-list-item-label a {
  font-weight: 400;
  color: var(--_theme---secondary-text);
}
.contact_section_right .wpcf7-acceptance input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border: 1px solid rgba(255,255,255,0.2);
  background-color: rgba(255,255,255,0.2);
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  outline: none;
  box-shadow: none;
  overflow: hidden;
}
.contact_section_right .wpcf7-acceptance input[type="checkbox"]:focus {
  outline: none;
  box-shadow: none;
}
.contact_section_right .wpcf7-acceptance input[type="checkbox"]:checked {
  background-color: #4a3a2c;
  border-color: #4a3a2c;
}
.contact_section_right .wpcf7-acceptance input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}

/* Validációs üzenetek */
.contact_section_right .wpcf7-not-valid-tip {
  color: #f99;
  font-size: 0.8rem;
  margin-top: 0.25rem;
}
.contact_section_right .wpcf7-response-output {
  border: none !important;
  padding: 0.75rem 0 0 !important;
  font-size: 0.9rem;
  color: #fff;
  margin: 0 !important;
}

/* ── Button variant: data-attribútum → secondary stílus ───────────────── */
/* A Webflow.js hiányában az attribútum-szelektort használjuk a .w-variant-* osztály helyett */
[data-wf--primary-button--variant="secondary"] .button_main_element,
[data-wf--primary-button--variant="secondary"] .button_main_element:where(.w-variant-9b676eb5-447b-7702-bfd9-fd8454b25b58) {
  --_button-style---border: var(--_theme---button-secondary--border);
  --_button-style---background: var(--_theme---button-secondary--background);
  --_button-style---text: var(--_theme---button-secondary--text);
  --_button-style---border-hover: var(--_theme---button-secondary--border-hover);
  --_button-style---background-hover: var(--_theme---button-secondary--background-hover);
  --_button-style---text-hover: var(--_theme---button-secondary--text-hover);
}
[data-wf--primary-button--variant="secondary"] .button_main_text {
  color: var(--_theme---button-secondary--text);
}

/* ── Mobile nav: alapból rejtett, .w--open-kor látható ───────────────────── */
@media screen and (max-width: 991px) {
  .nav-menu-wrapper {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 9999;
    overflow: hidden;
  }

  .nav-menu-wrapper.w--open {
    display: flex;
    flex-direction: column;
  }

  /* Hamburger X animáció */
  .nav_menu_button.w--open .hamburger_menu_line._01 {
    transform: translateY(6px) rotate(45deg);
  }
  .nav_menu_button.w--open .hamburger_menu_line._02 {
    opacity: 0;
  }
  .nav_menu_button.w--open .hamburger_menu_line._03 {
    transform: translateY(-6px) rotate(-45deg);
  }

  .hamburger_menu_line {
    transition: transform 0.2s ease, opacity 0.2s ease;
  }

  /* Navbar pozíciója: relative, hogy az absolute menü alá essen */
  .navbar_item_contain {
    position: relative;
  }
}

/* ── Webflow.js variant osztályok pótlása data-attribútumokkal ───────────── */
/* Webflow.js dinamikusan adja a .w-variant-* osztályokat; ezeket data-attr  */
/* szelektorokkal pótoljuk, hogy a mobilnézet helyesen jelenjen meg.         */

/* Utolsó termék-kártya elrejtése 2-col grid esetén (767px) */
@media screen and (max-width: 767px) {
  [data-wf--product_card_wrap--variant="is-last"] {
    display: none;
  }
  [data-wf--testimonial_card_wrap--variant="is-final-mobile"] {
    display: none;
  }
}

/* Navbar sticky top értéke mobilon */
@media screen and (max-width: 991px) {
  .navbar_item_wrap {
    top: 0;
  }
}


/* ── 404 oldal (szinkronizálva a Webflow exportból) ─────────────────────────── */
._404_section_wrap {
  width: var(--max-width--full);
  height: 96dvh;
  max-width: var(--max-width--main);
  margin-left: auto;
  margin-right: auto;
}
._404_section_contain {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--56);
  grid-row-gap: var(--_spacing---space--56);
  border: var(--border-width--main) solid var(--_theme---border);
  border-radius: var(--radius--medium);
  background-color: var(--swatch--green-400);
  --_theme---main-text: var(--swatch--white);
  --_theme---border: var(--swatch--white-op-200);
  --_theme---background-section: var(--swatch--green-400);
  --_theme---background: var(--swatch--green-900);
  --_theme---secondary-text: var(--swatch--white-op-800);
  --_theme---button-outline--border\<deleted\|variable-89afc58e-1901-11ff-2e60-39a4b8b29b07\>: var(--_theme---secondary-text);
  --_theme---button-outline--border-hover\<deleted\|variable-e01673cc-3fbe-b9e9-160f-496dc0acca25\>: var(--swatch--white);
  --_theme---button-secondary--border-hover: var(--swatch--green-900);
  --_theme---selection--background: var(--swatch--green-600);
  --_theme---selection--text: var(--swatch--white-op-800);
  --_theme---button-primary--background: var(--swatch--white);
  --_theme---button-primary--border: var(--swatch--white);
  --_theme---button-primary--text: var(--swatch--green-900);
  --_theme---button-primary--background-hover: var(--swatch--green-100);
  --_theme---button-primary--border-hover: var(--swatch--green-100);
  --_theme---button-primary--text-hover: var(--swatch--green-900);
  --_theme---button-secondary--background: var(--swatch--green-100);
  --_theme---button-secondary--border: var(--swatch--green-900);
  --_theme---button-secondary--text: var(--swatch--green-900);
  --_theme---button-secondary--background-hover: var(--swatch--white);
  --_theme---button-secondary--text-hover: var(--swatch--green-900);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}
._404_section_contain.u-padding-huge {
  height: var(--max-width--full);
}
._404_content_top {
  width: var(--max-width--full);
  grid-column-gap: var(--_spacing---space--40);
  grid-row-gap: var(--_spacing---space--40);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}
._404_content_title {
  color: var(--_theme---main-text);
  font-weight: var(--_tipography---weight-bold);
}
@media screen and (max-width: 767px) {
  ._404_section_contain.u-padding-huge {
      flex-flow: column;
    }
}
@media screen and (max-width: 479px) {
  ._404_section_contain.u-padding-huge {
      padding-right: var(--padding--xs);
      padding-left: var(--padding--xs);
    }
}