@font-face {
  font-family: Raveo Display;
  src: url('../fonts/Raveo-Display-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Parkinsans;
  src: url('../fonts/Parkinsans-VariableFont_wght.ttf') format("truetype");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-tokens-background-base: var(--color-base-background-base-light);
  --typography-font-family-body-2: var(--typography-font-body);
  --color-tokens-tone-strong: var(--color-base-neutral-dark-100);
  --typography-size-body-2: 16px;
  --typography-line-height-body-2: 24px;
  --typography-font-weight-body-2: var(--typography-weight-body);
  --typography-letter-spacing-body-2: 0px;
  --typography-font-family-h1: var(--typography-font-heading-sans);
  --typography-size-h1: 72px;
  --typography-line-height-h1: 76px;
  --typography-font-weight-h1: var(--typography-weight-heading-sans);
  --typography-letter-spacing-h1: -4px;
  --typography-font-family-h2: var(--typography-font-heading-sans);
  --typography-size-h2: 48px;
  --typography-line-height-h2: 52px;
  --typography-font-weight-h2: var(--typography-weight-heading-sans);
  --typography-letter-spacing-h2: -2px;
  --typography-font-family-h3: var(--typography-font-heading-sans);
  --typography-size-h3: 40px;
  --typography-line-height-h3: 40px;
  --typography-font-weight-h3: var(--typography-weight-heading-sans);
  --typography-letter-spacing-h3: -1px;
  --typography-font-family-h4: var(--typography-font-heading-sans);
  --typography-size-h4: 32px;
  --typography-line-height-h4: 36px;
  --typography-font-weight-h4: var(--typography-weight-heading-sans);
  --typography-letter-spacing-h4: -1px;
  --typography-font-family-h5: var(--typography-font-heading-sans);
  --typography-size-h5: 28px;
  --typography-line-height-h5: 32px;
  --typography-font-weight-h5: var(--typography-weight-heading-sans);
  --typography-letter-spacing-h5: -.5px;
  --typography-font-family-h6: var(--typography-font-heading-sans);
  --typography-size-h6: 16px;
  --typography-line-height-h6: 20px;
  --typography-font-weight-h6: var(--typography-weight-heading-sans);
  --typography-letter-spacing-h6: .5px;
  --spacing--8: 8px;
  --spacing--16: 16px;
  --typography-font-family-button-2: var(--typography-font-button);
  --color-base-neutral-dark-88: color-mix(in srgb, var(--color-base-neutral-dark-100) 88%, transparent);
  --typography-size-button-2: 12px;
  --typography-line-height-button-2: 12px;
  --typography-font-weight-button-2: var(--typography-weight-button);
  --typography-letter-spacing-button-2: 0px;
  --spacing--32: 32px;
  --spacing--0: 0px;
  --spacing--12: 12px;
  --color-tokens-input-default-border: var(--color-base-neutral-dark-0);
  --radius-ui-elements-input: 20px;
  --color-tokens-input-default-background: var(--color-base-neutral-light-100);
  --color-tokens-input-default-text: var(--color-base-neutral-dark-48);
  --color-tokens-input-active-border: var(--color-base-neutral-dark-32);
  --color-tokens-input-active-text: var(--color-base-neutral-dark-100);
  --color-tokens-input-active-background: var(--color-base-neutral-light-88);
  --color-tokens-background-lift: var(--color-base-background-lift-light);
  --typography-font-family-label-1: var(--typography-font-label);
  --typography-size-label-1: 13px;
  --typography-line-height-label-1: 16px;
  --typography-font-weight-label-1: var(--typography-weight-label);
  --typography-letter-spacing-label-1: .75px;
  --color-tokens-tone-subtle: var(--color-base-neutral-dark-32);
  --section-padding--small: 80px;
  --spacing--64: 64px;
  --spacing--24: 24px;
  --container--main: 1800px;
  --grid--page-padding: 32px;
  --spacing--48: 48px;
  --typography-font-family-body-3: var(--typography-font-body);
  --typography-size-body-3: 14px;
  --typography-line-height-body-3: 20px;
  --typography-font-weight-body-3: var(--typography-weight-body);
  --typography-letter-spacing-body-3: 0px;
  --section-padding--large: 160px;
  --spacing-radius-24-deleted-variable-7ed2b0ff-bd46-a18a-a853-254e7a6feaf7: 24px;
  --color-base-background-base-light: #f5f3f0;
  --section-padding--extra-large: 200px;
  --section-padding--extra-small: 32px;
  --section-padding--medium: 120px;
  --color-base-neutral-light-0: color-mix(in srgb, var(--color-base-neutral-light-100) 0%, transparent);
  --radius-general-large: 32px;
  --color-tokens-background-yellow: var(--color-base-color-yellow-light-100);
  --typography-font-family-body-1: var(--typography-font-body);
  --typography-size-body-1: 20px;
  --typography-line-height-body-1: 28px;
  --typography-font-weight-body-1: var(--typography-weight-body);
  --typography-letter-spacing-body-1: 0px;
  --color-tokens-border-subtle: var(--color-base-neutral-dark-16);
  --radius-general-small: 8px;
  --color-base-ui-error: #c94040;
  --color-base-neutral-light-100: #f5f3f0;
  --color-base-neutral-dark-100: #011B3A;
  --color-tokens-background-blue: var(--color-base-color-blue-light-100);
  --color-tokens-background-peach: var(--color-base-color-peach-light-100);
  --color-tokens-background-mint: var(--color-base-color-mint-light-100);
  --color-tokens-background-clay: var(--color-base-color-clay-light-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-light-100);
  --typography-font-family-label-2: var(--typography-font-label);
  --typography-size-label-2: 11px;
  --typography-line-height-label-2: 12px;
  --typography-font-weight-label-2: var(--typography-weight-label);
  --typography-letter-spacing-label-2: .75px;
  --radius-general-default: 20px;
  --icon-icon-size-medium: 20px;
  --color-tokens-input-icon: var(--color-base-neutral-dark-100);
  --color-base-ui-transparent-deleted-variable-b39ff978-062a-ef1b-56a9-7c1cd8e3f89f: #0000;
  --max-width--3-columns: 332px;
  --color-base-ui-success: #2ad87f;
  --typography-font-heading-serif: Parkinsans, Arial, sans-serif;
  --max-width--6-columns: 680px;
  --spacing--20: 20px;
  --radius-ui-elements-button-base: 32px;
  --typography-font-family-button-1: var(--typography-font-button);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-light-100);
  --typography-size-button-1: 14px;
  --typography-line-height-button-1: 20px;
  --typography-font-weight-button-1: var(--typography-weight-button);
  --typography-letter-spacing-button-1: 0px;
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-light-100);
  --icon-icon-size-small: 12px;
  --color-tokens-button-primary-default-border: var(--color-base-neutral-light-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-dark-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-light-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-dark-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-light-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-dark-88);
  --typography-all-weights-medium: 500;
  --spacing--4: 4px;
  --typography-font-family-h0: var(--typography-font-heading-sans);
  --typography-size-h0: 120px;
  --typography-line-height-h0: 96px;
  --typography-font-weight-h0: var(--typography-weight-heading-sans);
  --typography-letter-spacing-h0: -4.5px;
  --radius-ui-elements-button-circle: 24px;
  --radius-ui-elements-tag: 16px;
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-dark-88);
  --color-base-color-mint-dark-100: #6cae00;
  --color-base-color-yellow-dark-100: #FFC24B;
  --color-base-color-blue-dark-100: #0092dd;
  --color-base-color-lilac-dark-100: #123a63;
  --color-base-color-peach-dark-100: #FF8A6B;
  --color-base-color-clay-dark-100: #5b6b7a;
  --max-width--2-columns: 216px;
  --color-tokens-tone-medium: var(--color-base-neutral-dark-64);
  --max-width--8-columns: 912px;
  --grid--column-gap: 16px;
  --typography-weight-body-bold: var(--typography-all-weights-semi-bold);
  --spacing--120: 120px;
  --color-base-neutral-dark-32: color-mix(in srgb, var(--color-base-neutral-dark-100) 32%, transparent);
  --color-base-neutral-dark-0: color-mix(in srgb, var(--color-base-neutral-dark-100) 0%, transparent);
  --max-width--4-columns: 448px;
  --max-width--5-columns: 564px;
  --spacing--80: 80px;
  --color-tokens-background-semi-transparent: var(--color-base-neutral-light-48);
  --radius-general-full: 100vw;
  --color-tokens-input-label: var(--color-base-neutral-dark-64);
  --icon-icon-size-extra-large: 44px;
  --max-width--7-columns: 796px;
  --max-width--9-columns: 1028px;
  --grid--content-gap: 132px;
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-light-0);
  --typography-font-heading-sans: Parkinsans, Arial, sans-serif;
  --typography-font-body: Parkinsans, Arial, sans-serif;
  --typography-font-label: Parkinsans, Arial, sans-serif;
  --typography-font-button: Parkinsans, Arial, sans-serif;
  --typography-weight-heading-serif: var(--typography-all-weights-semi-bold);
  --typography-weight-heading-sans: var(--typography-all-weights-semi-bold);
  --typography-weight-body: var(--typography-all-weights-normal);
  --typography-weight-label: var(--typography-all-weights-medium);
  --typography-weight-button: var(--typography-all-weights-semi-bold);
  --color-base-color-blue-light-100: #e8f6ff;
  --color-base-color-peach-light-100: #ffe9e3;
  --color-base-color-yellow-light-100: #ffefd1;
  --color-base-color-mint-light-100: #eef8d9;
  --color-base-color-clay-light-100: #e4eef6;
  --color-base-color-lilac-light-100: #e8f6ff;
  --color-base-accent-primary: #011B3A;
  --max-width--1-column: 100px;
  --max-width--10-columns: 1144px;
  --max-width--12-columns: 1376px;
  --container--small: 912px;
  --radius-ui-elements-navbar-bottom-radius: 24px;
  --color-base-neutral-dark-64: color-mix(in srgb, var(--color-base-neutral-dark-100) 64%, transparent);
  --color-base-neutral-dark-48: color-mix(in srgb, var(--color-base-neutral-dark-100) 48%, transparent);
  --color-base-neutral-dark-16: color-mix(in srgb, var(--color-base-neutral-dark-100) 16%, transparent);
  --color-base-neutral-dark-8: color-mix(in srgb, var(--color-base-neutral-dark-100) 8%, transparent);
  --color-base-neutral-dark-4: color-mix(in srgb, var(--color-base-neutral-dark-100) 4%, transparent);
  --color-base-neutral-light-88: color-mix(in srgb, var(--color-base-neutral-light-100) 88%, transparent);
  --color-base-neutral-light-64: color-mix(in srgb, var(--color-base-neutral-light-100) 64%, transparent);
  --color-base-neutral-light-48: color-mix(in srgb, var(--color-base-neutral-light-100) 48%, transparent);
  --color-base-neutral-light-32: color-mix(in srgb, var(--color-base-neutral-light-100) 32%, transparent);
  --color-base-neutral-light-16: color-mix(in srgb, var(--color-base-neutral-light-100) 16%, transparent);
  --color-base-neutral-light-8: color-mix(in srgb, var(--color-base-neutral-light-100) 8%, transparent);
  --icon-icon-size-large: 28px;
  --color-base-neutral-light-4: color-mix(in srgb, var(--color-base-neutral-light-100) 4%, transparent);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-light-100);
  --icon-icon-stroke: 1.5px;
  --icon-stroke-dashoffset-main: 200px;
  --icon-stroke-dasharray-main: 200px;
  --color-base-background-base-dark: #011B3A;
  --color-tokens-border-medium: var(--color-base-neutral-dark-48);
  --color-tokens-icon-strong: var(--color-base-neutral-dark-100);
  --color-tokens-icon-medium: var(--color-base-neutral-dark-64);
  --color-base-background-lift-light: white;
  --color-base-background-lift-dark: #0a2b52;
  --color-base-ui-warning: #c56a21;
  --typography-all-weights-thin: 100;
  --typography-all-weights-extra-light: 200;
  --typography-all-weights-light: 300;
  --typography-all-weights-normal: 400;
  --typography-all-weights-semi-bold: 600;
  --typography-all-weights-bold: 700;
  --typography-all-weights-extra-bold: 800;
  --typography-all-weights-black: 900;
  --color-tokens-input-filled-background: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-dark-0);
  --color-tokens-input-error-background: var(--color-base-neutral-light-100);
  --color-tokens-input-error-text: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-border: var(--color-base-neutral-dark-0);
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('../images/_assets/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

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

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--color-tokens-background-base);
  font-family: var(--typography-font-family-body-2);
  color: var(--color-tokens-tone-strong);
  font-size: var(--typography-size-body-2);
  line-height: var(--typography-line-height-body-2);
  font-weight: var(--typography-font-weight-body-2);
  letter-spacing: var(--typography-letter-spacing-body-2);
  --color-tokens-background-base: var(--color-base-background-base-light);
  --color-tokens-tone-strong: var(--color-base-neutral-dark-100);
  --color-tokens-input-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-input-default-background: var(--color-base-neutral-light-100);
  --color-tokens-input-default-text: var(--color-base-neutral-dark-48);
  --color-tokens-input-active-border: var(--color-base-neutral-dark-32);
  --color-tokens-input-active-text: var(--color-base-neutral-dark-100);
  --color-tokens-input-active-background: var(--color-base-neutral-light-88);
  --color-tokens-background-lift: var(--color-base-background-lift-light);
  --color-tokens-tone-subtle: var(--color-base-neutral-dark-32);
  --color-tokens-background-yellow: var(--color-base-color-yellow-light-100);
  --color-tokens-border-subtle: var(--color-base-neutral-dark-16);
  --color-tokens-background-blue: var(--color-base-color-blue-light-100);
  --color-tokens-background-peach: var(--color-base-color-peach-light-100);
  --color-tokens-background-mint: var(--color-base-color-mint-light-100);
  --color-tokens-background-clay: var(--color-base-color-clay-light-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-light-100);
  --color-tokens-input-icon: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-default-border: var(--color-base-neutral-light-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-dark-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-light-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-dark-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-light-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-dark-88);
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-dark-88);
  --color-tokens-tone-medium: var(--color-base-neutral-dark-64);
  --color-tokens-background-semi-transparent: var(--color-base-neutral-light-48);
  --color-tokens-input-label: var(--color-base-neutral-dark-64);
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-light-0);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-light-100);
  --color-tokens-border-medium: var(--color-base-neutral-dark-48);
  --color-tokens-icon-strong: var(--color-base-neutral-dark-100);
  --color-tokens-icon-medium: var(--color-base-neutral-dark-64);
  --color-tokens-input-filled-background: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-dark-0);
  --color-tokens-input-error-background: var(--color-base-neutral-light-100);
  --color-tokens-input-error-text: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-border: var(--color-base-neutral-dark-0);
}

h1 {
  font-family: var(--typography-font-family-h1);
  font-size: var(--typography-size-h1);
  line-height: var(--typography-line-height-h1);
  font-weight: var(--typography-font-weight-h1);
  letter-spacing: var(--typography-letter-spacing-h1);
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-family: var(--typography-font-family-h2);
  font-size: var(--typography-size-h2);
  line-height: var(--typography-line-height-h2);
  font-weight: var(--typography-font-weight-h2);
  letter-spacing: var(--typography-letter-spacing-h2);
  margin-top: 20px;
  margin-bottom: 10px;
}

h3 {
  font-family: var(--typography-font-family-h3);
  font-size: var(--typography-size-h3);
  line-height: var(--typography-line-height-h3);
  font-weight: var(--typography-font-weight-h3);
  letter-spacing: var(--typography-letter-spacing-h3);
  margin-top: 20px;
  margin-bottom: 10px;
}

h4 {
  font-family: var(--typography-font-family-h4);
  font-size: var(--typography-size-h4);
  line-height: var(--typography-line-height-h4);
  font-weight: var(--typography-font-weight-h4);
  letter-spacing: var(--typography-letter-spacing-h4);
  margin-top: 10px;
  margin-bottom: 10px;
}

h5 {
  font-family: var(--typography-font-family-h5);
  font-size: var(--typography-size-h5);
  line-height: var(--typography-line-height-h5);
  font-weight: var(--typography-font-weight-h5);
  letter-spacing: var(--typography-letter-spacing-h5);
  margin-top: 10px;
  margin-bottom: 10px;
}

h6 {
  font-family: var(--typography-font-family-h6);
  font-size: var(--typography-size-h6);
  line-height: var(--typography-line-height-h6);
  font-weight: var(--typography-font-weight-h6);
  letter-spacing: var(--typography-letter-spacing-h6);
  margin-top: 10px;
  margin-bottom: 10px;
}

p {
  font-family: var(--typography-font-family-body-2);
  font-size: var(--typography-size-body-2);
  line-height: var(--typography-line-height-body-2);
  font-weight: var(--typography-font-weight-body-2);
  letter-spacing: var(--typography-letter-spacing-body-2);
  margin-bottom: 10px;
}

a {
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 20px;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  margin-bottom: var(--spacing--8);
}

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

figcaption {
  margin-top: var(--spacing--16);
  font-family: var(--typography-font-family-button-2);
  color: var(--color-base-neutral-dark-88);
  font-size: var(--typography-size-button-2);
  line-height: var(--typography-line-height-button-2);
  font-weight: var(--typography-font-weight-button-2);
  text-align: center;
  letter-spacing: var(--typography-letter-spacing-button-2);
  text-transform: uppercase;
}

.button-wrap-style-guide {
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto auto 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.text-field {
  margin-bottom: var(--spacing--0);
  padding: var(--spacing--12) var(--spacing--16);
  border: 1px solid var(--color-tokens-input-default-border);
  border-radius: var(--radius-ui-elements-input);
  background-color: var(--color-tokens-input-default-background);
  font-family: var(--typography-font-family-body-2);
  color: var(--color-tokens-input-default-text);
  font-size: var(--typography-size-body-2);
  line-height: var(--typography-line-height-body-2);
  font-weight: var(--typography-font-weight-body-2);
  letter-spacing: var(--typography-letter-spacing-body-2);
  width: 100%;
  height: auto;
}

.text-field:focus {
  border-color: var(--color-tokens-input-active-border);
  background-color: var(--color-tokens-input-default-background);
  color: var(--color-tokens-input-active-text);
}

.text-field:focus-visible, .text-field[data-wf-focus-visible] {
  border-color: var(--color-tokens-input-active-border);
  background-color: var(--color-tokens-input-active-background);
  color: var(--color-tokens-input-active-text);
}

.text-field::placeholder {
  color: var(--color-tokens-input-default-text);
}

.text-field.textarea {
  min-height: 149px;
}

.text-field.password {
  background-color: var(--color-tokens-background-lift);
}

.label-large {
  font-family: var(--typography-font-family-label-1);
  font-size: var(--typography-size-label-1);
  line-height: var(--typography-line-height-label-1);
  font-weight: var(--typography-font-weight-label-1);
  letter-spacing: var(--typography-letter-spacing-label-1);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: flex-end;
}

.section-divider {
  border: 2px dashed var(--color-tokens-tone-subtle);
  opacity: .65;
  width: 100%;
  margin-right: auto;
}

.section-divider.blog {
  margin-top: var(--section-padding--small);
  margin-bottom: var(--spacing--64);
}

.template-hero-title-wrap {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.template-halves {
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  place-items: start stretch;
}

.main-container {
  z-index: 4;
  max-width: var(--container--main);
  padding-right: var(--grid--page-padding);
  padding-left: var(--grid--page-padding);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.template-block {
  margin-bottom: var(--spacing--64);
  grid-column-gap: var(--spacing--64);
  grid-row-gap: var(--spacing--64);
  flex-flow: column;
  display: flex;
}

.template-right-column {
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  flex-flow: column;
  display: flex;
}

.text-h2 {
  font-family: var(--typography-font-family-h2);
  font-size: var(--typography-size-h2);
  line-height: var(--typography-line-height-h2);
  font-weight: var(--typography-font-weight-h2);
  letter-spacing: var(--typography-letter-spacing-h2);
}

.text-body {
  font-family: var(--typography-font-family-body-2);
  font-size: var(--typography-size-body-2);
  line-height: var(--typography-line-height-body-2);
  font-weight: var(--typography-font-weight-body-2);
  letter-spacing: var(--typography-letter-spacing-body-2);
  margin-top: 0;
  margin-bottom: 0;
}

.colors-grid-style-guide {
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  flex-flow: wrap;
  grid-template-columns: 1fr 1fr 1fr;
  display: flex;
}

.text-small {
  font-family: var(--typography-font-family-body-3);
  font-size: var(--typography-size-body-3);
  line-height: var(--typography-line-height-body-3);
  font-weight: var(--typography-font-weight-body-3);
  letter-spacing: var(--typography-letter-spacing-body-3);
  margin-top: 0;
  margin-bottom: 0;
}

.section {
  z-index: 2;
  padding-top: var(--section-padding--small);
  padding-bottom: var(--section-padding--small);
  background-color: var(--color-tokens-background-base);
  color: var(--color-tokens-tone-strong);
  position: relative;
}

.section.template-details-section {
  padding-top: var(--spacing--0);
}

.section.hero-template {
  padding-top: var(--section-padding--large);
  padding-bottom: var(--spacing--64);
  border-top-left-radius: var(--spacing-radius-24-deleted-variable-7ed2b0ff-bd46-a18a-a853-254e7a6feaf7);
  border-top-right-radius: var(--spacing-radius-24-deleted-variable-7ed2b0ff-bd46-a18a-a853-254e7a6feaf7);
  background-color: var(--color-base-background-base-light);
}

.section.hero-programs-section {
  z-index: 3;
  padding-top: var(--section-padding--extra-large);
}

.section.program-image-section {
  padding-top: var(--section-padding--extra-small);
  padding-bottom: var(--section-padding--extra-small);
  position: static;
}

.section.program-body-section {
  padding-bottom: var(--section-padding--large);
}

.section.program-list-section {
  padding-top: var(--section-padding--extra-small);
  padding-bottom: var(--section-padding--large);
  position: static;
}

.section.hero-contact-section {
  z-index: 3;
  padding-top: var(--section-padding--extra-large);
}

.section.contact-info-section {
  padding-top: var(--section-padding--extra-small);
  padding-bottom: var(--section-padding--extra-small);
}

.section.hero-food-section {
  z-index: 3;
  padding-top: var(--section-padding--extra-large);
}

.section.food-body-section {
  padding-top: var(--section-padding--extra-small);
  padding-bottom: var(--section-padding--extra-large);
  position: static;
}

.section.hero-first-day-section {
  z-index: 3;
  padding-top: var(--section-padding--extra-large);
}

.section.first-day-body-section {
  padding-top: var(--section-padding--medium);
  padding-bottom: var(--section-padding--large);
  position: static;
}

.section.hero-day-section {
  z-index: 3;
  padding-top: var(--section-padding--extra-large);
}

.section.day-body-section {
  padding-top: var(--section-padding--extra-small);
  padding-bottom: var(--section-padding--large);
  position: static;
  overflow: clip;
}

.section.hero-gallery-section {
  padding-top: var(--spacing--0);
  padding-bottom: var(--section-padding--extra-large);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.body-gallery-section {
  padding-top: var(--spacing--0);
  padding-bottom: var(--section-padding--extra-large);
}

.section.hero-blog-section {
  z-index: 3;
  padding-top: var(--section-padding--extra-large);
  padding-bottom: var(--section-padding--medium);
}

.section.hero-news-section {
  padding-top: var(--section-padding--large);
}

.section.news-body-section {
  padding-bottom: var(--section-padding--medium);
}

.section.hero-article-section {
  z-index: 1;
  padding-top: var(--section-padding--large);
  --color-tokens-background-base: var(--color-base-background-base-dark);
  --color-tokens-tone-strong: var(--color-base-neutral-light-100);
  --color-tokens-input-default-border: var(--color-base-neutral-light-0);
  --color-tokens-input-default-background: var(--color-base-neutral-light-8);
  --color-tokens-input-default-text: var(--color-base-neutral-light-48);
  --color-tokens-input-active-border: var(--color-base-neutral-light-32);
  --color-tokens-input-active-text: var(--color-base-neutral-light-100);
  --color-tokens-input-active-background: var(--color-base-neutral-dark-88);
  --color-tokens-background-lift: var(--color-base-background-lift-dark);
  --color-tokens-tone-subtle: var(--color-base-neutral-light-48);
  --color-tokens-background-yellow: var(--color-base-color-yellow-dark-100);
  --color-tokens-border-subtle: var(--color-base-neutral-light-16);
  --color-tokens-background-blue: var(--color-base-color-blue-dark-100);
  --color-tokens-background-peach: var(--color-base-color-peach-dark-100);
  --color-tokens-background-mint: var(--color-base-color-mint-dark-100);
  --color-tokens-background-clay: var(--color-base-color-clay-dark-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-dark-100);
  --color-tokens-input-icon: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-light-8);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-light-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-light-88);
  --color-tokens-tone-medium: var(--color-base-neutral-light-64);
  --color-tokens-background-semi-transparent: var(--color-base-neutral-dark-48);
  --color-tokens-input-label: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-dark-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-dark-0);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-dark-100);
  --color-tokens-border-medium: var(--color-base-neutral-light-48);
  --color-tokens-icon-strong: var(--color-base-neutral-light-100);
  --color-tokens-icon-medium: var(--color-base-neutral-light-64);
  --color-tokens-input-filled-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-light-0);
  --color-tokens-input-error-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-text: var(--color-base-neutral-light-100);
  --color-tokens-input-error-border: var(--color-base-neutral-light-0);
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.section.body-article-section {
  padding-bottom: var(--section-padding--medium);
  background-color: var(--color-base-neutral-light-0);
  overflow: hidden;
}

.section.hero-privacy-section {
  padding-top: var(--section-padding--extra-large);
  padding-bottom: var(--section-padding--large);
}

.section.hero-documents-section {
  z-index: 3;
  padding-top: var(--section-padding--extra-large);
}

.section.documents-body-section {
  padding-top: var(--section-padding--extra-small);
  padding-bottom: var(--section-padding--large);
  position: static;
}

.section.hero-about-section {
  z-index: 3;
  padding-top: var(--section-padding--extra-large);
}

.section.about-description-section {
  padding-top: var(--section-padding--medium);
  padding-bottom: var(--section-padding--large);
  position: static;
}

.section.cards-about-section {
  padding-bottom: var(--section-padding--large);
  overflow: clip;
}

.section.stats-section {
  padding-top: var(--spacing--0);
  padding-bottom: var(--spacing--0);
  overflow: clip;
}

.section.about-story-section {
  padding-top: var(--section-padding--medium);
  padding-bottom: var(--section-padding--medium);
  --color-tokens-background-base: var(--color-base-background-base-dark);
  --color-tokens-tone-strong: var(--color-base-neutral-light-100);
  --color-tokens-input-default-border: var(--color-base-neutral-light-0);
  --color-tokens-input-default-background: var(--color-base-neutral-light-8);
  --color-tokens-input-default-text: var(--color-base-neutral-light-48);
  --color-tokens-input-active-border: var(--color-base-neutral-light-32);
  --color-tokens-input-active-text: var(--color-base-neutral-light-100);
  --color-tokens-input-active-background: var(--color-base-neutral-dark-88);
  --color-tokens-background-lift: var(--color-base-background-lift-dark);
  --color-tokens-tone-subtle: var(--color-base-neutral-light-48);
  --color-tokens-background-yellow: var(--color-base-color-yellow-dark-100);
  --color-tokens-border-subtle: var(--color-base-neutral-light-16);
  --color-tokens-background-blue: var(--color-base-color-blue-dark-100);
  --color-tokens-background-peach: var(--color-base-color-peach-dark-100);
  --color-tokens-background-mint: var(--color-base-color-mint-dark-100);
  --color-tokens-background-clay: var(--color-base-color-clay-dark-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-dark-100);
  --color-tokens-input-icon: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-light-8);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-light-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-light-88);
  --color-tokens-tone-medium: var(--color-base-neutral-light-64);
  --color-tokens-background-semi-transparent: var(--color-base-neutral-dark-48);
  --color-tokens-input-label: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-dark-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-dark-0);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-dark-100);
  --color-tokens-border-medium: var(--color-base-neutral-light-48);
  --color-tokens-icon-strong: var(--color-base-neutral-light-100);
  --color-tokens-icon-medium: var(--color-base-neutral-light-64);
  --color-tokens-input-filled-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-light-0);
  --color-tokens-input-error-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-text: var(--color-base-neutral-light-100);
  --color-tokens-input-error-border: var(--color-base-neutral-light-0);
}

.section.about-testimonial-section {
  padding-top: var(--section-padding--extra-large);
  padding-bottom: var(--section-padding--large);
}

.section.team-section {
  padding-top: var(--section-padding--medium);
  padding-bottom: var(--section-padding--medium);
  overflow: clip;
}

.section.hero-home-section {
  z-index: 0;
  padding-top: var(--spacing--0);
  padding-bottom: var(--spacing--0);
  position: sticky;
  top: 0;
}

.section.features-section {
  padding-top: var(--section-padding--medium);
  padding-bottom: var(--section-padding--large);
  border-top-left-radius: var(--radius-general-large);
  border-top-right-radius: var(--radius-general-large);
  overflow: hidden;
}

.section.philosophy-section {
  padding-top: var(--section-padding--large);
  padding-bottom: var(--section-padding--large);
  background-color: var(--color-tokens-background-yellow);
  overflow: clip;
}

.section.testimonial-home-section {
  padding-top: var(--section-padding--medium);
  padding-bottom: var(--section-padding--medium);
  overflow: clip;
}

.section.faq-section {
  padding-top: var(--section-padding--large);
  padding-bottom: var(--section-padding--large);
}

.section.blog-carousel-section {
  padding-top: var(--section-padding--medium);
  padding-bottom: var(--section-padding--medium);
  --color-tokens-background-base: var(--color-base-background-base-dark);
  --color-tokens-tone-strong: var(--color-base-neutral-light-100);
  --color-tokens-input-default-border: var(--color-base-neutral-light-0);
  --color-tokens-input-default-background: var(--color-base-neutral-light-8);
  --color-tokens-input-default-text: var(--color-base-neutral-light-48);
  --color-tokens-input-active-border: var(--color-base-neutral-light-32);
  --color-tokens-input-active-text: var(--color-base-neutral-light-100);
  --color-tokens-input-active-background: var(--color-base-neutral-dark-88);
  --color-tokens-background-lift: var(--color-base-background-lift-dark);
  --color-tokens-tone-subtle: var(--color-base-neutral-light-48);
  --color-tokens-background-yellow: var(--color-base-color-yellow-dark-100);
  --color-tokens-border-subtle: var(--color-base-neutral-light-16);
  --color-tokens-background-blue: var(--color-base-color-blue-dark-100);
  --color-tokens-background-peach: var(--color-base-color-peach-dark-100);
  --color-tokens-background-mint: var(--color-base-color-mint-dark-100);
  --color-tokens-background-clay: var(--color-base-color-clay-dark-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-dark-100);
  --color-tokens-input-icon: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-light-8);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-light-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-light-88);
  --color-tokens-tone-medium: var(--color-base-neutral-light-64);
  --color-tokens-background-semi-transparent: var(--color-base-neutral-dark-48);
  --color-tokens-input-label: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-dark-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-dark-0);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-dark-100);
  --color-tokens-border-medium: var(--color-base-neutral-light-48);
  --color-tokens-icon-strong: var(--color-base-neutral-light-100);
  --color-tokens-icon-medium: var(--color-base-neutral-light-64);
  --color-tokens-input-filled-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-light-0);
  --color-tokens-input-error-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-text: var(--color-base-neutral-light-100);
  --color-tokens-input-error-border: var(--color-base-neutral-light-0);
  overflow: clip;
}

.color-wrap-style-guide {
  grid-row-gap: var(--spacing--8);
  flex-direction: column;
  display: flex;
}

.text-h4 {
  font-family: var(--typography-font-family-h4);
  font-size: var(--typography-size-h4);
  line-height: var(--typography-line-height-h4);
  font-weight: var(--typography-font-weight-h4);
  letter-spacing: var(--typography-letter-spacing-h4);
}

.text-h5 {
  font-family: var(--typography-font-family-h5);
  font-size: var(--typography-size-h5);
  line-height: var(--typography-line-height-h5);
  font-weight: var(--typography-font-weight-h5);
  letter-spacing: var(--typography-letter-spacing-h5);
}

.text-h6 {
  font-family: var(--typography-font-family-h6);
  font-size: var(--typography-size-h6);
  line-height: var(--typography-line-height-h6);
  font-weight: var(--typography-font-weight-h6);
  letter-spacing: var(--typography-letter-spacing-h6);
  text-transform: uppercase;
}

.text-h3 {
  font-family: var(--typography-font-family-h3);
  font-size: var(--typography-size-h3);
  line-height: var(--typography-line-height-h3);
  font-weight: var(--typography-font-weight-h3);
  letter-spacing: var(--typography-letter-spacing-h3);
  justify-content: flex-start;
  align-items: center;
}

.no-margins {
  margin-top: 0;
  margin-bottom: 0;
}

.colors-master-style-guide {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: wrap;
  display: flex;
}

.text-large {
  font-family: var(--typography-font-family-body-1);
  font-size: var(--typography-size-body-1);
  line-height: var(--typography-line-height-body-1);
  font-weight: var(--typography-font-weight-body-1);
  letter-spacing: var(--typography-letter-spacing-body-1);
  margin-top: 0;
  margin-bottom: 0;
}

.text-h1 {
  z-index: 1;
  font-family: var(--typography-font-family-h1);
  font-size: var(--typography-size-h1);
  line-height: var(--typography-line-height-h1);
  font-weight: var(--typography-font-weight-h1);
  letter-spacing: var(--typography-letter-spacing-h1);
}

.template-block-title {
  position: sticky;
  top: 120px;
}

.color {
  border: 1px solid var(--color-tokens-border-subtle);
  border-radius: var(--radius-general-small);
  flex-direction: column;
  width: 102px;
  height: 102px;
}

.color.color-three {
  background-color: var(--color-base-ui-error);
}

.color.color-two {
  background-color: var(--color-base-neutral-light-100);
}

.color.color-one {
  background-color: var(--color-base-neutral-dark-100);
}

.color.color-four {
  background-color: var(--color-tokens-background-blue);
}

.color.color-five {
  background-color: var(--color-tokens-background-peach);
}

.color.color-six {
  background-color: var(--color-tokens-background-yellow);
}

.color.color-seven {
  background-color: var(--color-tokens-background-mint);
}

.color.color-eight {
  background-color: var(--color-tokens-background-clay);
}

.color.color-nine {
  background-color: var(--color-tokens-background-lilac);
}

.card-template-details {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-direction: column;
  display: flex;
}

.card-template-details.licenses-card {
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
}

.label-small {
  font-family: var(--typography-font-family-label-2);
  font-size: var(--typography-size-label-2);
  line-height: var(--typography-line-height-label-2);
  font-weight: var(--typography-font-weight-label-2);
  letter-spacing: var(--typography-letter-spacing-label-2);
  text-transform: uppercase;
}

.error-message {
  border-radius: var(--radius-general-default);
  background-color: var(--color-base-ui-error);
  color: var(--color-base-neutral-light-100);
  text-align: center;
}

.footer {
  z-index: 2;
  padding: var(--grid--page-padding);
  background-color: var(--color-tokens-background-base);
  width: 100%;
  position: relative;
}

.wrap-submit-button {
  padding-right: var(--spacing--16);
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0 0% auto;
}

.cta-arrow {
  width: var(--icon-icon-size-medium);
  height: var(--icon-icon-size-medium);
  color: var(--color-tokens-input-icon);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.submit-button {
  background-color: var(--color-base-ui-transparent-deleted-variable-b39ff978-062a-ef1b-56a9-7c1cd8e3f89f);
  color: var(--color-base-ui-transparent-deleted-variable-b39ff978-062a-ef1b-56a9-7c1cd8e3f89f);
  width: 100%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  inset: 0%;
}

.wrap-input-form {
  position: relative;
}

.wrap-input-form.pw {
  max-width: var(--max-width--3-columns);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.success-message {
  border: 1px solid var(--color-base-ui-success);
  border-radius: var(--radius-general-default);
  background-color: var(--color-base-ui-success);
  color: var(--color-base-neutral-dark-100);
}

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

.utility-page-wrap._404 {
  --color-tokens-background-base: var(--color-base-background-base-dark);
  --color-tokens-tone-strong: var(--color-base-neutral-light-100);
  --color-tokens-input-default-border: var(--color-base-neutral-light-0);
  --color-tokens-input-default-background: var(--color-base-neutral-light-8);
  --color-tokens-input-default-text: var(--color-base-neutral-light-48);
  --color-tokens-input-active-border: var(--color-base-neutral-light-32);
  --color-tokens-input-active-text: var(--color-base-neutral-light-100);
  --color-tokens-input-active-background: var(--color-base-neutral-dark-88);
  --color-tokens-background-lift: var(--color-base-background-lift-dark);
  --color-tokens-tone-subtle: var(--color-base-neutral-light-48);
  --color-tokens-background-yellow: var(--color-base-color-yellow-dark-100);
  --color-tokens-border-subtle: var(--color-base-neutral-light-16);
  --color-tokens-background-blue: var(--color-base-color-blue-dark-100);
  --color-tokens-background-peach: var(--color-base-color-peach-dark-100);
  --color-tokens-background-mint: var(--color-base-color-mint-dark-100);
  --color-tokens-background-clay: var(--color-base-color-clay-dark-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-dark-100);
  --color-tokens-input-icon: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-light-8);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-light-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-light-88);
  --color-tokens-tone-medium: var(--color-base-neutral-light-64);
  --color-tokens-background-semi-transparent: var(--color-base-neutral-dark-48);
  --color-tokens-input-label: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-dark-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-dark-0);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-dark-100);
  --color-tokens-border-medium: var(--color-base-neutral-light-48);
  --color-tokens-icon-strong: var(--color-base-neutral-light-100);
  --color-tokens-icon-medium: var(--color-base-neutral-light-64);
  --color-tokens-input-filled-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-light-0);
  --color-tokens-input-error-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-text: var(--color-base-neutral-light-100);
  --color-tokens-input-error-border: var(--color-base-neutral-light-0);
  background-image: url('../images/bbn-proud-moments-01.jpg');
  background-position: 50%;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

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

.utility-page-content._404 {
  padding-right: var(--grid--page-padding);
  padding-bottom: var(--section-padding--small);
  padding-left: var(--grid--page-padding);
  color: var(--color-tokens-tone-strong);
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.utility-page-content.pw {
  z-index: 2;
  padding-right: var(--grid--page-padding);
  padding-left: var(--grid--page-padding);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: relative;
}

.licenses-tile {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.text-sans {
  font-family: var(--typography-font-heading-serif);
}

.icons-tile-style-guide {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.limit-500 {
  max-width: 500px;
}

._404-content {
  z-index: 1;
  max-width: var(--max-width--6-columns);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

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

.utility-page-form.pw {
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  justify-content: flex-start;
  align-items: stretch;
  max-width: 420px;
}

.hidden {
  display: none;
}

.master-navigation {
  z-index: 999;
  padding-top: var(--spacing--16);
  padding-right: var(--grid--page-padding);
  padding-left: var(--grid--page-padding);
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.cta-main {
  padding: var(--spacing--12) var(--spacing--20);
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  border-radius: var(--radius-ui-elements-button-base);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  font-family: var(--typography-font-family-button-1);
  color: var(--color-tokens-button-primary-default-text);
  font-size: var(--typography-size-button-1);
  line-height: var(--typography-line-height-button-1);
  font-weight: var(--typography-font-weight-button-1);
  letter-spacing: var(--typography-letter-spacing-button-1);
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  transition: color .3s;
  display: flex;
  position: relative;
}

.cta-main:where(.w-variant-1ff8d96e-78cc-eac8-de90-206ecdaded5f) {
  color: var(--color-tokens-button-secondary-default-text);
}

.cta-main:hover {
  color: var(--color-tokens-button-primary-hover-text);
}

.cta-main.secondary {
  color: var(--color-tokens-button-secondary-default-text);
}

.cta-main.secondary:hover {
  color: var(--color-tokens-button-secondary-hover-text);
}

.button-text-mask {
  height: var(--typography-line-height-button-1);
  pointer-events: none;
  flex: none;
  overflow: hidden;
}

.button-text-mask.button-2 {
  height: var(--typography-line-height-button-2);
}

.button-text {
  z-index: 1;
  text-shadow: 0 1.5em 0 var(--color-tokens-button-primary-hover-text);
  position: relative;
}

.button-text:where(.w-variant-1ff8d96e-78cc-eac8-de90-206ecdaded5f), .button-text:where(.w-variant-34d8d794-2d3b-997e-fe81-9b40d68e85cc), .button-text.secondary-6 {
  text-shadow: 0 1.5em 0 var(--color-tokens-button-secondary-hover-text);
}

.button-icon-wrap {
  width: var(--icon-icon-size-small);
  height: var(--icon-icon-size-small);
  flex: none;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.button-icon-wrap.right {
  margin-right: -4px;
}

.button-icon-wrap.left {
  margin-left: -4px;
}

.icon-button {
  z-index: 2;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.button-bg {
  border: 1px solid var(--color-tokens-button-primary-default-border);
  border-radius: var(--radius-ui-elements-button-base);
  background-color: var(--color-tokens-button-primary-default-background);
  transition: background-color .3s;
  position: absolute;
  inset: 0%;
}

.button-bg:where(.w-variant-1ff8d96e-78cc-eac8-de90-206ecdaded5f), .button-bg:where(.w-variant-34d8d794-2d3b-997e-fe81-9b40d68e85cc) {
  border-color: var(--color-tokens-button-secondary-default-border);
  background-color: var(--color-tokens-button-secondary-default-background);
}

.button-bg:hover {
  border-color: var(--color-tokens-button-primary-hover-border);
  background-color: var(--color-tokens-button-primary-hover-background);
}

.button-bg:hover:where(.w-variant-1ff8d96e-78cc-eac8-de90-206ecdaded5f), .button-bg:hover:where(.w-variant-34d8d794-2d3b-997e-fe81-9b40d68e85cc) {
  border-color: var(--color-tokens-button-secondary-hover-border);
  background-color: var(--color-tokens-button-secondary-hover-background);
}

.button-bg.secondary-10 {
  border-color: var(--color-tokens-button-secondary-default-border);
  background-color: var(--color-tokens-button-secondary-default-background);
}

.button-bg.secondary-10:hover {
  border-color: var(--color-tokens-button-secondary-hover-border);
  background-color: var(--color-tokens-button-secondary-hover-background);
}

.image-cover {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.button-tooltip {
  white-space: nowrap;
  background-color: #474747;
  border: 1px solid #ffffff29;
  border-radius: 4px;
  padding: 8px;
}

.grid-sales {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.master-sales-pages {
  z-index: 0;
  width: 100%;
  padding-left: 8px;
  padding-right: 32px;
  display: none;
  position: absolute;
  bottom: 60px;
  overflow: hidden;
}

.wrap-button-tooltip {
  z-index: 5;
  display: flex;
  position: absolute;
  inset: auto 0% 100%;
  transform: translate(0, -15px);
}

.sales-cta-master {
  z-index: 990;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  pointer-events: none;
  color: var(--color-base-neutral-light-100);
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: auto 0% 8px;
}

.button-with-tooltip {
  align-self: stretch;
  position: relative;
}

.sales-cta {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  pointer-events: auto;
  background-color: #040404;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 8px 8px 12px;
  display: flex;
  position: relative;
}

.sales-link {
  width: 20px;
}

.cta-sales {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  pointer-events: auto;
  color: #fff;
  cursor: pointer;
  background-color: #ffffff14;
  border: 1px solid #ffffff29;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  font-family: Raveo Display, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 114%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.cta-sales.light {
  color: #161616;
  background-color: #eae8e3;
  border-style: none;
}

.cta-sales.figma {
  padding-left: 8px;
  padding-right: 8px;
}

.sales-card-image {
  border-radius: 4px;
  width: 100%;
  height: 120px;
  overflow: hidden;
}

.icon-explore-button {
  pointer-events: none;
  color: #ffffffa3;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sales-logo {
  width: 100%;
  display: block;
}

.icon-figma {
  flex: none;
  width: 16px;
  max-width: none;
  height: 16px;
}

.text-sales-card {
  font-family: Raveo Display, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.master-sales-ctas {
  justify-content: flex-start;
  align-items: center;
  padding-left: 8px;
  padding-right: 32px;
}

.sales-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fdfcfb;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 160px;
  display: flex;
}

.cta-sales-button-text {
  pointer-events: none;
}

.tooltip-bottom {
  background-color: #474747;
  border-bottom: 1px solid #ffffff29;
  border-right: 1px solid #ffffff29;
  width: 12px;
  height: 12px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  transform: rotate(45deg);
}

.sales-menu {
  z-index: 4;
  pointer-events: auto;
  background-color: #000;
  border-radius: 8px;
  padding: 16px;
  overflow: hidden;
}

.text-medium {
  font-weight: var(--typography-all-weights-medium);
}

.cta-small {
  padding: var(--spacing--12) var(--spacing--16);
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  border-radius: var(--radius-ui-elements-button-base);
  font-family: var(--typography-font-family-button-2);
  color: var(--color-tokens-button-primary-default-text);
  font-size: var(--typography-size-button-2);
  line-height: var(--typography-line-height-button-2);
  font-weight: var(--typography-font-weight-button-2);
  letter-spacing: var(--typography-letter-spacing-button-2);
  justify-content: center;
  align-items: center;
  transition: color .3s;
  display: flex;
  position: relative;
}

.cta-small:where(.w-variant-34d8d794-2d3b-997e-fe81-9b40d68e85cc) {
  color: var(--color-tokens-button-secondary-default-text);
}

.cta-small:hover {
  color: var(--color-tokens-button-primary-hover-text);
}

.text-h0 {
  font-family: var(--typography-font-family-h0);
  font-size: var(--typography-size-h0);
  line-height: var(--typography-line-height-h0);
  font-weight: var(--typography-font-weight-h0);
  letter-spacing: var(--typography-letter-spacing-h0);
}

.tone-subtle {
  color: var(--color-tokens-tone-subtle);
}

.button-slider {
  padding: var(--spacing--8);
  border: 1px solid var(--color-tokens-button-primary-default-border);
  border-radius: var(--radius-ui-elements-button-circle);
  background-color: var(--color-tokens-button-primary-default-background);
  color: var(--color-tokens-button-primary-default-text);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: border-color .3s, background-color .3s, color .3s;
  display: flex;
}

.button-slider:where(.w-variant-3b1d5b2f-3e5d-c467-6981-e7b261b76e46) {
  border-color: var(--color-tokens-button-secondary-default-border);
  background-color: var(--color-tokens-button-secondary-default-background);
  color: var(--color-tokens-button-secondary-default-text);
}

.button-slider:hover {
  border-color: var(--color-tokens-button-primary-hover-border);
  background-color: var(--color-tokens-button-primary-hover-background);
  color: var(--color-tokens-button-primary-hover-text);
}

.button-slider:hover:where(.w-variant-3b1d5b2f-3e5d-c467-6981-e7b261b76e46) {
  border-color: var(--color-tokens-button-secondary-hover-border);
  background-color: var(--color-tokens-button-secondary-hover-background);
  color: var(--color-tokens-button-secondary-hover-text);
}

.icon-slider-button {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.icon-slider-button:where(.w-variant-b120320a-1721-bd0a-dc5a-134cc6348231) {
  transform: rotate(180deg);
}

.icon-slider-button.small {
  width: var(--icon-icon-size-small);
  height: var(--icon-icon-size-small);
  display: none;
}

.icon-slider-button.small:where(.w-variant-d26711b8-a3b3-43f2-79d5-5de28e1e347a) {
  display: flex;
}

.icon-slider-button.large {
  width: var(--icon-icon-size-medium);
  height: var(--icon-icon-size-medium);
}

.icon-slider-button.large:where(.w-variant-d26711b8-a3b3-43f2-79d5-5de28e1e347a) {
  display: none;
}

.wrap-icon-slider {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrap-icon-slider:where(.w-variant-5ba9241a-7079-4c4d-345e-a0127f34962f) {
  transform: rotate(180deg);
}

.label-master {
  padding: var(--spacing--4) var(--spacing--8);
  border-radius: var(--radius-ui-elements-tag);
  background-color: var(--color-tokens-background-lift);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--color-tokens-tone-strong);
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.label-master:where(.w-variant-f336e52c-51c5-0ca4-dd5a-81437f2f1812) {
  background-color: var(--color-tokens-background-base);
}

.label-master.light {
  --color-tokens-background-base: var(--color-base-background-base-light);
  --color-tokens-tone-strong: var(--color-base-neutral-dark-100);
  --color-tokens-input-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-input-default-background: var(--color-base-neutral-light-100);
  --color-tokens-input-default-text: var(--color-base-neutral-dark-48);
  --color-tokens-input-active-border: var(--color-base-neutral-dark-32);
  --color-tokens-input-active-text: var(--color-base-neutral-dark-100);
  --color-tokens-input-active-background: var(--color-base-neutral-light-88);
  --color-tokens-background-lift: var(--color-base-background-lift-light);
  --color-tokens-tone-subtle: var(--color-base-neutral-dark-32);
  --color-tokens-background-yellow: var(--color-base-color-yellow-light-100);
  --color-tokens-border-subtle: var(--color-base-neutral-dark-16);
  --color-tokens-background-blue: var(--color-base-color-blue-light-100);
  --color-tokens-background-peach: var(--color-base-color-peach-light-100);
  --color-tokens-background-mint: var(--color-base-color-mint-light-100);
  --color-tokens-background-clay: var(--color-base-color-clay-light-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-light-100);
  --color-tokens-input-icon: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-default-border: var(--color-base-neutral-light-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-dark-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-light-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-dark-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-light-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-dark-88);
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-dark-88);
  --color-tokens-tone-medium: var(--color-base-neutral-dark-64);
  --color-tokens-background-semi-transparent: var(--color-base-neutral-light-48);
  --color-tokens-input-label: var(--color-base-neutral-dark-64);
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-light-0);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-light-100);
  --color-tokens-border-medium: var(--color-base-neutral-dark-48);
  --color-tokens-icon-strong: var(--color-base-neutral-dark-100);
  --color-tokens-icon-medium: var(--color-base-neutral-dark-64);
  --color-tokens-input-filled-background: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-dark-0);
  --color-tokens-input-error-background: var(--color-base-neutral-light-100);
  --color-tokens-input-error-text: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-border: var(--color-base-neutral-dark-0);
}

.section-divider-2, .section-divider-3 {
  background-color: #19181852;
  width: 100%;
  height: 1px;
  margin-right: auto;
}

.div-block {
  flex-flow: column;
  display: flex;
}

.link-dark {
  color: var(--color-base-neutral-dark-100);
}

.cta-tertiary {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  font-family: var(--typography-font-family-button-1);
  color: var(--color-tokens-button-tertiary-default-text);
  font-size: var(--typography-size-button-1);
  line-height: var(--typography-line-height-button-1);
  font-weight: var(--typography-font-weight-button-1);
  text-align: center;
  letter-spacing: var(--typography-letter-spacing-button-1);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: color .3s;
  display: flex;
  position: relative;
}

.cta-tertiary:hover {
  color: var(--color-tokens-button-tertiary-hover-text);
}

.cta-underline {
  background-color: var(--color-tokens-button-tertiary-default-text);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.book {
  aspect-ratio: 2 / 2.5;
  perspective: 1200px;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  transform: perspective(1200px);
}

.front {
  z-index: 4;
  border-top-left-radius: var(--radius-general-small);
  border-top-right-radius: var(--radius-general-large);
  border-bottom-left-radius: var(--radius-general-small);
  border-bottom-right-radius: var(--radius-general-large);
  background-color: var(--color-tokens-background-mint);
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  transform: perspective(1200px);
  box-shadow: inset 0 -2px #0000000a, inset -2px 2px #ffffff40;
}

.front.yellow {
  background-color: var(--color-tokens-background-yellow);
}

.front.blue {
  background-color: var(--color-tokens-background-blue);
}

.front.lilac {
  background-color: var(--color-tokens-background-lilac);
}

.front.peach {
  background-color: var(--color-tokens-background-peach);
}

.front.clay {
  background-color: var(--color-tokens-background-clay);
}

.paper {
  z-index: 1;
  background-color: var(--color-base-neutral-light-100);
  transform-style: preserve-3d;
  will-change: transform;
  flex: none;
  width: 18px;
  height: 86%;
  position: absolute;
  bottom: 14px;
  right: 0;
  transform: perspective(37470px)rotateX(0)rotateY(90deg)rotateZ(0)translate3d(0, 0, -10px);
}

.back {
  z-index: 1;
  border-top-left-radius: var(--radius-general-small);
  border-top-right-radius: var(--radius-general-large);
  border-bottom-left-radius: var(--radius-general-small);
  border-bottom-right-radius: var(--radius-general-large);
  background-color: var(--color-tokens-background-mint);
  filter: brightness(85%);
  --color-tokens-background-base: var(--color-base-background-base-light);
  --color-tokens-tone-strong: var(--color-base-neutral-dark-100);
  --color-tokens-input-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-input-default-background: var(--color-base-neutral-light-100);
  --color-tokens-input-default-text: var(--color-base-neutral-dark-48);
  --color-tokens-input-active-border: var(--color-base-neutral-dark-32);
  --color-tokens-input-active-text: var(--color-base-neutral-dark-100);
  --color-tokens-input-active-background: var(--color-base-neutral-light-88);
  --color-tokens-background-lift: var(--color-base-background-lift-light);
  --color-tokens-tone-subtle: var(--color-base-neutral-dark-32);
  --color-tokens-background-yellow: var(--color-base-color-yellow-light-100);
  --color-tokens-border-subtle: var(--color-base-neutral-dark-16);
  --color-tokens-background-blue: var(--color-base-color-blue-light-100);
  --color-tokens-background-peach: var(--color-base-color-peach-light-100);
  --color-tokens-background-mint: var(--color-base-color-mint-light-100);
  --color-tokens-background-clay: var(--color-base-color-clay-light-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-light-100);
  --color-tokens-input-icon: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-default-border: var(--color-base-neutral-light-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-dark-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-light-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-dark-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-light-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-dark-88);
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-dark-88);
  --color-tokens-tone-medium: var(--color-base-neutral-dark-64);
  --color-tokens-background-semi-transparent: var(--color-base-neutral-light-48);
  --color-tokens-input-label: var(--color-base-neutral-dark-64);
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-light-0);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-light-100);
  --color-tokens-border-medium: var(--color-base-neutral-dark-48);
  --color-tokens-icon-strong: var(--color-base-neutral-dark-100);
  --color-tokens-icon-medium: var(--color-base-neutral-dark-64);
  --color-tokens-input-filled-background: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-dark-0);
  --color-tokens-input-error-background: var(--color-base-neutral-light-100);
  --color-tokens-input-error-text: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-border: var(--color-base-neutral-dark-0);
  transform-style: preserve-3d;
  width: 96%;
  height: 100%;
  position: absolute;
  left: 4px;
  transform: translate3d(0, 0, -20px)perspective(1200px);
}

.back.yellow {
  background-color: var(--color-tokens-background-yellow);
}

.back.blue {
  background-color: var(--color-tokens-background-blue);
}

.back.lilac {
  background-color: var(--color-tokens-background-lilac);
}

.back.peach {
  background-color: var(--color-tokens-background-peach);
}

.back.clay {
  background-color: var(--color-tokens-background-clay);
}

.highlight {
  z-index: 1;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border-top-left-radius: var(--radius-general-small);
  border-bottom-left-radius: var(--radius-general-small);
  background-color: var(--color-tokens-background-mint);
  opacity: .2;
  --color-tokens-background-base: var(--color-base-background-base-dark);
  --color-tokens-tone-strong: var(--color-base-neutral-light-100);
  --color-tokens-input-default-border: var(--color-base-neutral-light-0);
  --color-tokens-input-default-background: var(--color-base-neutral-light-8);
  --color-tokens-input-default-text: var(--color-base-neutral-light-48);
  --color-tokens-input-active-border: var(--color-base-neutral-light-32);
  --color-tokens-input-active-text: var(--color-base-neutral-light-100);
  --color-tokens-input-active-background: var(--color-base-neutral-dark-88);
  --color-tokens-background-lift: var(--color-base-background-lift-dark);
  --color-tokens-tone-subtle: var(--color-base-neutral-light-48);
  --color-tokens-background-yellow: var(--color-base-color-yellow-dark-100);
  --color-tokens-border-subtle: var(--color-base-neutral-light-16);
  --color-tokens-background-blue: var(--color-base-color-blue-dark-100);
  --color-tokens-background-peach: var(--color-base-color-peach-dark-100);
  --color-tokens-background-mint: var(--color-base-color-mint-dark-100);
  --color-tokens-background-clay: var(--color-base-color-clay-dark-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-dark-100);
  --color-tokens-input-icon: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-light-8);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-light-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-light-88);
  --color-tokens-tone-medium: var(--color-base-neutral-light-64);
  --color-tokens-background-semi-transparent: var(--color-base-neutral-dark-48);
  --color-tokens-input-label: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-dark-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-dark-0);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-dark-100);
  --color-tokens-border-medium: var(--color-base-neutral-light-48);
  --color-tokens-icon-strong: var(--color-base-neutral-light-100);
  --color-tokens-icon-medium: var(--color-base-neutral-light-64);
  --color-tokens-input-filled-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-light-0);
  --color-tokens-input-error-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-text: var(--color-base-neutral-light-100);
  --color-tokens-input-error-border: var(--color-base-neutral-light-0);
  width: 24px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset -2px 0 4px #0000003d;
}

.highlight.yellow {
  background-color: var(--color-tokens-background-yellow);
}

.highlight.blue {
  background-color: var(--color-tokens-background-blue);
}

.highlight.liliac {
  background-color: var(--color-tokens-background-lilac);
}

.highlight.peach {
  background-color: var(--color-tokens-background-peach);
}

.highlight.clay {
  background-color: var(--color-tokens-background-clay);
}

.text-wrap {
  padding: var(--spacing--16) var(--spacing--32) var(--spacing--16) var(--spacing--12);
  color: var(--color-base-color-mint-dark-100);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.text-wrap.yellow {
  color: var(--color-base-color-yellow-dark-100);
}

.text-wrap.blue {
  color: var(--color-base-color-blue-dark-100);
}

.text-wrap.lilac {
  color: var(--color-base-color-lilac-dark-100);
}

.text-wrap.peach {
  color: var(--color-base-color-peach-dark-100);
}

.text-wrap.clay {
  color: var(--color-base-color-clay-dark-100);
}

.book-wrap {
  max-width: var(--max-width--2-columns);
  width: 100%;
}

.tone-strong {
  color: var(--color-tokens-tone-strong);
}

.tone-medium {
  color: var(--color-tokens-tone-medium);
}

.nav-container {
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar {
  max-width: var(--max-width--8-columns);
  padding: var(--spacing--8) var(--spacing--16);
  border-radius: var(--radius-general-default);
  background-color: var(--color-tokens-background-lift);
  width: 100%;
  position: relative;
}

.nav-menu-inner {
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-link {
  padding: var(--spacing--12) var(--spacing--16);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  font-family: var(--typography-font-family-button-2);
  color: var(--color-tokens-tone-strong);
  font-size: var(--typography-size-button-2);
  line-height: var(--typography-line-height-button-2);
  font-weight: var(--typography-font-weight-button-2);
  text-align: center;
  letter-spacing: var(--typography-letter-spacing-button-2);
}

.brand-nav {
  max-width: 147px;
}

.logo-nav {
  width: 100%;
}

.nav-dropdown-toggle {
  padding: var(--spacing--12) var(--spacing--16);
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  font-family: var(--typography-font-family-button-2);
  font-size: var(--typography-size-button-2);
  line-height: var(--typography-line-height-button-2);
  font-weight: var(--typography-font-weight-button-2);
  letter-spacing: var(--typography-letter-spacing-button-2);
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-dropdown {
  width: var(--icon-icon-size-small);
  height: var(--icon-icon-size-small);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-dropdown-list.w--open {
  padding-top: var(--spacing--16);
  background-color: var(--color-base-neutral-light-0);
}

.nav-dropdown-link {
  font-family: var(--typography-font-family-button-2);
  color: var(--color-tokens-tone-strong);
  font-size: var(--typography-size-button-2);
  line-height: var(--typography-line-height-button-2);
  font-weight: var(--typography-font-weight-button-2);
  letter-spacing: var(--typography-letter-spacing-button-2);
}

.nav-inner-dropdown-list {
  padding: var(--spacing--16);
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  border-radius: var(--radius-general-default);
  background-color: var(--color-tokens-background-lift);
  white-space: nowrap;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-legal-link {
  font-family: var(--typography-font-family-body-3);
  color: var(--color-tokens-tone-medium);
  font-size: var(--typography-size-body-3);
  line-height: var(--typography-line-height-body-3);
  font-weight: var(--typography-font-weight-body-3);
  letter-spacing: var(--typography-letter-spacing-body-3);
  transition: color .3s;
}

.footer-legal-link:hover {
  color: var(--color-tokens-tone-strong);
}

.master-footer {
  z-index: 3;
  max-width: var(--container--main);
  padding: var(--section-padding--extra-small) var(--grid--page-padding);
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  border-radius: var(--radius-general-large);
  background-color: var(--color-tokens-background-yellow);
  flex-flow: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.footer-top-tile {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.brand-footer {
  width: 215px;
}

.logo-footer {
  width: 100%;
}

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

.footer-brand-wrap {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-bottom-right {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.footer-column {
  grid-column-gap: var(--spacing--20);
  grid-row-gap: var(--spacing--20);
  flex-flow: column;
  flex: none;
  display: flex;
}

.footer-links-column {
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  flex-flow: column;
  display: flex;
}

.footer-social-wrap {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-link {
  color: var(--color-tokens-tone-strong);
  font-weight: var(--typography-weight-body-bold);
}

.icon-social {
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-legal-column {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.social-link {
  width: var(--icon-icon-size-medium);
  height: var(--icon-icon-size-medium);
  color: var(--color-tokens-tone-medium);
  flex: none;
  justify-content: center;
  align-items: center;
  transition: color .3s;
  display: flex;
}

.social-link:hover {
  opacity: .5;
  color: var(--color-tokens-tone-strong);
  object-fit: fill;
}

.footer-halves {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  display: grid;
}

.footer-right {
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.footer-left {
  grid-column-gap: var(--spacing--120);
  grid-row-gap: var(--spacing--120);
  flex-flow: column;
  display: flex;
}

.footer-left-text {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-text-tile {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-underline {
  text-decoration: underline;
}

.video-cta {
  padding: var(--spacing--32);
  border-radius: var(--radius-general-default);
  --color-tokens-background-base: var(--color-base-background-base-dark);
  --color-tokens-tone-strong: var(--color-base-neutral-light-100);
  --color-tokens-input-default-border: var(--color-base-neutral-light-0);
  --color-tokens-input-default-background: var(--color-base-neutral-light-8);
  --color-tokens-input-default-text: var(--color-base-neutral-light-48);
  --color-tokens-input-active-border: var(--color-base-neutral-light-32);
  --color-tokens-input-active-text: var(--color-base-neutral-light-100);
  --color-tokens-input-active-background: var(--color-base-neutral-dark-88);
  --color-tokens-background-lift: var(--color-base-background-lift-dark);
  --color-tokens-tone-subtle: var(--color-base-neutral-light-48);
  --color-tokens-background-yellow: var(--color-base-color-yellow-dark-100);
  --color-tokens-border-subtle: var(--color-base-neutral-light-16);
  --color-tokens-background-blue: var(--color-base-color-blue-dark-100);
  --color-tokens-background-peach: var(--color-base-color-peach-dark-100);
  --color-tokens-background-mint: var(--color-base-color-mint-dark-100);
  --color-tokens-background-clay: var(--color-base-color-clay-dark-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-dark-100);
  --color-tokens-input-icon: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-light-8);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-light-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-light-88);
  --color-tokens-tone-medium: var(--color-base-neutral-light-64);
  --color-tokens-background-semi-transparent: var(--color-base-neutral-dark-48);
  --color-tokens-input-label: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-dark-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-dark-0);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-dark-100);
  --color-tokens-border-medium: var(--color-base-neutral-light-48);
  --color-tokens-icon-strong: var(--color-base-neutral-light-100);
  --color-tokens-icon-medium: var(--color-base-neutral-light-64);
  --color-tokens-input-filled-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-light-0);
  --color-tokens-input-error-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-text: var(--color-base-neutral-light-100);
  --color-tokens-input-error-border: var(--color-base-neutral-light-0);
  width: 100%;
  height: auto;
  min-height: 432px;
}

.overlay-cta {
  background-image: linear-gradient(0deg, var(--color-base-neutral-dark-32), var(--color-base-neutral-dark-0));
  pointer-events: none;
  width: 100%;
  height: 60%;
  position: absolute;
  inset: auto 0% 0%;
}

.content-cta {
  max-width: var(--max-width--4-columns);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.button-wrap-cta {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.content-footer {
  grid-column-gap: var(--spacing--120);
  grid-row-gap: var(--spacing--120);
  flex-flow: column;
  display: flex;
}

.headline-hero {
  max-width: var(--max-width--5-columns);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.headline-hero.blog {
  margin-bottom: var(--spacing--48);
}

.headline-hero.about {
  margin-bottom: var(--spacing--120);
}

.text-wrap-hero {
  max-width: var(--max-width--4-columns);
}

.body-wrap-program {
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 876px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-wrap-program {
  border-radius: var(--radius-general-large);
  width: 100%;
  height: 512px;
  overflow: hidden;
}

.description-program {
  max-width: var(--max-width--6-columns);
  text-align: center;
}

.text-body-bold {
  font-weight: var(--typography-weight-body-bold);
}

.content-body-program {
  max-width: var(--max-width--6-columns);
  grid-column-gap: var(--spacing--80);
  grid-row-gap: var(--spacing--80);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.divider-program {
  border-top: 2px dashed var(--color-tokens-tone-subtle);
  width: 100%;
}

.body-program p, .body-program ul {
  color: var(--color-tokens-tone-medium);
}

.body-program li {
  margin-bottom: var(--spacing--8);
}

.master-programs {
  max-width: var(--max-width--6-columns);
  margin-left: auto;
  margin-right: auto;
}

.programs-list {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  flex-flow: column;
  display: flex;
}

.link-program-card {
  padding: var(--spacing--24);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  border-radius: var(--radius-general-large);
  background-color: var(--color-tokens-background-lift);
  color: var(--color-tokens-tone-strong);
  width: 100%;
  transition: transform .4s;
  display: flex;
}

.link-program-card:hover {
  transform: rotate(2deg);
}

.image-wrap-program-card {
  border-radius: var(--radius-general-default);
  flex: none;
  width: 160px;
  height: 240px;
  overflow: hidden;
}

.content-program-card {
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-wrap-program-card {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.name-wrap-program-card {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.faq-vertical {
  background-color: var(--color-base-neutral-dark-100);
  border-radius: 1px;
  width: 1.5px;
  height: 8px;
  position: absolute;
}

.expandable-single {
  padding: var(--spacing--24);
  border-radius: var(--radius-general-default);
  background-color: var(--color-tokens-background-blue);
  cursor: pointer;
}

.expandable-bottom {
  transform-origin: 50% 0;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.faq-block {
  max-width: var(--max-width--6-columns);
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.faq-horizontal {
  background-color: var(--color-base-neutral-dark-100);
  border-radius: 1px;
  width: 8px;
  height: 1.5px;
}

.expandable-top {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-paragraph {
  padding-top: var(--spacing--32);
  color: var(--color-tokens-tone-medium);
  margin-bottom: 0;
}

.faq-animated-box {
  border: 1px solid var(--color-tokens-button-secondary-default-border);
  border-radius: var(--radius-general-large);
  background-color: var(--color-tokens-button-secondary-default-background);
  color: var(--color-tokens-button-secondary-default-text);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.video-home {
  margin-bottom: var(--spacing--80);
  border-radius: var(--radius-general-large);
  width: 100%;
  height: 800px;
}

.overlay-video-home {
  padding: var(--spacing--24);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.lightbox-video-b {
  padding: var(--spacing--16);
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  border-radius: var(--radius-general-large);
  background-color: var(--color-tokens-background-semi-transparent);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: var(--color-tokens-tone-strong);
  --color-tokens-background-base: var(--color-base-background-base-dark);
  --color-tokens-tone-strong: var(--color-base-neutral-light-100);
  --color-tokens-input-default-border: var(--color-base-neutral-light-0);
  --color-tokens-input-default-background: var(--color-base-neutral-light-8);
  --color-tokens-input-default-text: var(--color-base-neutral-light-48);
  --color-tokens-input-active-border: var(--color-base-neutral-light-32);
  --color-tokens-input-active-text: var(--color-base-neutral-light-100);
  --color-tokens-input-active-background: var(--color-base-neutral-dark-88);
  --color-tokens-background-lift: var(--color-base-background-lift-dark);
  --color-tokens-tone-subtle: var(--color-base-neutral-light-48);
  --color-tokens-background-yellow: var(--color-base-color-yellow-dark-100);
  --color-tokens-border-subtle: var(--color-base-neutral-light-16);
  --color-tokens-background-blue: var(--color-base-color-blue-dark-100);
  --color-tokens-background-peach: var(--color-base-color-peach-dark-100);
  --color-tokens-background-mint: var(--color-base-color-mint-dark-100);
  --color-tokens-background-clay: var(--color-base-color-clay-dark-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-dark-100);
  --color-tokens-input-icon: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-light-8);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-light-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-light-88);
  --color-tokens-tone-medium: var(--color-base-neutral-light-64);
  --color-tokens-background-semi-transparent: var(--color-base-neutral-dark-48);
  --color-tokens-input-label: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-dark-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-dark-0);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-dark-100);
  --color-tokens-border-medium: var(--color-base-neutral-light-48);
  --color-tokens-icon-strong: var(--color-base-neutral-light-100);
  --color-tokens-icon-medium: var(--color-base-neutral-light-64);
  --color-tokens-input-filled-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-light-0);
  --color-tokens-input-error-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-text: var(--color-base-neutral-light-100);
  --color-tokens-input-error-border: var(--color-base-neutral-light-0);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.icon-wrap-video {
  padding: var(--spacing--12);
  border-radius: var(--radius-general-full);
  background-color: var(--color-tokens-background-yellow);
  flex: none;
}

.icon-medium {
  color: #000;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.text-wrap-lightbox {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.body-medium {
  color: #000000a3;
}

.image-wrap-testimonial {
  border-radius: 100vw;
  flex: none;
  width: 48px;
  height: 48px;
  overflow: hidden;
}

.testimonial-bottom-tile {
  grid-column-gap: var(--spacing--12);
  grid-row-gap: var(--spacing--12);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-single-top-tile {
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-wrap-testimonial-author {
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.master-testimonial {
  z-index: 2;
  max-width: var(--max-width--8-columns);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  text-align: center;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.stats-grid {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: auto;
}

.video-stats {
  z-index: 3;
  padding-top: var(--section-padding--small);
  padding-bottom: var(--spacing--32);
  --color-tokens-background-base: var(--color-base-background-base-dark);
  --color-tokens-tone-strong: var(--color-base-neutral-light-100);
  --color-tokens-input-default-border: var(--color-base-neutral-light-0);
  --color-tokens-input-default-background: var(--color-base-neutral-light-8);
  --color-tokens-input-default-text: var(--color-base-neutral-light-48);
  --color-tokens-input-active-border: var(--color-base-neutral-light-32);
  --color-tokens-input-active-text: var(--color-base-neutral-light-100);
  --color-tokens-input-active-background: var(--color-base-neutral-dark-88);
  --color-tokens-background-lift: var(--color-base-background-lift-dark);
  --color-tokens-tone-subtle: var(--color-base-neutral-light-48);
  --color-tokens-background-yellow: var(--color-base-color-yellow-dark-100);
  --color-tokens-border-subtle: var(--color-base-neutral-light-16);
  --color-tokens-background-blue: var(--color-base-color-blue-dark-100);
  --color-tokens-background-peach: var(--color-base-color-peach-dark-100);
  --color-tokens-background-mint: var(--color-base-color-mint-dark-100);
  --color-tokens-background-clay: var(--color-base-color-clay-dark-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-dark-100);
  --color-tokens-input-icon: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-light-8);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-light-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-light-88);
  --color-tokens-tone-medium: var(--color-base-neutral-light-64);
  --color-tokens-background-semi-transparent: var(--color-base-neutral-dark-48);
  --color-tokens-input-label: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-dark-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-dark-0);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-dark-100);
  --color-tokens-border-medium: var(--color-base-neutral-light-48);
  --color-tokens-icon-strong: var(--color-base-neutral-light-100);
  --color-tokens-icon-medium: var(--color-base-neutral-light-64);
  --color-tokens-input-filled-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-light-0);
  --color-tokens-input-error-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-text: var(--color-base-neutral-light-100);
  --color-tokens-input-error-border: var(--color-base-neutral-light-0);
  width: 100%;
  height: auto;
  min-height: 100vh;
  display: flex;
  overflow: hidden;
}

.overlay-stats-bottom {
  background-image: linear-gradient(0deg, var(--color-base-neutral-dark-100), var(--color-base-neutral-dark-0));
  width: 100%;
  height: 60%;
  position: absolute;
  inset: auto 0% 0%;
}

.stat-item {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  flex-flow: column;
  display: flex;
}

.master-stats {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.tabs-content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.tabs-content.days {
  max-width: var(--max-width--8-columns);
}

.tabs-menu {
  padding: var(--spacing--8);
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  border-radius: var(--radius-ui-elements-button-circle);
  background-color: var(--color-tokens-background-lift);
  justify-content: center;
  align-items: center;
  display: flex;
}

.tabs-menu.days {
  margin-bottom: var(--spacing--64);
}

.tabs-menu.blog-menu {
  margin-bottom: var(--section-padding--small);
}

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

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

.tab-link-faq {
  padding: var(--spacing--12) var(--spacing--16);
  border-radius: var(--radius-ui-elements-button-base);
  background-color: var(--color-base-neutral-dark-0);
  font-family: var(--typography-font-family-button-2);
  color: var(--color-tokens-button-secondary-default-text);
  font-size: var(--typography-size-button-2);
  line-height: var(--typography-line-height-button-2);
  font-weight: var(--typography-font-weight-button-2);
  letter-spacing: var(--typography-letter-spacing-button-2);
  transition: background-color .3s, color .3s;
}

.tab-link-faq:hover, .tab-link-faq.w--current {
  background-color: var(--color-tokens-button-secondary-hover-background);
  color: var(--color-tokens-button-secondary-hover-text);
}

.contact-form-inner {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.input-wrap {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.contact-form-bottom-tile {
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.input-halves {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  grid-template-rows: auto;
}

.form-block {
  margin-right: auto;
  margin-bottom: var(--spacing--0);
  padding: var(--spacing--48);
  border-radius: var(--radius-general-large);
  background-color: var(--color-tokens-background-clay);
  margin-left: auto;
}

.checkbox-text {
  margin-bottom: 0;
  font-weight: 400;
}

.form-contact {
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.contact-form-top-tile {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.checkbox-contact {
  background-color: #f5f3f0;
  border: 1px solid #0000;
  border-radius: 100vw;
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 0;
}

.checkbox-contact.w--redirected-checked {
  background-color: #f5f3f0;
  background-image: url('../images/Tick.svg');
  background-position: 50%;
  background-size: auto;
  border-color: #0000;
}

.submit-wrap {
  position: relative;
}

.checkbox {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #000000e0;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 10px;
  display: flex;
}

.submit-absolute {
  z-index: 1;
  color: #0000;
  background-color: #0000;
  position: absolute;
  inset: 0%;
}

.input-label {
  color: var(--color-tokens-input-label);
}

.contact-info-tile {
  padding: var(--spacing--16);
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  border-radius: var(--radius-general-large);
  background-color: var(--color-tokens-background-base);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.icon-wrap-info-tile {
  padding: var(--spacing--16);
  border-radius: var(--radius-general-default);
  background-color: var(--color-tokens-background-clay);
  color: var(--color-tokens-tone-strong);
  --color-tokens-background-base: var(--color-base-background-base-dark);
  --color-tokens-tone-strong: var(--color-base-neutral-light-100);
  --color-tokens-input-default-border: var(--color-base-neutral-light-0);
  --color-tokens-input-default-background: var(--color-base-neutral-light-8);
  --color-tokens-input-default-text: var(--color-base-neutral-light-48);
  --color-tokens-input-active-border: var(--color-base-neutral-light-32);
  --color-tokens-input-active-text: var(--color-base-neutral-light-100);
  --color-tokens-input-active-background: var(--color-base-neutral-dark-88);
  --color-tokens-background-lift: var(--color-base-background-lift-dark);
  --color-tokens-tone-subtle: var(--color-base-neutral-light-48);
  --color-tokens-background-yellow: var(--color-base-color-yellow-dark-100);
  --color-tokens-border-subtle: var(--color-base-neutral-light-16);
  --color-tokens-background-blue: var(--color-base-color-blue-dark-100);
  --color-tokens-background-peach: var(--color-base-color-peach-dark-100);
  --color-tokens-background-mint: var(--color-base-color-mint-dark-100);
  --color-tokens-background-clay: var(--color-base-color-clay-dark-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-dark-100);
  --color-tokens-input-icon: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-light-8);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-light-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-light-88);
  --color-tokens-tone-medium: var(--color-base-neutral-light-64);
  --color-tokens-background-semi-transparent: var(--color-base-neutral-dark-48);
  --color-tokens-input-label: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-dark-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-dark-0);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-dark-100);
  --color-tokens-border-medium: var(--color-base-neutral-light-48);
  --color-tokens-icon-strong: var(--color-base-neutral-light-100);
  --color-tokens-icon-medium: var(--color-base-neutral-light-64);
  --color-tokens-input-filled-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-light-0);
  --color-tokens-input-error-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-text: var(--color-base-neutral-light-100);
  --color-tokens-input-error-border: var(--color-base-neutral-light-0);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-m {
  width: var(--icon-icon-size-medium);
  height: var(--icon-icon-size-medium);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-wrap-contact-tile {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.master-contact {
  max-width: var(--max-width--6-columns);
  grid-column-gap: var(--spacing--80);
  grid-row-gap: var(--spacing--80);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contact-grid {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  grid-template-rows: auto;
}

.card-contact {
  padding: var(--spacing--32);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  border-radius: var(--radius-general-large);
  background-color: var(--color-tokens-background-lift);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 240px;
  display: flex;
}

.contact-card-top-tile {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-wrap-school {
  padding: var(--spacing--32);
  border-radius: var(--radius-general-large);
  background-image: url('../images/School.webp');
  background-position: 50%;
  background-size: cover;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 800px;
  max-height: 85vh;
  display: flex;
  overflow: hidden;
}

.school-card {
  max-width: var(--max-width--3-columns);
}

.text-wrap-food {
  max-width: var(--max-width--4-columns);
}

.hero-bg {
  z-index: -1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.hero-bg.blog {
  margin-top: 130px;
}

.hero-bg.documents {
  margin-top: 85px;
}

.hero-bg.about {
  margin-top: 120px;
}

.master-food {
  grid-column-gap: var(--spacing--80);
  grid-row-gap: var(--spacing--80);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

.tabs-sticky {
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 100px;
}

.tag-sticky {
  padding: var(--spacing--16);
  border-radius: var(--radius-general-default);
  color: var(--color-tokens-tone-medium);
  font-weight: var(--typography-weight-body-bold);
  transition: color .4s, background-color .4s;
}

.tag-sticky.w--current {
  background-color: var(--color-tokens-background-lift);
  color: var(--color-tokens-tone-strong);
}

.food-halves {
  padding-top: var(--spacing--80);
  padding-bottom: var(--spacing--80);
  grid-column-gap: var(--spacing--80);
  grid-row-gap: var(--spacing--80);
  grid-template-rows: auto;
}

.food-halves.first {
  padding-top: var(--spacing--0);
}

.image-wrap-food {
  border-radius: var(--radius-general-large);
  width: 100%;
  height: 680px;
  overflow: hidden;
}

.wrap-food-list {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.list-food {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  color: var(--color-tokens-tone-medium);
  flex-flow: column;
  display: flex;
}

.food-item-list {
  flex-flow: column;
  display: flex;
}

.master-first-day {
  grid-column-gap: var(--spacing--80);
  grid-row-gap: var(--spacing--80);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: 100%;
  display: grid;
}

.content-first-day {
  flex-flow: column;
  display: flex;
}

.essentials-tile {
  padding-bottom: var(--spacing--80);
  grid-column-gap: var(--spacing--64);
  grid-row-gap: var(--spacing--64);
  flex-flow: column;
  display: flex;
}

.headline-first-day-tile {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.essentials-grid {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--spacing--48);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.card-essential {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.icon-wrap-essential {
  padding: var(--spacing--12);
  border-radius: var(--radius-general-default);
  background-color: var(--color-tokens-background-blue);
}

.icon-xl {
  width: var(--icon-icon-size-extra-large);
  height: var(--icon-icon-size-extra-large);
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-wrap-essential {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tip-tile {
  padding-top: var(--spacing--80);
  padding-bottom: var(--spacing--80);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  display: flex;
}

.tip-info-tile {
  padding: var(--spacing--16);
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  border-radius: var(--radius-general-large);
  background-color: var(--color-tokens-background-clay);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-wrap-tip-tile {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.planning-tile {
  padding-top: var(--spacing--80);
  padding-bottom: var(--spacing--80);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.planning-list {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  color: var(--color-tokens-tone-medium);
  flex-flow: column;
  display: flex;
}

.start-tile {
  padding-top: var(--spacing--80);
  padding-bottom: var(--spacing--80);
  grid-column-gap: var(--spacing--64);
  grid-row-gap: var(--spacing--64);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.starting-list {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.start-item {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-wrap-start {
  padding: var(--spacing--16);
  border-radius: var(--radius-general-default);
  background-color: var(--color-tokens-background-blue);
}

.text-wrap-start-item {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.master-day-plan {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.day-tile {
  padding: var(--spacing--24);
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  border-radius: var(--radius-general-default);
  background-color: var(--color-tokens-background-blue);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.text-wrap-day-tile {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.gallery-bg {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 120px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.headline-gallery {
  max-width: var(--max-width--5-columns);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.image-wrap-gallery {
  max-width: var(--max-width--8-columns);
  border-radius: var(--radius-general-large);
  width: 100%;
  height: 680px;
  display: block;
  position: relative;
  overflow: hidden;
}

.image-wrap-gallery.second {
  max-width: var(--max-width--5-columns);
  margin-bottom: 270px;
}

.image-wrap-gallery.third {
  max-width: var(--max-width--3-columns);
  height: 480px;
}

.image-wrap-gallery.fourth {
  max-width: var(--max-width--7-columns);
  margin-bottom: var(--spacing--120);
  height: 600px;
  margin-left: auto;
}

.image-wrap-gallery.fifth {
  max-width: var(--max-width--4-columns);
  height: 448px;
  margin-left: 20%;
}

.image-wrap-gallery.sixth {
  max-width: var(--max-width--3-columns);
  margin-bottom: var(--spacing--120);
  height: 480px;
  margin-left: auto;
}

.overlay-gallery-image {
  padding: var(--spacing--24);
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.gallery-row {
  margin-top: var(--spacing--120);
  grid-column-gap: var(--spacing--80);
  grid-row-gap: var(--spacing--80);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.master-gallery {
  z-index: 4;
  flex-flow: column;
  display: flex;
  position: relative;
}

.master-blog {
  flex-flow: column;
  display: flex;
}

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

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

.link-blog {
  padding: var(--spacing--16);
  border-radius: var(--radius-general-default);
  color: var(--color-tokens-tone-strong);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  min-height: 464px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-blog-card {
  z-index: 2;
  padding: var(--spacing--24);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  border-radius: var(--radius-general-default);
  background-color: var(--color-tokens-background-lift);
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.image-wrap-blog-card {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-top-blog-card {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blogs-featured {
  width: 100%;
  height: 100%;
}

.blog-featured-list {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  flex-flow: column;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.blog-featured-item {
  height: 100%;
}

.card-side-blog {
  padding: var(--spacing--24);
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  border-radius: var(--radius-general-default);
  background-color: var(--color-tokens-background-lift);
  color: var(--color-tokens-tone-strong);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.blog-featured-large-list, .blog-featured-large-item {
  height: 100%;
}

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

.master-news {
  max-width: var(--max-width--6-columns);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.news-list {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  flex-flow: column;
  display: flex;
}

.card-news {
  padding: var(--spacing--24);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  border-radius: var(--radius-general-default);
  background-color: var(--color-tokens-background-lift);
  color: var(--color-tokens-tone-strong);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 160px;
  display: flex;
}

.headline-news {
  max-width: var(--max-width--6-columns);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.body-news p {
  color: var(--color-tokens-tone-medium);
}

.master-body-news {
  max-width: var(--max-width--5-columns);
  margin-left: auto;
  margin-right: auto;
}

.image-wrap-article-thumbnail {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.overlay-hero-article {
  background-color: var(--color-tokens-background-semi-transparent);
  --color-tokens-background-base: var(--color-base-background-base-dark);
  --color-tokens-tone-strong: var(--color-base-neutral-light-100);
  --color-tokens-input-default-border: var(--color-base-neutral-light-0);
  --color-tokens-input-default-background: var(--color-base-neutral-light-8);
  --color-tokens-input-default-text: var(--color-base-neutral-light-48);
  --color-tokens-input-active-border: var(--color-base-neutral-light-32);
  --color-tokens-input-active-text: var(--color-base-neutral-light-100);
  --color-tokens-input-active-background: var(--color-base-neutral-dark-88);
  --color-tokens-background-lift: var(--color-base-background-lift-dark);
  --color-tokens-tone-subtle: var(--color-base-neutral-light-48);
  --color-tokens-background-yellow: var(--color-base-color-yellow-dark-100);
  --color-tokens-border-subtle: var(--color-base-neutral-light-16);
  --color-tokens-background-blue: var(--color-base-color-blue-dark-100);
  --color-tokens-background-peach: var(--color-base-color-peach-dark-100);
  --color-tokens-background-mint: var(--color-base-color-mint-dark-100);
  --color-tokens-background-clay: var(--color-base-color-clay-dark-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-dark-100);
  --color-tokens-input-icon: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-light-8);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-light-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-light-88);
  --color-tokens-tone-medium: var(--color-base-neutral-light-64);
  --color-tokens-background-semi-transparent: var(--color-base-neutral-dark-48);
  --color-tokens-input-label: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-dark-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-dark-0);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-dark-100);
  --color-tokens-border-medium: var(--color-base-neutral-light-48);
  --color-tokens-icon-strong: var(--color-base-neutral-light-100);
  --color-tokens-icon-medium: var(--color-base-neutral-light-64);
  --color-tokens-input-filled-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-light-0);
  --color-tokens-input-error-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-text: var(--color-base-neutral-light-100);
  --color-tokens-input-error-border: var(--color-base-neutral-light-0);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.master-article-home {
  grid-column-gap: var(--spacing--64);
  grid-row-gap: var(--spacing--64);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.headline-article {
  z-index: 2;
  max-width: var(--max-width--6-columns);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.article-author {
  padding: var(--spacing--16);
  grid-column-gap: var(--spacing--12);
  grid-row-gap: var(--spacing--12);
  border-radius: var(--radius-general-default);
  background-color: var(--color-tokens-background-semi-transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-wrap-author {
  border-radius: var(--radius-general-full);
  width: 48px;
  height: 48px;
  overflow: hidden;
}

.text-wrap-article-author {
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.master-article-body {
  max-width: var(--max-width--8-columns);
  grid-column-gap: var(--spacing--80);
  grid-row-gap: var(--spacing--80);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.body-article p {
  color: var(--color-tokens-tone-medium);
}

.body-article img {
  border-radius: var(--radius-general-default);
}

.body-article.short {
  max-width: var(--max-width--5-columns);
}

.headline-more-article {
  margin-top: var(--spacing--80);
  margin-bottom: var(--spacing--64);
  text-align: center;
}

.navbar-simple {
  z-index: 99;
  padding-top: var(--spacing--32);
  background-color: var(--color-base-neutral-dark-0);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.brand-simple-nav {
  max-width: 147px;
}

.overlay-semi-transparent {
  background-color: var(--color-tokens-background-semi-transparent);
  --color-tokens-background-base: var(--color-base-background-base-dark);
  --color-tokens-tone-strong: var(--color-base-neutral-light-100);
  --color-tokens-input-default-border: var(--color-base-neutral-light-0);
  --color-tokens-input-default-background: var(--color-base-neutral-light-8);
  --color-tokens-input-default-text: var(--color-base-neutral-light-48);
  --color-tokens-input-active-border: var(--color-base-neutral-light-32);
  --color-tokens-input-active-text: var(--color-base-neutral-light-100);
  --color-tokens-input-active-background: var(--color-base-neutral-dark-88);
  --color-tokens-background-lift: var(--color-base-background-lift-dark);
  --color-tokens-tone-subtle: var(--color-base-neutral-light-48);
  --color-tokens-background-yellow: var(--color-base-color-yellow-dark-100);
  --color-tokens-border-subtle: var(--color-base-neutral-light-16);
  --color-tokens-background-blue: var(--color-base-color-blue-dark-100);
  --color-tokens-background-peach: var(--color-base-color-peach-dark-100);
  --color-tokens-background-mint: var(--color-base-color-mint-dark-100);
  --color-tokens-background-clay: var(--color-base-color-clay-dark-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-dark-100);
  --color-tokens-input-icon: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-light-8);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-light-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-light-88);
  --color-tokens-tone-medium: var(--color-base-neutral-light-64);
  --color-tokens-background-semi-transparent: var(--color-base-neutral-dark-48);
  --color-tokens-input-label: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-dark-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-dark-0);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-dark-100);
  --color-tokens-border-medium: var(--color-base-neutral-light-48);
  --color-tokens-icon-strong: var(--color-base-neutral-light-100);
  --color-tokens-icon-medium: var(--color-base-neutral-light-64);
  --color-tokens-input-filled-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-light-0);
  --color-tokens-input-error-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-text: var(--color-base-neutral-light-100);
  --color-tokens-input-error-border: var(--color-base-neutral-light-0);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.pw-bg {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.privacy-halves {
  grid-column-gap: var(--spacing--64);
  grid-row-gap: var(--spacing--64);
  grid-template-rows: auto;
  place-items: start stretch;
}

.body-privacy p, .body-privacy ul, .body-privacy ol {
  color: var(--color-tokens-tone-medium);
}

.body-privacy a {
  color: var(--color-tokens-tone-medium);
  text-decoration: underline;
}

.headline-privacy {
  position: sticky;
  top: 120px;
}

.documents-grid {
  max-width: var(--max-width--9-columns);
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--spacing--80);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.card-document {
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  color: var(--color-tokens-tone-strong);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.document-bg {
  border-radius: var(--radius-general-full);
  background-color: var(--color-tokens-background-lift);
  flex: none;
  width: 100%;
  max-width: 300px;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.document-book-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.text-wrap-document {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mask-document-text {
  height: var(--typography-line-height-body-2);
  overflow: clip;
}

.privacy-content {
  grid-column-gap: var(--spacing--80);
  grid-row-gap: var(--spacing--80);
  flex-flow: column;
  display: flex;
}

.privacy-top-tile, .privacy-list {
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.privacy-tile {
  grid-column-gap: var(--spacing--20);
  grid-row-gap: var(--spacing--20);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.marquee {
  z-index: 1;
  width: 100%;
  position: relative;
  overflow: clip;
}

.marquee-images {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  display: flex;
}

.single-marquee-images {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  flex: none;
  display: flex;
}

.image-wrap-about {
  width: var(--max-width--4-columns);
  border-radius: var(--radius-general-default);
  flex: none;
  height: 448px;
  overflow: hidden;
}

.image-wrap-about.large {
  width: var(--max-width--5-columns);
}

.image-wrap-about.small {
  width: var(--max-width--3-columns);
}

.master-about-description {
  max-width: var(--max-width--8-columns);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-wrap-about-description {
  grid-column-gap: var(--spacing--12);
  grid-row-gap: var(--spacing--0);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-wrap-about-description {
  border-radius: var(--radius-general-default);
  width: 96px;
  height: 52px;
  display: inline-flex;
  overflow: hidden;
}

.card-component {
  perspective: 1000px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 332px;
  height: 480px;
  transition: z-index .65s;
  position: relative;
}

.card-component:hover {
  z-index: 10;
}

.card-component.left {
  margin-right: -40px;
  transform: rotate(-12deg);
}

.card-component.right {
  margin-left: -40px;
  transform: rotate(12deg);
}

.card-component.middle {
  margin-bottom: 40px;
}

.card-side {
  border-radius: var(--radius-general-default);
  background-color: var(--color-tokens-background-blue);
  position: absolute;
  inset: 0%;
  box-shadow: inset -2px 2px #ffffff40, inset 0 -2px #0000000a;
}

.card-side.front-side {
  backface-visibility: hidden;
  display: flex;
}

.card-side.front-side.mint {
  background-color: var(--color-tokens-background-mint);
}

.card-side.front-side.peach {
  background-color: var(--color-tokens-background-peach);
}

.card-side.back-side {
  z-index: 10;
  padding: var(--spacing--32);
  background-color: var(--color-tokens-background-blue);
  backface-visibility: hidden;
  color: var(--color-tokens-tone-strong);
  --color-tokens-background-base: var(--color-base-background-base-dark);
  --color-tokens-tone-strong: var(--color-base-neutral-light-100);
  --color-tokens-input-default-border: var(--color-base-neutral-light-0);
  --color-tokens-input-default-background: var(--color-base-neutral-light-8);
  --color-tokens-input-default-text: var(--color-base-neutral-light-48);
  --color-tokens-input-active-border: var(--color-base-neutral-light-32);
  --color-tokens-input-active-text: var(--color-base-neutral-light-100);
  --color-tokens-input-active-background: var(--color-base-neutral-dark-88);
  --color-tokens-background-lift: var(--color-base-background-lift-dark);
  --color-tokens-tone-subtle: var(--color-base-neutral-light-48);
  --color-tokens-background-yellow: var(--color-base-color-yellow-dark-100);
  --color-tokens-border-subtle: var(--color-base-neutral-light-16);
  --color-tokens-background-blue: var(--color-base-color-blue-dark-100);
  --color-tokens-background-peach: var(--color-base-color-peach-dark-100);
  --color-tokens-background-mint: var(--color-base-color-mint-dark-100);
  --color-tokens-background-clay: var(--color-base-color-clay-dark-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-dark-100);
  --color-tokens-input-icon: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-light-8);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-light-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-light-88);
  --color-tokens-tone-medium: var(--color-base-neutral-light-64);
  --color-tokens-background-semi-transparent: var(--color-base-neutral-dark-48);
  --color-tokens-input-label: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-dark-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-dark-0);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-dark-100);
  --color-tokens-border-medium: var(--color-base-neutral-light-48);
  --color-tokens-icon-strong: var(--color-base-neutral-light-100);
  --color-tokens-icon-medium: var(--color-base-neutral-light-64);
  --color-tokens-input-filled-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-light-0);
  --color-tokens-input-error-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-text: var(--color-base-neutral-light-100);
  --color-tokens-input-error-border: var(--color-base-neutral-light-0);
  transform-style: preserve-3d;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.card-side.back-side.mint {
  background-color: var(--color-tokens-background-mint);
}

.card-side.back-side.peach {
  background-color: var(--color-tokens-background-peach);
}

.card-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.master-cards {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.stat-count {
  display: flex;
}

.stars-tile {
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  justify-content: center;
  align-items: center;
  display: flex;
}

.star {
  width: var(--icon-icon-size-medium);
  height: var(--icon-icon-size-medium);
  color: var(--color-tokens-background-yellow);
  --color-tokens-background-base: var(--color-base-background-base-dark);
  --color-tokens-tone-strong: var(--color-base-neutral-light-100);
  --color-tokens-input-default-border: var(--color-base-neutral-light-0);
  --color-tokens-input-default-background: var(--color-base-neutral-light-8);
  --color-tokens-input-default-text: var(--color-base-neutral-light-48);
  --color-tokens-input-active-border: var(--color-base-neutral-light-32);
  --color-tokens-input-active-text: var(--color-base-neutral-light-100);
  --color-tokens-input-active-background: var(--color-base-neutral-dark-88);
  --color-tokens-background-lift: var(--color-base-background-lift-dark);
  --color-tokens-tone-subtle: var(--color-base-neutral-light-48);
  --color-tokens-background-yellow: var(--color-base-color-yellow-dark-100);
  --color-tokens-border-subtle: var(--color-base-neutral-light-16);
  --color-tokens-background-blue: var(--color-base-color-blue-dark-100);
  --color-tokens-background-peach: var(--color-base-color-peach-dark-100);
  --color-tokens-background-mint: var(--color-base-color-mint-dark-100);
  --color-tokens-background-clay: var(--color-base-color-clay-dark-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-dark-100);
  --color-tokens-input-icon: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-light-8);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-light-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-light-88);
  --color-tokens-tone-medium: var(--color-base-neutral-light-64);
  --color-tokens-background-semi-transparent: var(--color-base-neutral-dark-48);
  --color-tokens-input-label: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-dark-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-dark-0);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-dark-100);
  --color-tokens-border-medium: var(--color-base-neutral-light-48);
  --color-tokens-icon-strong: var(--color-base-neutral-light-100);
  --color-tokens-icon-medium: var(--color-base-neutral-light-64);
  --color-tokens-input-filled-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-light-0);
  --color-tokens-input-error-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-text: var(--color-base-neutral-light-100);
  --color-tokens-input-error-border: var(--color-base-neutral-light-0);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.story-halves {
  grid-column-gap: var(--grid--content-gap);
  grid-row-gap: var(--grid--content-gap);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
}

.image-wrap-story {
  border-radius: var(--radius-general-default);
  width: 100%;
  height: 720px;
  overflow: hidden;
}

.headline-about-story {
  max-width: var(--max-width--5-columns);
  margin-bottom: var(--spacing--64);
}

.testimonial-bg {
  z-index: -1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.headine-team {
  margin-bottom: var(--spacing--64);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.heading-team, .subtext-team {
  max-width: var(--max-width--4-columns);
}

.team-grid {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  place-items: start stretch;
}

.card-team {
  padding: var(--spacing--16);
  grid-column-gap: var(--spacing--20);
  grid-row-gap: var(--spacing--20);
  border-radius: var(--radius-general-large);
  background-color: var(--color-tokens-background-lift);
  flex-flow: column;
  transition: background-color .35s, transform .5s;
  display: flex;
}

.card-team:hover {
  background-color: var(--color-tokens-background-peach);
  transform: rotate(8deg);
}

.card-team.second:hover {
  background-color: var(--color-tokens-background-blue);
  transform: rotate(-8deg);
}

.card-team.third:hover {
  background-color: var(--color-tokens-background-yellow);
}

.card-team.fourth:hover {
  background-color: var(--color-tokens-background-mint);
  transform: rotate(-8deg);
}

.image-wrap-team {
  border-radius: var(--radius-general-default);
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.text-wrap-team-card {
  padding-top: var(--spacing--16);
  padding-bottom: var(--spacing--16);
  text-align: center;
  flex-flow: column;
  display: flex;
}

.name-wrap-team-card {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.team-text-mask {
  overflow: clip;
}

.team-text-description {
  padding-top: var(--spacing--16);
}

.master-hero-gallery {
  z-index: 3;
  padding-right: var(--grid--page-padding);
  padding-left: var(--grid--page-padding);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.video-hero-home {
  padding-bottom: var(--section-padding--small);
  --color-tokens-background-base: var(--color-base-background-base-dark);
  --color-tokens-tone-strong: var(--color-base-neutral-light-100);
  --color-tokens-input-default-border: var(--color-base-neutral-light-0);
  --color-tokens-input-default-background: var(--color-base-neutral-light-8);
  --color-tokens-input-default-text: var(--color-base-neutral-light-48);
  --color-tokens-input-active-border: var(--color-base-neutral-light-32);
  --color-tokens-input-active-text: var(--color-base-neutral-light-100);
  --color-tokens-input-active-background: var(--color-base-neutral-dark-88);
  --color-tokens-background-lift: var(--color-base-background-lift-dark);
  --color-tokens-tone-subtle: var(--color-base-neutral-light-48);
  --color-tokens-background-yellow: var(--color-base-color-yellow-dark-100);
  --color-tokens-border-subtle: var(--color-base-neutral-light-16);
  --color-tokens-background-blue: var(--color-base-color-blue-dark-100);
  --color-tokens-background-peach: var(--color-base-color-peach-dark-100);
  --color-tokens-background-mint: var(--color-base-color-mint-dark-100);
  --color-tokens-background-clay: var(--color-base-color-clay-dark-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-dark-100);
  --color-tokens-input-icon: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-light-8);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-light-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-light-88);
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-light-88);
  --color-tokens-tone-medium: var(--color-base-neutral-light-64);
  --color-tokens-background-semi-transparent: var(--color-base-neutral-dark-48);
  --color-tokens-input-label: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-dark-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-dark-0);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-dark-100);
  --color-tokens-border-medium: var(--color-base-neutral-light-48);
  --color-tokens-icon-strong: var(--color-base-neutral-light-100);
  --color-tokens-icon-medium: var(--color-base-neutral-light-64);
  --color-tokens-input-filled-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-light-0);
  --color-tokens-input-error-background: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-text: var(--color-base-neutral-light-100);
  --color-tokens-input-error-border: var(--color-base-neutral-light-0);
  width: 100%;
  height: auto;
  min-height: 100vh;
  display: flex;
}

.master-hero-home {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.content-hero-home {
  max-width: var(--max-width--5-columns);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.overlay-hero-home {
  background-image: linear-gradient(0deg, var(--color-tokens-background-gradient-purposes-gradient-64), var(--color-tokens-background-gradient-purposes-gradient-0));
  width: 100%;
  height: 40%;
  position: absolute;
  inset: auto 0% 0%;
}

.button-wrap-hero-home {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tag-wrap {
  padding: var(--spacing--8);
  grid-column-gap: var(--spacing--12);
  grid-row-gap: var(--spacing--12);
  border-radius: var(--radius-ui-elements-button-base);
  background-color: var(--color-tokens-background-semi-transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--color-tokens-tone-strong);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-wrap-map {
  border-radius: var(--radius-general-default);
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.map-card {
  padding: var(--spacing--12);
  grid-column-gap: var(--spacing--12);
  grid-row-gap: var(--spacing--12);
  border-radius: var(--radius-general-large);
  background-color: var(--color-tokens-background-semi-transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.wrap-about-home {
  max-width: var(--max-width--6-columns);
  margin-right: auto;
  margin-bottom: var(--spacing--120);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.features-grid {
  grid-column-gap: var(--grid--page-padding);
  grid-row-gap: var(--grid--page-padding);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.feature-card {
  max-width: var(--max-width--2-columns);
  grid-column-gap: var(--spacing--20);
  grid-row-gap: var(--spacing--20);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-wrap-feature-card {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-feature-card {
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

.headline-video-home {
  margin-bottom: var(--spacing--80);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.heading-home-video, .text-wrap-home-video {
  max-width: var(--max-width--4-columns);
}

.phi-halves {
  grid-column-gap: var(--grid--content-gap);
  grid-row-gap: var(--grid--content-gap);
  grid-template-rows: auto;
}

.content-column {
  max-width: var(--max-width--5-columns);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.heading-column {
  grid-column-gap: var(--spacing--20);
  grid-row-gap: var(--spacing--20);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.left-column {
  padding-left: var(--spacing--64);
  position: relative;
}

.image-wrap-column {
  border-radius: var(--radius-general-large);
  width: 100%;
  height: 700px;
  overflow: hidden;
}

.image-absolute-1 {
  width: 300px;
  position: absolute;
  inset: -11% -19% auto auto;
  transform: rotate(12deg);
}

.image-absolute-2 {
  width: 300px;
  position: absolute;
  inset: auto -23% -7% auto;
}

.image-absolute-3 {
  width: 160px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.slider {
  background-color: var(--color-base-neutral-light-0);
  width: 100%;
  height: auto;
}

.mask-testimonial-slide {
  max-width: var(--max-width--5-columns);
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.slide-testimonial {
  margin-right: var(--grid--content-gap);
  width: 100%;
}

.card-testimonial {
  padding: var(--spacing--24);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  border-radius: var(--radius-general-large);
  background-color: var(--color-tokens-background-lift);
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonial-slide-top-tile {
  grid-column-gap: var(--spacing--20);
  grid-row-gap: var(--spacing--20);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.slider-button {
  margin-top: var(--spacing--48);
  margin-right: var(--spacing--12);
  width: auto;
  height: auto;
  display: inline-flex;
  position: static;
}

.slider-button.upper {
  margin-top: var(--spacing--0);
  margin-right: var(--spacing--0);
  position: absolute;
  inset: -120px 0% auto auto;
}

.slider-button.upper.prev {
  margin-right: var(--spacing--48);
}

.stats-track {
  z-index: 5;
  pointer-events: none;
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  position: absolute;
  inset: 30% 0% 0%;
}

.headline-faq {
  max-width: var(--max-width--6-columns);
  margin-right: auto;
  margin-bottom: var(--spacing--64);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.headline-program-carousel {
  margin-bottom: var(--spacing--80);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.heading-program-carousel {
  max-width: var(--max-width--6-columns);
}

.button-wrap-program-carousel {
  padding-right: var(--spacing--120);
  justify-content: flex-start;
  align-items: center;
  height: 48px;
  display: flex;
}

.mask-program-slider {
  max-width: var(--max-width--8-columns);
  overflow: visible;
}

.slide-blog {
  margin-right: var(--grid--column-gap);
}

.program-card-large {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--radius-general-large);
  background-color: var(--color-tokens-background-lift);
  --color-tokens-background-base: var(--color-base-background-base-light);
  --color-tokens-tone-strong: var(--color-base-neutral-dark-100);
  --color-tokens-input-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-input-default-background: var(--color-base-neutral-light-100);
  --color-tokens-input-default-text: var(--color-base-neutral-dark-48);
  --color-tokens-input-active-border: var(--color-base-neutral-dark-32);
  --color-tokens-input-active-text: var(--color-base-neutral-dark-100);
  --color-tokens-input-active-background: var(--color-base-neutral-light-88);
  --color-tokens-background-lift: var(--color-base-background-lift-light);
  --color-tokens-tone-subtle: var(--color-base-neutral-dark-32);
  --color-tokens-background-yellow: var(--color-base-color-yellow-light-100);
  --color-tokens-border-subtle: var(--color-base-neutral-dark-16);
  --color-tokens-background-blue: var(--color-base-color-blue-light-100);
  --color-tokens-background-peach: var(--color-base-color-peach-light-100);
  --color-tokens-background-mint: var(--color-base-color-mint-light-100);
  --color-tokens-background-clay: var(--color-base-color-clay-light-100);
  --color-tokens-background-lilac: var(--color-base-color-lilac-light-100);
  --color-tokens-input-icon: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-default-text: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-primary-hover-text: var(--color-base-neutral-light-100);
  --color-tokens-button-secondary-hover-text: var(--color-base-neutral-light-100);
  --color-tokens-button-primary-default-border: var(--color-base-neutral-light-0);
  --color-tokens-button-primary-default-background: var(--color-base-neutral-dark-100);
  --color-tokens-button-secondary-default-border: var(--color-base-neutral-dark-0);
  --color-tokens-button-secondary-default-background: var(--color-base-neutral-dark-4);
  --color-tokens-button-primary-hover-border: var(--color-base-neutral-light-0);
  --color-tokens-button-primary-hover-background: var(--color-base-neutral-dark-88);
  --color-tokens-button-secondary-hover-border: var(--color-base-neutral-light-0);
  --color-tokens-button-secondary-hover-background: var(--color-base-neutral-dark-88);
  --color-tokens-button-tertiary-default-text: var(--color-base-neutral-dark-100);
  --color-tokens-button-tertiary-hover-text: var(--color-base-neutral-dark-88);
  --color-tokens-tone-medium: var(--color-base-neutral-dark-64);
  --color-tokens-background-semi-transparent: var(--color-base-neutral-light-48);
  --color-tokens-input-label: var(--color-base-neutral-dark-64);
  --color-tokens-background-gradient-purposes-gradient-64: var(--color-base-neutral-light-64);
  --color-tokens-background-gradient-purposes-gradient-0: var(--color-base-neutral-light-0);
  --color-tokens-background-gradient-purposes-gradient-100: var(--color-base-neutral-light-100);
  --color-tokens-border-medium: var(--color-base-neutral-dark-48);
  --color-tokens-icon-strong: var(--color-base-neutral-dark-100);
  --color-tokens-icon-medium: var(--color-base-neutral-dark-64);
  --color-tokens-input-filled-background: var(--color-base-neutral-light-100);
  --color-tokens-input-filled-text: var(--color-base-neutral-dark-100);
  --color-tokens-input-filled-border: var(--color-base-neutral-dark-0);
  --color-tokens-input-error-background: var(--color-base-neutral-light-100);
  --color-tokens-input-error-text: var(--color-base-neutral-dark-100);
  --color-tokens-input-error-border: var(--color-base-neutral-dark-0);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  height: 480px;
  display: grid;
  overflow: hidden;
}

.image-wrap-program-card-large {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.content-program-card-large {
  padding: var(--spacing--32);
  grid-column-gap: var(--spacing--64);
  grid-row-gap: var(--spacing--64);
  color: var(--color-tokens-tone-strong);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-wrap-program-card-large {
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.icon-mobile-drodown, .nav-mobile-bg, .curve-text-source {
  display: none;
}

.article-overscroll {
  z-index: 4;
  border-top-left-radius: var(--radius-general-large);
  border-top-right-radius: var(--radius-general-large);
  background-color: var(--color-tokens-background-base);
  backface-visibility: hidden;
  transform-style: preserve-3d;
  position: relative;
  transform: translateZ(0);
}

@media screen and (max-width: 991px) {
  body {
    --spacing--8: 8px;
    --spacing--16: 16px;
    --spacing--32: 32px;
    --spacing--0: 0px;
    --spacing--12: 12px;
    --section-padding--small: 80px;
    --spacing--64: 64px;
    --spacing--24: 24px;
    --container--main: 1800px;
    --grid--page-padding: 32px;
    --spacing--48: 48px;
    --section-padding--large: 160px;
    --section-padding--extra-large: 200px;
    --section-padding--extra-small: 32px;
    --section-padding--medium: 120px;
    --max-width--3-columns: 332px;
    --max-width--6-columns: 680px;
    --spacing--20: 20px;
    --spacing--4: 4px;
    --max-width--2-columns: 216px;
    --max-width--8-columns: 912px;
    --grid--column-gap: 16px;
    --spacing--120: 120px;
    --max-width--4-columns: 448px;
    --max-width--5-columns: 564px;
    --spacing--80: 80px;
    --max-width--7-columns: 796px;
    --max-width--9-columns: 1028px;
    --grid--content-gap: 132px;
    --max-width--1-column: 100px;
    --max-width--10-columns: 1144px;
    --max-width--12-columns: 1376px;
    --container--small: 912px;
    --typography-font-family-body-2: var(--typography-font-body);
    --typography-size-body-2: 16px;
    --typography-line-height-body-2: 24px;
    --typography-font-weight-body-2: var(--typography-weight-body);
    --typography-letter-spacing-body-2: 0px;
    --typography-font-family-h1: var(--typography-font-heading-sans);
    --typography-size-h1: 72px;
    --typography-line-height-h1: 76px;
    --typography-font-weight-h1: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h1: -4px;
    --typography-font-family-h2: var(--typography-font-heading-sans);
    --typography-size-h2: 48px;
    --typography-line-height-h2: 52px;
    --typography-font-weight-h2: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h2: -2px;
    --typography-font-family-h3: var(--typography-font-heading-sans);
    --typography-size-h3: 40px;
    --typography-line-height-h3: 40px;
    --typography-font-weight-h3: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h3: -1px;
    --typography-font-family-h4: var(--typography-font-heading-sans);
    --typography-size-h4: 32px;
    --typography-line-height-h4: 36px;
    --typography-font-weight-h4: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h4: -1px;
    --typography-font-family-h5: var(--typography-font-heading-sans);
    --typography-size-h5: 28px;
    --typography-line-height-h5: 32px;
    --typography-font-weight-h5: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h5: -.5px;
    --typography-font-family-h6: var(--typography-font-heading-sans);
    --typography-size-h6: 16px;
    --typography-line-height-h6: 20px;
    --typography-font-weight-h6: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h6: .5px;
    --typography-font-family-button-2: var(--typography-font-button);
    --typography-size-button-2: 12px;
    --typography-line-height-button-2: 12px;
    --typography-font-weight-button-2: var(--typography-weight-button);
    --typography-letter-spacing-button-2: 0px;
    --typography-font-family-label-1: var(--typography-font-label);
    --typography-size-label-1: 13px;
    --typography-line-height-label-1: 16px;
    --typography-font-weight-label-1: var(--typography-weight-label);
    --typography-letter-spacing-label-1: .75px;
    --typography-font-family-body-3: var(--typography-font-body);
    --typography-size-body-3: 14px;
    --typography-line-height-body-3: 20px;
    --typography-font-weight-body-3: var(--typography-weight-body);
    --typography-letter-spacing-body-3: 0px;
    --typography-font-family-body-1: var(--typography-font-body);
    --typography-size-body-1: 20px;
    --typography-line-height-body-1: 28px;
    --typography-font-weight-body-1: var(--typography-weight-body);
    --typography-letter-spacing-body-1: 0px;
    --typography-font-family-label-2: var(--typography-font-label);
    --typography-size-label-2: 11px;
    --typography-line-height-label-2: 12px;
    --typography-font-weight-label-2: var(--typography-weight-label);
    --typography-letter-spacing-label-2: .75px;
    --typography-font-heading-serif: Parkinsans, Arial, sans-serif;
    --typography-font-family-button-1: var(--typography-font-button);
    --typography-size-button-1: 14px;
    --typography-line-height-button-1: 20px;
    --typography-font-weight-button-1: var(--typography-weight-button);
    --typography-letter-spacing-button-1: 0px;
    --typography-all-weights-medium: 500;
    --typography-font-family-h0: var(--typography-font-heading-sans);
    --typography-size-h0: 120px;
    --typography-line-height-h0: 96px;
    --typography-font-weight-h0: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h0: -4.5px;
    --typography-weight-body-bold: var(--typography-all-weights-semi-bold);
    --typography-font-heading-sans: Parkinsans, Arial, sans-serif;
    --typography-font-body: Parkinsans, Arial, sans-serif;
    --typography-font-label: Parkinsans, Arial, sans-serif;
    --typography-font-button: Parkinsans, Arial, sans-serif;
    --typography-weight-heading-serif: var(--typography-all-weights-semi-bold);
    --typography-weight-heading-sans: var(--typography-all-weights-semi-bold);
    --typography-weight-body: var(--typography-all-weights-normal);
    --typography-weight-label: var(--typography-all-weights-medium);
    --typography-weight-button: var(--typography-all-weights-semi-bold);
    --typography-all-weights-thin: 100;
    --typography-all-weights-extra-light: 200;
    --typography-all-weights-light: 300;
    --typography-all-weights-normal: 400;
    --typography-all-weights-semi-bold: 600;
    --typography-all-weights-bold: 700;
    --typography-all-weights-extra-bold: 800;
    --typography-all-weights-black: 900;
    --radius-ui-elements-input: 20px;
    --radius-general-large: 32px;
    --radius-general-small: 8px;
    --radius-general-default: 20px;
    --radius-ui-elements-button-base: 32px;
    --radius-ui-elements-button-circle: 24px;
    --radius-ui-elements-tag: 16px;
    --radius-general-full: 100vw;
    --radius-ui-elements-navbar-bottom-radius: 24px;
    --icon-icon-size-medium: 20px;
    --icon-icon-size-small: 12px;
    --icon-icon-size-extra-large: 44px;
    --icon-icon-size-large: 28px;
    --icon-icon-stroke: 1.5px;
    --icon-stroke-dashoffset-main: 200px;
    --icon-stroke-dasharray-main: 200px;
  }

  .button-wrap-style-guide {
    display: flex;
  }

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

  .wrap-button-tooltip {
    display: none;
  }

  .nav-menu-inner {
    padding: var(--spacing--32) var(--spacing--20);
    grid-column-gap: var(--spacing--20);
    grid-row-gap: var(--spacing--20);
    border-bottom-left-radius: var(--radius-ui-elements-button-circle);
    border-bottom-right-radius: var(--radius-ui-elements-button-circle);
    background-color: var(--color-tokens-background-lift);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .nav-link {
    padding: var(--spacing--0);
    font-family: var(--typography-font-family-h5);
    font-size: var(--typography-size-h5);
    line-height: var(--typography-line-height-h5);
    font-weight: var(--typography-font-weight-h5);
    letter-spacing: var(--typography-letter-spacing-h5);
  }

  .nav-right {
    grid-column-gap: var(--spacing--8);
    grid-row-gap: var(--spacing--8);
    display: flex;
  }

  .nav-dropdown {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-dropdown-toggle {
    padding: var(--spacing--0);
    grid-column-gap: var(--spacing--32);
    grid-row-gap: var(--spacing--32);
    font-family: var(--typography-font-family-h5);
    font-size: var(--typography-size-h5);
    line-height: var(--typography-line-height-h5);
    font-weight: var(--typography-font-weight-h5);
    letter-spacing: var(--typography-letter-spacing-h5);
  }

  .icon-dropdown {
    display: none;
  }

  .nav-dropdown-list.w--open {
    padding-top: var(--spacing--32);
    position: static;
  }

  .nav-inner-dropdown-list {
    padding: var(--spacing--0) var(--spacing--0) var(--spacing--8);
    grid-column-gap: var(--spacing--12);
    grid-row-gap: var(--spacing--12);
  }

  .menu-button {
    padding: var(--spacing--12) var(--spacing--16);
    border: 1px solid var(--color-tokens-button-secondary-default-border);
    border-radius: var(--radius-ui-elements-button-base);
    background-color: var(--color-tokens-button-secondary-default-background);
    color: var(--color-tokens-button-secondary-default-text);
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .menu-button.w--open {
    background-color: var(--color-tokens-button-secondary-default-background);
    color: var(--color-tokens-button-secondary-default-text);
  }

  .menu-button-inner {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .menu-button-inner.close {
    display: none;
  }

  .icon-nav-menu {
    width: var(--icon-icon-size-small);
    height: var(--icon-icon-size-small);
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-menu {
    background-color: var(--color-base-neutral-light-0);
  }

  .link-program-card:hover {
    transform: none;
  }

  .video-home {
    height: 550px;
  }

  .stats-grid {
    grid-row-gap: var(--spacing--24);
    grid-template-columns: 1fr 1fr;
  }

  .overlay-stats-bottom {
    height: 40%;
  }

  .image-wrap-food {
    height: 460px;
  }

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

  .image-wrap-gallery, .image-wrap-gallery.fourth {
    max-width: var(--max-width--5-columns);
    height: 400px;
  }

  .image-wrap-gallery.fifth {
    max-width: var(--max-width--3-columns);
    height: 332px;
  }

  .image-wrap-gallery.sixth {
    max-width: var(--max-width--3-columns);
  }

  .gallery-row {
    margin-bottom: var(--spacing--120);
  }

  .card-side {
    backface-visibility: hidden;
  }

  .card-side.front-side {
    flex-flow: wrap;
  }

  .card-side.back-side {
    z-index: 1;
    transform: none;
  }

  .story-halves {
    grid-column-gap: var(--spacing--64);
    grid-row-gap: var(--spacing--64);
    grid-template-columns: 1.5fr;
  }

  .image-wrap-story {
    height: 560px;
  }

  .headine-team {
    flex-flow: wrap;
  }

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

  .card-team {
    background-color: var(--color-tokens-background-peach);
  }

  .card-team:hover {
    transform: none;
  }

  .card-team.second {
    background-color: var(--color-tokens-background-blue);
  }

  .card-team.second:hover {
    transform: none;
  }

  .card-team.third {
    background-color: var(--color-tokens-background-yellow);
  }

  .card-team.fourth {
    background-color: var(--color-tokens-background-mint);
  }

  .card-team.fourth:hover {
    transform: none;
  }

  .map-card {
    display: none;
  }

  .left-column {
    padding-left: var(--spacing--0);
  }

  .image-absolute-1, .image-absolute-2 {
    width: 200px;
  }

  .image-absolute-3 {
    width: 100px;
    left: -12%;
  }

  .icon-mobile-drodown {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex;
    position: relative;
  }

  .mobile-dropdown-line {
    background-color: var(--color-base-neutral-dark-100);
    border-radius: 2px;
    width: 14px;
    height: 1.5px;
  }

  .mobile-dropdown-line.absolute {
    position: absolute;
    transform: rotate(90deg);
  }

  .nav-mobile-bg {
    border-top-left-radius: var(--radius-general-default);
    border-top-right-radius: var(--radius-general-default);
    background-color: var(--color-tokens-background-lift);
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    inset: 0%;
  }
}

@media screen and (max-width: 767px) {
  body {
    --spacing--8: 8px;
    --spacing--16: 12px;
    --spacing--32: 24px;
    --spacing--0: 0px;
    --spacing--12: 10px;
    --section-padding--small: 48px;
    --spacing--64: 48px;
    --spacing--24: 20px;
    --container--main: 1800px;
    --grid--page-padding: 16px;
    --spacing--48: 32px;
    --section-padding--large: 96px;
    --section-padding--extra-large: 120px;
    --section-padding--extra-small: 24px;
    --section-padding--medium: 64px;
    --max-width--3-columns: 332px;
    --max-width--6-columns: 680px;
    --spacing--20: 16px;
    --spacing--4: 4px;
    --max-width--2-columns: 216px;
    --max-width--8-columns: 912px;
    --grid--column-gap: 12px;
    --spacing--120: 80px;
    --max-width--4-columns: 448px;
    --max-width--5-columns: 564px;
    --spacing--80: 56px;
    --max-width--7-columns: 796px;
    --max-width--9-columns: 1028px;
    --grid--content-gap: 40px;
    --max-width--1-column: 100px;
    --max-width--10-columns: 1144px;
    --max-width--12-columns: 1376px;
    --container--small: 912px;
    --typography-font-family-body-2: var(--typography-font-body);
    --typography-size-body-2: 14px;
    --typography-line-height-body-2: 20px;
    --typography-font-weight-body-2: var(--typography-weight-body);
    --typography-letter-spacing-body-2: 0px;
    --typography-font-family-h1: var(--typography-font-heading-sans);
    --typography-size-h1: 48px;
    --typography-line-height-h1: 48px;
    --typography-font-weight-h1: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h1: -2px;
    --typography-font-family-h2: var(--typography-font-heading-sans);
    --typography-size-h2: 36px;
    --typography-line-height-h2: 36px;
    --typography-font-weight-h2: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h2: -1.5px;
    --typography-font-family-h3: var(--typography-font-heading-sans);
    --typography-size-h3: 32px;
    --typography-line-height-h3: 32px;
    --typography-font-weight-h3: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h3: -.5px;
    --typography-font-family-h4: var(--typography-font-heading-sans);
    --typography-size-h4: 24px;
    --typography-line-height-h4: 28px;
    --typography-font-weight-h4: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h4: -1px;
    --typography-font-family-h5: var(--typography-font-heading-sans);
    --typography-size-h5: 20px;
    --typography-line-height-h5: 24px;
    --typography-font-weight-h5: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h5: -.5px;
    --typography-font-family-h6: var(--typography-font-heading-sans);
    --typography-size-h6: 14px;
    --typography-line-height-h6: 18px;
    --typography-font-weight-h6: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h6: .25px;
    --typography-font-family-button-2: var(--typography-font-button);
    --typography-size-button-2: 12px;
    --typography-line-height-button-2: 12px;
    --typography-font-weight-button-2: var(--typography-weight-button);
    --typography-letter-spacing-button-2: 0px;
    --typography-font-family-label-1: var(--typography-font-label);
    --typography-size-label-1: 10px;
    --typography-line-height-label-1: 12px;
    --typography-font-weight-label-1: var(--typography-weight-label);
    --typography-letter-spacing-label-1: .75px;
    --typography-font-family-body-3: var(--typography-font-body);
    --typography-size-body-3: 12px;
    --typography-line-height-body-3: 16px;
    --typography-font-weight-body-3: var(--typography-weight-body);
    --typography-letter-spacing-body-3: 0px;
    --typography-font-family-body-1: var(--typography-font-body);
    --typography-size-body-1: 16px;
    --typography-line-height-body-1: 24px;
    --typography-font-weight-body-1: var(--typography-weight-body);
    --typography-letter-spacing-body-1: 0px;
    --typography-font-family-label-2: var(--typography-font-label);
    --typography-size-label-2: 8px;
    --typography-line-height-label-2: 10px;
    --typography-font-weight-label-2: var(--typography-weight-label);
    --typography-letter-spacing-label-2: .75px;
    --typography-font-heading-serif: Parkinsans, Arial, sans-serif;
    --typography-font-family-button-1: var(--typography-font-button);
    --typography-size-button-1: 14px;
    --typography-line-height-button-1: 20px;
    --typography-font-weight-button-1: var(--typography-weight-button);
    --typography-letter-spacing-button-1: 0px;
    --typography-all-weights-medium: 500;
    --typography-font-family-h0: var(--typography-font-heading-sans);
    --typography-size-h0: 64px;
    --typography-line-height-h0: 52px;
    --typography-font-weight-h0: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h0: -3px;
    --typography-weight-body-bold: var(--typography-all-weights-semi-bold);
    --typography-font-heading-sans: Parkinsans, Arial, sans-serif;
    --typography-font-body: Parkinsans, Arial, sans-serif;
    --typography-font-label: Parkinsans, Arial, sans-serif;
    --typography-font-button: Parkinsans, Arial, sans-serif;
    --typography-weight-heading-serif: var(--typography-all-weights-semi-bold);
    --typography-weight-heading-sans: var(--typography-all-weights-semi-bold);
    --typography-weight-body: var(--typography-all-weights-normal);
    --typography-weight-label: var(--typography-all-weights-medium);
    --typography-weight-button: var(--typography-all-weights-semi-bold);
    --typography-all-weights-thin: 100;
    --typography-all-weights-extra-light: 200;
    --typography-all-weights-light: 300;
    --typography-all-weights-normal: 400;
    --typography-all-weights-semi-bold: 600;
    --typography-all-weights-bold: 700;
    --typography-all-weights-extra-bold: 800;
    --typography-all-weights-black: 900;
    --radius-ui-elements-input: 8px;
    --radius-general-large: 24px;
    --radius-general-small: 8px;
    --radius-general-default: 16px;
    --radius-ui-elements-button-base: 32px;
    --radius-ui-elements-button-circle: 24px;
    --radius-ui-elements-tag: 16px;
    --radius-general-full: 100vw;
    --radius-ui-elements-navbar-bottom-radius: 24px;
    --icon-icon-size-medium: 20px;
    --icon-icon-size-small: 12px;
    --icon-icon-size-extra-large: 44px;
    --icon-icon-size-large: 28px;
    --icon-icon-stroke: 1.25px;
    --icon-stroke-dashoffset-main: 200px;
    --icon-stroke-dasharray-main: 200px;
  }

  .section-divider {
    border-width: 1px;
  }

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

  .template-block-title {
    position: static;
  }

  ._404-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 430px;
  }

  .utility-page-form.pw {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .button-icon-wrap {
    width: 12px;
    height: 12px;
  }

  .button-icon-wrap.right {
    margin-right: 0;
  }

  .button-icon-wrap.left {
    margin-left: 0;
  }

  .icon-button {
    width: 12px;
  }

  .grid-sales {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .sales-cta-master {
    display: none;
  }

  .sales-cta {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .sales-card-image {
    height: 80px;
  }

  .text-wrap {
    padding-right: var(--spacing--64);
  }

  .brand-nav {
    padding-left: 0;
  }

  .footer-columns {
    flex-flow: wrap;
  }

  .footer-bottom-right {
    grid-column-gap: var(--spacing--16);
    grid-row-gap: var(--spacing--16);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-column {
    border-top: 1px solid #f4f3f029;
    border-bottom: 1px solid #f4f3f029;
  }

  .footer-column.no-borders {
    border-top-style: none;
    border-bottom-style: none;
  }

  .footer-halves {
    grid-column-gap: var(--spacing--64);
    grid-row-gap: var(--spacing--64);
    grid-template-columns: 1.5fr;
  }

  .content-cta {
    max-width: 300px;
  }

  .content-footer {
    grid-column-gap: var(--spacing--64);
    grid-row-gap: var(--spacing--64);
  }

  .headline-hero, .headline-hero.about {
    max-width: var(--max-width--4-columns);
  }

  .image-wrap-program, .video-home {
    height: 360px;
  }

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

  .image-wrap-school {
    height: 400px;
  }

  .master-food {
    grid-column-gap: var(--spacing--48);
    grid-row-gap: var(--spacing--48);
    grid-template-columns: 1fr;
  }

  .tabs-sticky {
    position: static;
  }

  .food-halves {
    grid-column-gap: var(--spacing--32);
    grid-row-gap: var(--spacing--32);
  }

  .image-wrap-food {
    height: 360px;
  }

  .master-first-day {
    grid-template-columns: 1fr;
  }

  .gallery-bg {
    margin-top: auto;
    margin-bottom: auto;
    inset: 0%;
  }

  .headline-gallery {
    max-width: var(--max-width--3-columns);
  }

  .image-wrap-gallery {
    max-width: var(--max-width--3-columns);
    height: 240px;
  }

  .image-wrap-gallery.second {
    max-width: var(--max-width--2-columns);
  }

  .image-wrap-gallery.third {
    max-width: var(--max-width--2-columns);
    height: 300px;
  }

  .image-wrap-gallery.fourth {
    max-width: var(--max-width--3-columns);
    height: 300px;
  }

  .image-wrap-gallery.fifth {
    max-width: var(--max-width--2-columns);
    margin-bottom: var(--spacing--32);
    height: 216px;
  }

  .image-wrap-gallery.sixth {
    max-width: var(--max-width--2-columns);
    height: 300px;
  }

  .featured-halves {
    grid-column-gap: var(--spacing--24);
    grid-row-gap: var(--spacing--24);
    grid-template-columns: 1fr;
  }

  .link-blog {
    min-height: 360px;
  }

  .headline-article {
    max-width: 360px;
  }

  .privacy-halves {
    grid-template-columns: 1fr;
  }

  .headline-privacy {
    position: static;
  }

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

  .image-wrap-about {
    width: var(--max-width--2-columns);
    height: 240px;
  }

  .image-wrap-about.large {
    width: var(--max-width--3-columns);
  }

  .image-wrap-about.small {
    width: 180px;
  }

  .image-wrap-about-description {
    width: 72px;
    height: 36px;
  }

  .card-component {
    max-width: 300px;
    height: 360px;
  }

  .card-component.middle {
    margin-bottom: 24px;
  }

  .image-wrap-story {
    height: 360px;
  }

  .image-wrap-team {
    height: 320px;
  }

  .content-hero-home {
    max-width: var(--max-width--4-columns);
  }

  .features-grid {
    grid-column-gap: var(--grid--page-padding);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .icon-feature-card {
    width: 48px;
    height: 48px;
  }

  .phi-halves {
    grid-template-columns: 1fr;
  }

  .image-wrap-column {
    height: 360px;
  }

  .image-absolute-1 {
    width: 160px;
    right: -5%;
  }

  .image-absolute-2 {
    width: 150px;
    right: -4%;
  }

  .image-absolute-3 {
    bottom: -9%;
    left: -5%;
  }

  .slider-button.upper {
    top: -100px;
    left: 148px;
    right: auto;
  }

  .slider-button.upper.prev {
    left: 106px;
  }

  .stats-track {
    width: 800px;
  }

  .headline-faq {
    max-width: var(--max-width--4-columns);
  }

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

  .program-card-large {
    grid-template-columns: 1fr;
    height: auto;
  }

  .image-wrap-program-card-large {
    height: 360px;
  }

  .content-program-card-large {
    grid-column-gap: var(--spacing--24);
    grid-row-gap: var(--spacing--24);
  }
}

@media screen and (max-width: 479px) {
  body {
    --spacing--8: 8px;
    --spacing--16: 12px;
    --spacing--32: 24px;
    --spacing--0: 0px;
    --spacing--12: 10px;
    --section-padding--small: 48px;
    --spacing--64: 48px;
    --spacing--24: 20px;
    --container--main: 1800px;
    --grid--page-padding: 16px;
    --spacing--48: 32px;
    --section-padding--large: 96px;
    --section-padding--extra-large: 120px;
    --section-padding--extra-small: 24px;
    --section-padding--medium: 64px;
    --max-width--3-columns: 332px;
    --max-width--6-columns: 680px;
    --spacing--20: 16px;
    --spacing--4: 4px;
    --max-width--2-columns: 216px;
    --max-width--8-columns: 912px;
    --grid--column-gap: 12px;
    --spacing--120: 80px;
    --max-width--4-columns: 448px;
    --max-width--5-columns: 564px;
    --spacing--80: 56px;
    --max-width--7-columns: 796px;
    --max-width--9-columns: 1028px;
    --grid--content-gap: 40px;
    --max-width--1-column: 100px;
    --max-width--10-columns: 1144px;
    --max-width--12-columns: 1376px;
    --container--small: 912px;
    --typography-font-family-body-2: var(--typography-font-body);
    --typography-size-body-2: 14px;
    --typography-line-height-body-2: 20px;
    --typography-font-weight-body-2: var(--typography-weight-body);
    --typography-letter-spacing-body-2: 0px;
    --typography-font-family-h1: var(--typography-font-heading-sans);
    --typography-size-h1: 48px;
    --typography-line-height-h1: 48px;
    --typography-font-weight-h1: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h1: -2px;
    --typography-font-family-h2: var(--typography-font-heading-sans);
    --typography-size-h2: 36px;
    --typography-line-height-h2: 36px;
    --typography-font-weight-h2: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h2: -1.5px;
    --typography-font-family-h3: var(--typography-font-heading-sans);
    --typography-size-h3: 32px;
    --typography-line-height-h3: 32px;
    --typography-font-weight-h3: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h3: -.5px;
    --typography-font-family-h4: var(--typography-font-heading-sans);
    --typography-size-h4: 24px;
    --typography-line-height-h4: 28px;
    --typography-font-weight-h4: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h4: -1px;
    --typography-font-family-h5: var(--typography-font-heading-sans);
    --typography-size-h5: 20px;
    --typography-line-height-h5: 24px;
    --typography-font-weight-h5: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h5: -.5px;
    --typography-font-family-h6: var(--typography-font-heading-sans);
    --typography-size-h6: 14px;
    --typography-line-height-h6: 18px;
    --typography-font-weight-h6: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h6: .25px;
    --typography-font-family-button-2: var(--typography-font-button);
    --typography-size-button-2: 12px;
    --typography-line-height-button-2: 12px;
    --typography-font-weight-button-2: var(--typography-weight-button);
    --typography-letter-spacing-button-2: 0px;
    --typography-font-family-label-1: var(--typography-font-label);
    --typography-size-label-1: 10px;
    --typography-line-height-label-1: 12px;
    --typography-font-weight-label-1: var(--typography-weight-label);
    --typography-letter-spacing-label-1: .75px;
    --typography-font-family-body-3: var(--typography-font-body);
    --typography-size-body-3: 12px;
    --typography-line-height-body-3: 16px;
    --typography-font-weight-body-3: var(--typography-weight-body);
    --typography-letter-spacing-body-3: 0px;
    --typography-font-family-body-1: var(--typography-font-body);
    --typography-size-body-1: 16px;
    --typography-line-height-body-1: 24px;
    --typography-font-weight-body-1: var(--typography-weight-body);
    --typography-letter-spacing-body-1: 0px;
    --typography-font-family-label-2: var(--typography-font-label);
    --typography-size-label-2: 8px;
    --typography-line-height-label-2: 10px;
    --typography-font-weight-label-2: var(--typography-weight-label);
    --typography-letter-spacing-label-2: .75px;
    --typography-font-heading-serif: Parkinsans, Arial, sans-serif;
    --typography-font-family-button-1: var(--typography-font-button);
    --typography-size-button-1: 14px;
    --typography-line-height-button-1: 20px;
    --typography-font-weight-button-1: var(--typography-weight-button);
    --typography-letter-spacing-button-1: 0px;
    --typography-all-weights-medium: 500;
    --typography-font-family-h0: var(--typography-font-heading-sans);
    --typography-size-h0: 64px;
    --typography-line-height-h0: 52px;
    --typography-font-weight-h0: var(--typography-weight-heading-sans);
    --typography-letter-spacing-h0: -3px;
    --typography-weight-body-bold: var(--typography-all-weights-semi-bold);
    --typography-font-heading-sans: Parkinsans, Arial, sans-serif;
    --typography-font-body: Parkinsans, Arial, sans-serif;
    --typography-font-label: Parkinsans, Arial, sans-serif;
    --typography-font-button: Parkinsans, Arial, sans-serif;
    --typography-weight-heading-serif: var(--typography-all-weights-semi-bold);
    --typography-weight-heading-sans: var(--typography-all-weights-semi-bold);
    --typography-weight-body: var(--typography-all-weights-normal);
    --typography-weight-label: var(--typography-all-weights-medium);
    --typography-weight-button: var(--typography-all-weights-semi-bold);
    --typography-all-weights-thin: 100;
    --typography-all-weights-extra-light: 200;
    --typography-all-weights-light: 300;
    --typography-all-weights-normal: 400;
    --typography-all-weights-semi-bold: 600;
    --typography-all-weights-bold: 700;
    --typography-all-weights-extra-bold: 800;
    --typography-all-weights-black: 900;
    --radius-ui-elements-input: 8px;
    --radius-general-large: 24px;
    --radius-general-small: 8px;
    --radius-general-default: 16px;
    --radius-ui-elements-button-base: 32px;
    --radius-ui-elements-button-circle: 24px;
    --radius-ui-elements-tag: 16px;
    --radius-general-full: 100vw;
    --radius-ui-elements-navbar-bottom-radius: 24px;
    --icon-icon-size-medium: 20px;
    --icon-icon-size-small: 12px;
    --icon-icon-size-extra-large: 44px;
    --icon-icon-size-large: 28px;
    --icon-icon-stroke: 1.25px;
    --icon-stroke-dashoffset-main: 200px;
    --icon-stroke-dasharray-main: 200px;
  }

  .button-wrap-style-guide {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .colors-grid-style-guide {
    grid-template-columns: 1fr 1fr;
  }

  .cta-arrow {
    height: 12px;
  }

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

  .sales-cta {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .sales-card {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .nav-dropdown {
    width: 100%;
  }

  .nav-dropdown-toggle {
    justify-content: space-between;
    align-items: center;
  }

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

  .footer-legal-column {
    grid-column-gap: var(--spacing--16);
    grid-row-gap: var(--spacing--16);
  }

  .link-program-card {
    flex-flow: column;
  }

  .image-wrap-program-card {
    width: 100%;
    height: 200px;
  }

  .overlay-stats-bottom {
    height: 70%;
  }

  .master-stats {
    grid-column-gap: 132px;
    grid-row-gap: 132px;
  }

  .tabs-menu {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    overflow: auto;
  }

  .tabs-menu.days {
    width: 100%;
  }

  .tabs.days {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .input-halves {
    grid-column-gap: var(--spacing--24);
    grid-row-gap: var(--spacing--24);
    grid-template-columns: 1fr;
  }

  .form-block {
    padding: var(--spacing--32);
  }

  .checkbox-contact {
    width: 20px;
    height: 20px;
  }

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

  .card-contact {
    min-height: 200px;
  }

  .image-wrap-school {
    height: auto;
    max-height: none;
  }

  .food-halves {
    grid-template-columns: 1fr;
  }

  .day-tile {
    grid-column-gap: var(--spacing--24);
    grid-row-gap: var(--spacing--24);
    grid-template-columns: 1fr;
  }

  .link-blog {
    min-height: 300px;
  }

  .link-blog.large {
    min-height: 400px;
  }

  .blog-grid, .documents-grid {
    grid-template-columns: 1fr;
  }

  .image-wrap-about.large {
    width: var(--max-width--2-columns);
  }

  .card-component {
    max-width: none;
  }

  .card-component.left {
    margin-right: 0;
    transform: none;
  }

  .card-component.right {
    margin-left: 0;
    transform: none;
  }

  .card-component.middle {
    margin-bottom: 0;
  }

  .master-cards {
    grid-column-gap: var(--spacing--24);
    grid-row-gap: var(--spacing--24);
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

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

#w-node-_9c9173af-3c5f-09d4-f6b3-ea9aa4ceb7fc-d0446e59, #w-node-_9c9173af-3c5f-09d4-f6b3-ea9aa4ceb81f-d0446e59, #w-node-_32268ad2-7a79-3a22-ce1e-07851e201430-126a310d, #w-node-_32268ad2-7a79-3a22-ce1e-07851e201434-126a310d, #w-node-_32268ad2-7a79-3a22-ce1e-07851e201438-126a310d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_72762aba-f3e4-f8a2-6455-06c64d6c8770-a312c63a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_643b054b-7782-1b45-dfae-d6763bbb3399-2f464f55, #w-node-_1463e4d1-9e3c-0376-22e5-941e2e92a1ba-2f464f55 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c3245ad7-2a0b-a614-092d-bbb2136e3d36-b8e9f540, #w-node-ee95d077-2644-07eb-fd7e-77e77c736f66-ffe4f0a8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 767px) {
  #w-node-_9c9173af-3c5f-09d4-f6b3-ea9aa4ceb81d-d0446e59 {
    order: -9999;
  }

  #w-node-_72762aba-f3e4-f8a2-6455-06c64d6c8770-a312c63a, #w-node-c3245ad7-2a0b-a614-092d-bbb2136e3d36-b8e9f540, #w-node-ee95d077-2644-07eb-fd7e-77e77c736f66-ffe4f0a8 {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Raveo Display';
  src: url('../fonts/Raveo-Display-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Parkinsans';
  src: url('../fonts/Parkinsans-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

/* --- BBN (Belvedere British Nursery) additions --- */
/* Nav ported to the BISSE model: sticky (in flow, was fixed) so the fixed .abar-en
   announcement banner's spacer stacks correctly beneath it. The old .bbn-ticker was
   removed from the HTML and replaced by the banner. Higher-res square logo (Logo.png)
   is sized by HEIGHT so the pill stays compact (width-based sizing would blow it up). */
.master-navigation { position: sticky; top: 0; flex-direction: row; align-items: center; padding-left: 20px; padding-right: 20px; }
/* Match the BISSE nav pill: same width (1280px), 12px radius, hairline border */
.navbar { max-width: 1280px; padding: 8px 16px; border-radius: 12px; border: 1px solid #0000001f; }
.brand-nav { max-width: none; }
/* Square stacked lockup — sized up so it reads on the wide bar (BISSE's logo is horizontal
   and fills more width; ours needs more height to feel present). Compact on mobile so it
   doesn't crowd the enlarged CTA. */
.logo-nav { width: auto; height: 72px; transform: scale(1.18); } /* scale up visually only — transform doesn't grow the layout box, so the nav pill height/width is unchanged */
@media screen and (max-width: 767px) { .logo-nav { height: 52px; } }
/* Larger nav CTA (scoped to the nav so the hero/journey CTAs are untouched) */
.master-navigation .cta-main { padding: var(--spacing--12) var(--spacing--24); }
.master-navigation .cta-main .button-text { font-size: 16px; }
@media screen and (max-width: 767px) {
  .master-navigation .cta-main { padding: var(--spacing--8) var(--spacing--16); }
  .master-navigation .cta-main .button-text { font-size: 14px; }
}
/* hero (ported from bobolobo about.html). Nav is now sticky (in flow) with the fixed
   banner's spacer beneath it, so the old fixed-nav top-padding compensation is gone.
   Background reverted to the template token (re-brand later). */
/* CSS marquee loop — the template's IX2 hero animations are page-ref-gated to the about page and can't bind here */
.marquee-images { width: max-content; animation: bbn-marquee 68s linear infinite; } /* 68s = template's IX2 drift speed (its container-width per 35s ≈ 41px/s at 1440w) over one seamless group-width period */
@keyframes bbn-marquee { to { transform: translateX(calc((-100% - var(--grid--column-gap)) / 3)); } }
@media (prefers-reduced-motion: reduce) { .marquee-images { animation: none; } }
.image-wrap-about img[src*="bbn-marquee-01"] { object-position: 50% 18%; } /* keep mother & child faces in the wide-tile crop */
.headline-hero.about { margin-bottom: var(--spacing--64); } /* gap between the CTAs and the marquee (template default 120px) */
.form-contact select.text-field { appearance: auto; -webkit-appearance: auto; }

/* --- BBN Journey (Section 2): sticky-reveal hero + template flip cards --- */
/* Bottom-aligned sticky: the hero scrolls fully into view first, then pins and the journey
   slides up over it. Desktop/tablet only — the mobile hero is tall and scrolls normally. */
@media screen and (min-width: 768px) {
  .section.hero-about-section { position: sticky; bottom: 0; z-index: 0; } /* was z-index:3 → would stay on top */
}
/* Same cream as the hero, no shadow/rounded edge → the marquee flows into the journey as one
   continuous section (no "separate card lifting" seam). */
.section.bbn-journey { border-top-left-radius: 0; border-top-right-radius: 0; }
/* Inline-image heading (ported from about.html) uses per-word default-h2 tokens; keep it at the
   original journey heading's smaller text-h4 scale. */
.bbn-journey .text-wrap-about-description h2 {
  font-family: var(--typography-font-family-h4);
  font-size: var(--typography-size-h4);
  line-height: var(--typography-line-height-h4);
  font-weight: var(--typography-font-weight-h4);
  letter-spacing: var(--typography-letter-spacing-h4);
}
/* Breathing room between the heading and the flip-card deck */
.bbn-journey .master-cards { margin-top: var(--spacing--64); }
/* Flip: the template's IX2 flip is page-ref-gated to the about page, so drive it in CSS.
   Front = the template brush-pattern SVG (untouched); back = text + a relevant photo. */
.bbn-journey .card-wrapper { transform-style: preserve-3d; transition: transform .75s ease; }
.bbn-journey .card-component:hover .card-wrapper { transform: rotateY(180deg); }
/* Back = light pastel tint (matches the front) + navy text — readable, unlike white on BBN's
   brighter mint/peach; the reveal reads through the pattern→text+photo content change. */
.bbn-journey .card-side.back-side { justify-content: flex-start; gap: var(--spacing--12); color: var(--color-base-neutral-dark-100); background-color: var(--color-base-color-blue-light-100); }
.bbn-journey .card-side.back-side.mint  { background-color: var(--color-base-color-mint-light-100); }
.bbn-journey .card-side.back-side.peach { background-color: var(--color-base-color-peach-light-100); }
.bbn-journey .card-back-img { width: 100%; flex: 1 1 auto; min-height: 0; margin-top: var(--spacing--8); border-radius: 16px; object-fit: cover; }
.bbn-journey .card-back-img[src*="bbn-marquee-01"] { object-position: 50% 18%; } /* keep the mother & child faces in the crop */
.bbn-journey-cta { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--spacing--24); margin-top: var(--spacing--48); }
/* Mobile/tablet: the template flattens the back (text + photo) over the front at <=991 but keeps
   the cards fanned until <=479 (tilted, overlapping — unreadable). Un-fan across the whole <=991
   range so every small screen gets the clean stacked card the template uses on phones. */
@media screen and (max-width: 991px) {
  .bbn-journey .master-cards { flex-flow: column; align-items: stretch; gap: var(--spacing--24); }
  .bbn-journey .card-component, .bbn-journey .card-component.left, .bbn-journey .card-component.right, .bbn-journey .card-component.middle { max-width: none; margin: 0; transform: none; }
  .bbn-journey .card-wrapper, .bbn-journey .card-component:hover .card-wrapper { transform: none; } /* no flip on touch */
  .bbn-journey .card-side.front-side { display: none; } /* only the back (text + photo) shows on mobile — hides the pattern corner peeking past the rounded edge */
}
/* tighter gap between the hero (marquee) and the journey section (was 80+80=160px) */
.section.hero-about-section { padding-bottom: var(--spacing--24); }
.section.bbn-journey { padding-top: var(--spacing--48); }

/* Button hover is the template's native Webflow IX3 timeline (t-98a741aa) — restored by loading
   the GSAP SplitText/MotionPath/DrawSVG plugins in index.html so IX3 boots. No CSS needed. */

/* --- Blur-in reveal (exact template IX2 presets a-113/a-114, reproduced in CSS) --- */
/* opacity 0→1 + blur 10px→0, 500ms LINEAR, 400ms delay (600ms for the marquee). Hidden state
   gated on .w-mod-js (added synchronously in <head>) so content stays visible if JS is off. */
.w-mod-js .reveal { opacity: 0; filter: blur(10px); }
.reveal.is-in { animation: wf-blur-in 500ms linear 400ms forwards; }
.reveal.delay-06.is-in { animation-delay: 600ms; }
@keyframes wf-blur-in { to { opacity: 1; filter: blur(0); } }
@media (prefers-reduced-motion: reduce) {
  .w-mod-js .reveal { opacity: 1; filter: none; }
  .reveal.is-in { animation: none; }
}

/* --- BBN Dream·Play·Learn (Section 3) --- */
/* Desktop: subtitle sits on the right, above the slider arrows (arrows dropped into the
   gap so there's clear space between the subtitle and the arrows). */
@media screen and (min-width: 992px) {
  .blog-carousel-section .slider-button.upper { inset: -72px 0% auto auto; }
  .blog-carousel-section .bbn-carousel-subtitle {
    max-width: 30rem;
    align-self: flex-end;
    margin-bottom: var(--spacing--24);
  }
}
/* Tablet/mobile: slides don't auto-equalize, so pin every card to one size — fixed image
   row + flexible content row, clipped so the longest copy can't push a card taller. */
@media screen and (max-width: 767px) {
  .blog-carousel-section .program-card-large {
    height: 620px;
    grid-template-columns: 1fr;
    grid-template-rows: 300px 1fr;
    overflow: hidden;
  }
  .blog-carousel-section .image-wrap-program-card-large { height: 100%; }
  /* Keep the arrows inside the heading→cards gap so they never overlap the subtitle
     (they're positioned from the slider top, a fixed margin below the subtitle). */
  .blog-carousel-section .headline-program-carousel { margin-bottom: 96px; }
  /* Left-justify the arrow pair (template centres them ~left:106/148px) */
  .blog-carousel-section .slider-button.upper { top: -72px; left: 42px; right: auto; }
  .blog-carousel-section .slider-button.upper.prev { left: 0; right: auto; }
}

/* --- BBN "A day with us" (Section 4): template philosophy layout (background reverted to template token) --- */
/* Float the child's drawing large over the photo (rotated + overflowing the top-right from the
   base rule), matching the prominence of the template's "Our philosophy" section. */
@media screen and (min-width: 992px) {
  .bbn-day .image-absolute-1 { width: 320px; }
}
@media screen and (max-width: 991px) {
  .bbn-day .image-absolute-1 { width: 250px; }
}
@media screen and (max-width: 767px) {
  .bbn-day .image-absolute-1 { width: 190px; }
}

/* --- BBN "Easy mornings" (Section 5): location, rebuilt to the Figma layout (node 296:17049),
   brand-adapted. Centered intro + a 2:1 map/sidebar row. Uses template tokens (spacing/radius/
   type) which already resolve to template colours. Icons are lucide. Background reverted to token. --- */

/* Intro: centred eyebrow pill + default-h2 heading (48px) + centred lead paragraph */
.bbn-mornings .mornings-intro { display: flex; flex-direction: column; align-items: center; gap: var(--spacing--24); text-align: center; margin-bottom: var(--spacing--48); }

/* Article: wide map card + 448px sidebar (Figma 2:1). align-items:stretch → equal heights */
.bbn-mornings .mornings-article { display: grid; grid-template-columns: 1fr 448px; gap: var(--spacing--16); align-items: stretch; }

/* Map card: live iframe fills it; light bottom scrim lifts the floating card; card is overlaid */
.bbn-mornings .mornings-map { position: relative; border-radius: var(--radius-general-default); overflow: hidden; min-height: 560px; }
.bbn-mornings .mornings-map-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; object-fit: cover; }
.bbn-mornings .mornings-map-scrim { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to top, rgba(1,27,58,0.22) 0%, rgba(1,27,58,0.05) 40%, rgba(1,27,58,0) 70%), linear-gradient(rgba(245,243,240,0.38), rgba(245,243,240,0.38)); } /* soft cream veil mutes the crayon art; navy fade still lifts the card */
.bbn-mornings .mornings-map-card { position: absolute; left: var(--spacing--16); right: var(--spacing--16); bottom: var(--spacing--16); z-index: 2; display: flex; flex-direction: column; gap: var(--spacing--16); padding: var(--spacing--24); border-radius: var(--radius-general-default); background: var(--color-tokens-background-lift); }
.bbn-mornings .mornings-address { font-size: 14px; }

/* Sidebar: three equal-height white cards, content spaced top→bottom */
.bbn-mornings .mornings-sidebar { display: flex; flex-direction: column; gap: var(--spacing--16); }
.bbn-mornings .mornings-card { flex: 1 0 0; display: flex; flex-direction: column; justify-content: space-between; gap: var(--spacing--16); padding: var(--spacing--24); border-radius: var(--radius-general-default); background: var(--color-tokens-background-lift); }

/* Lucide icon box (template token tint) */
.bbn-mornings .mornings-icon-box { align-self: flex-start; display: inline-flex; align-items: center; justify-content: center; padding: var(--spacing--16); border-radius: var(--radius-general-default); background: var(--color-tokens-background-base); color: var(--color-tokens-tone-strong); }
.bbn-mornings .mornings-icon-box svg { width: 24px; height: 24px; display: block; }

/* Responsive (no mobile Figma): stack map over the three cards, no horizontal overflow */
@media screen and (max-width: 991px) {
  .bbn-mornings .mornings-article { grid-template-columns: 1fr; }
  .bbn-mornings .mornings-map { min-height: 420px; }
}

/* --- BBN Testimonial (Section 6): template about-page single-quote testimonial (Emily R.
   placeholder until real, consented quotes land). position:relative + overflow contains the
   decorative signature SVG (.testimonial-bg, absolute inset:0 z-index:-1). --- */
.section.about-testimonial-section { position: relative; overflow: hidden; }

/* Image column is a crossfade slideshow of day-with-us photos. First slide carries
   .is-active in the HTML so it shows with JS off; main.js-adjacent inline script cycles. */
.bbn-day .image-wrap-column { position: relative; }
.bbn-day .day-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1s ease;
}
.bbn-day .day-slide.is-active { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .bbn-day .day-slide { transition: none; }
}

/* --- BBN "Good to know" FAQ (Section 7): native <details>/<summary> accordion.
   The template's Webflow IX2 injects inline `height:0` onto every `.expandable-bottom`
   on load (collapsed initial state) which fights any CSS, so this FAQ uses <details>
   with bbn-* class names the runtime doesn't target — keyboard-accessible and open-by-
   default for free, no JS. Reuses the template's design tokens so it looks identical. --- */
.bbn-faq .headline-faq { display: flex; flex-direction: column; align-items: center; gap: var(--spacing--16); text-align: center; margin-bottom: var(--spacing--48); }
.bbn-faq .bbn-faq-list { max-width: var(--max-width--6-columns); margin-left: auto; margin-right: auto; display: flex; flex-direction: column; gap: var(--spacing--16); }
.bbn-faq .bbn-faq-item { padding: var(--spacing--24); border-radius: var(--radius-general-default); background-color: var(--color-tokens-background-blue); } /* template blue cards */
.bbn-faq .bbn-faq-q { display: flex; justify-content: space-between; align-items: center; gap: 32px; cursor: pointer; list-style: none; }
.bbn-faq .bbn-faq-q::-webkit-details-marker { display: none; }
.bbn-faq .bbn-faq-q:focus-visible { outline: 2px solid var(--color-base-neutral-dark-100); outline-offset: 4px; border-radius: 4px; }
.bbn-faq .bbn-faq-icon { position: relative; flex: none; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-tokens-button-secondary-default-border); border-radius: var(--radius-general-large); background-color: var(--color-tokens-button-secondary-default-background); }
.bbn-faq .bbn-faq-bar-h { width: 8px; height: 1.5px; border-radius: 1px; background-color: var(--color-base-neutral-dark-100); }
.bbn-faq .bbn-faq-bar-v { position: absolute; width: 1.5px; height: 8px; border-radius: 1px; background-color: var(--color-base-neutral-dark-100); transition: transform .3s ease; }
.bbn-faq .bbn-faq-item[open] .bbn-faq-bar-v { transform: scaleY(0); } /* + becomes − */
.bbn-faq .bbn-faq-a { padding-top: var(--spacing--24); margin-bottom: 0; color: var(--color-tokens-tone-medium); }
@media (prefers-reduced-motion: reduce) {
  .bbn-faq .bbn-faq-bar-v { transition: none; }
}

/* --- BBN Enquiry form (Section 8): template contact-form design, wired to the
   same-domain Next route /api/enquiry (native POST -> Sanity -> thank-you.html).
   Section background reverted to the template token. --- */
.bbn-enquire .form-block { max-width: 720px; }
/* Contact-cards grid below the form (template .contact-grid has no desktop columns).
   minmax(0,1fr) keeps the two columns equal; the long email wraps instead of stretching. */
.bbn-enquire .contact-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.bbn-enquire .card-contact .link-dark { overflow-wrap: anywhere; }
/* Two-up rows without the template's per-node grid ids (stripped); stack on mobile */
.bbn-enquire .input-halves { grid-template-columns: 1fr 1fr; }
@media screen and (max-width: 767px) { .bbn-enquire .input-halves { grid-template-columns: 1fr; } }
/* Reassurance list (ported from the content mockup) */
.bbn-enquire .reassure { list-style: none; display: flex; flex-direction: column; gap: var(--spacing--12); margin: var(--spacing--8) 0 0; padding: 0; }
.bbn-enquire .reassure li { display: flex; align-items: center; gap: var(--spacing--12); }
.bbn-enquire .reassure-tick { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: var(--radius-general-small); background: var(--color-base-color-mint-light-100); color: var(--color-tokens-tone-strong); }
.bbn-enquire .reassure-tick svg { width: 16px; height: 16px; }
.bbn-enquire .bbn-enquire-note { margin: 0; }
/* Honeypot: off-screen (not display:none, so bots that skip hidden fields still fill it) */
.bbn-enquire .hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
/* intl-tel-input (phone field) — scoped, from the BISSE snippet */
.bbn-enquire .iti { width: 100%; display: block; }
.iti__dropdown-content { z-index: 9999; }

/* Carousel (Section 4) and Dream·Play·Learn (Section 3) colours reverted to the template:
   both revert to their native dark-navy treatment (blog-carousel dark-token block + the
   navy .overlay-stats-bottom gradient over the video) with white text. Re-brand later. */

/* --- BBN CTA + footer (Section 9) --- */
/* Enquire section matches "A day with us" cream (philosophy-section token) */
.section.bbn-enquire { background-color: var(--color-tokens-background-yellow); }
/* Square 512px transparent logo, sized down from .brand-footer's 215px default */
.master-footer .brand-footer { width: 180px; }
/* Full-height dark navy scrim (template's is a 60% bottom fade) so the headline +
   subtitle stay readable over the bright video; darker at the bottom where the text sits */
.footer .overlay-cta { height: 100%; background-image: linear-gradient(0deg, rgba(1, 27, 58, 0.62), rgba(1, 27, 58, 0.28)); }
/* The template stacks the overlay above the in-flow content (fine for its faint fade);
   the full-height scrim must sit under the text, so lift the content above it */
.footer .content-cta { position: relative; z-index: 2; }
.content-cta .bbn-cta-sub { max-width: 36rem; }

/* ===== BBN Next.js rebuild fixes (2026-07-16) =====================================
   The rebuilt /bbn route drops Webflow's main.js, so two interactions it used to
   drive are re-created as CSS. These also apply to the static fallback, harmlessly
   (its buttons have no bound IX2, so there is nothing to double up). */

/* Button hover: fill the background and slide the label up to reveal its hover-colour
   shadow copy (.button-text carries `text-shadow: 0 1.5em 0 <hover>`), plus travel the
   arrow. Driven off .cta-main:hover so the whole button reacts, not just bare padding. */
.cta-main .button-text { transition: transform .35s cubic-bezier(.22, 1, .36, 1); }
.cta-main:hover .button-text { transform: translateY(-1.5em); }
.cta-main .button-bg { transition: background-color .3s, border-color .3s; }
.cta-main:hover .button-bg {
  border-color: var(--color-tokens-button-primary-hover-border);
  background-color: var(--color-tokens-button-primary-hover-background);
}
.cta-main:where(.w-variant-1ff8d96e-78cc-eac8-de90-206ecdaded5f):hover .button-bg,
.cta-main.secondary:hover .button-bg {
  border-color: var(--color-tokens-button-secondary-hover-border);
  background-color: var(--color-tokens-button-secondary-hover-background);
}
.cta-main .icon-button { transition: transform .35s cubic-bezier(.22, 1, .36, 1); }
.cta-main:hover .icon-button { transform: translateX(100%); }

/* "A day with us": the crayon-drawing decorations must float on top of the photo
   slideshow. The slides carry .image-cover (z-index:1), so make the photo box its own
   stacking context (traps that z-index inside) and lift the decorations above it. */
.bbn-day .image-wrap-column { z-index: 0; }
.bbn-day .image-absolute-1,
.bbn-day .image-absolute-2,
.bbn-day .image-absolute-3 { z-index: 1; }

/* ===== BBN design polish (2026-07-16) ============================================= */

/* Hero/section label pill: the template shrinks label-2 to 8px on phones, which reads
   as tiny for the long hero string. Bump it back up so it stays legible. */
@media (max-width: 767px) {
  .label-small { font-size: 11px; line-height: 14px; letter-spacing: .4px; }
}

/* Testimonial avatar is now a letter circle (Google-review style, no photo). Reuses the
   existing 48x48 .image-wrap-testimonial circle. */
.testimonial-initial {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #08253f;
  color: #ffffff;
  font-family: Parkinsans, sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
}

/* Testimonial quote size: 40px on desktop (per request), scaled down on phones so
   a longer real review stays readable. Keeps the journey statement's h4 family/
   weight so it still feels consistent. */
.bbn-testimonial .master-testimonial h2 {
  font-family: var(--typography-font-family-h4);
  font-size: 40px;
  line-height: 1.2;
  font-weight: var(--typography-font-weight-h4);
  letter-spacing: var(--typography-letter-spacing-h4);
}
@media (max-width: 767px) {
  .bbn-testimonial .master-testimonial h2 { font-size: 28px; line-height: 1.25; }
}

/* "A day with us" crayon drawing (#1): pull it up-and-out to the top-right corner so it
   peeks past the edge instead of covering the child's face in the slideshow. */
.bbn-day .image-absolute-1 { inset: -18% -24% auto auto; }
@media (max-width: 767px) {
  .bbn-day .image-absolute-1 { top: -12%; right: -8%; }
}

/* --- BBN thank-you gallery (template gallery.html) --- */
/* Hover zoom = template IX2 a-107/a-108 (Gallery / Hover): .image-cover scales 1 -> 1.1,
   500ms outSine, back on mouse-out. The wrapper's overflow:hidden clips the zoom. */
.image-wrap-gallery .image-cover {
  transition: transform 500ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.image-wrap-gallery:hover .image-cover {
  transform: scale3d(1.1, 1.1, 1.01);
}
@media (prefers-reduced-motion: reduce) {
  .image-wrap-gallery .image-cover { transition: none; }
  .image-wrap-gallery:hover .image-cover { transform: none; }
}
.headline-gallery .label-small a { color: inherit; }