@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: Libre Caslon Condensed;
  src: url("../fonts/LibreCaslonCondensed-BoldItalic-BF64eff85c439e8.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Libre Caslon Condensed;
  src: url("../fonts/LibreCaslonCondensed-Regular-BF64eff85c37e2f.ttf") format("truetype"),
    url("../fonts/LibreCaslonCondensedwght-BF64eff85bcc57d.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Libre Caslon Condensed;
  src: url("../fonts/LibreCaslonCondensed-Italic-BF64eff85c44a2e.ttf") format("truetype"),
    url("../fonts/LibreCaslonCondensed-Italicwght-BF64eff85c449b8.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Libre Caslon Condensed;
  src: url("../fonts/LibreCaslonCondensed-Bold-BF64eff85c12965.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Libre Caslon Condensed;
  src: url("../fonts/LibreCaslonCondensed-Medium-BF64eff85c2878d.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Libre Caslon Condensed;
  src: url("../fonts/LibreCaslonCondensed-SemiBold-BF64eff85c2c6ca.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Libre Caslon Condensed;
  src: url("../fonts/LibreCaslonCondensed-MediumItalic-BF64eff85c562fc.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Libre Caslon Condensed;
  src: url("../fonts/LibreCaslonCondensed-SemiBoldItalic-BF64eff85c564cc.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Instrument Sans Variable;
  src: url("../images/") format("truetype");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Instrument Sans Variable;
  src: url("../images/") format("truetype");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --_🎨-color---background--🎨-moon-dust: #d7cbbf;
  --_🔠-typography---font-family: var(--_🔠-typography---font--body);
  --_🎨-color---neutral--dark-100: #594a3c;
  --_🔠-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-serif);
  --_🔠-typography---size--h1: 64px;
  --_🔠-typography---line-height--h1: 80px;
  --_🔠-typography---font-weight--h1: var(--_🔠-typography---weight--heading-serif);
  --_🔠-typography---letter-spacing--h1: 1px;
  --_🔠-typography---font-family--h2: var(--_🔠-typography---font--heading-serif);
  --_🔠-typography---size--h2: 48px;
  --_🔠-typography---line-height--h2: 48px;
  --_🔠-typography---font-weight--h2: var(--_🔠-typography---weight--heading-serif);
  --_🔠-typography---letter-spacing--h2: -1px;
  --_🔠-typography---font-family--h3: var(--_🔠-typography---font--heading-serif);
  --_🔠-typography---size--h3: 40px;
  --_🔠-typography---line-height--h3: 48px;
  --_🔠-typography---font-weight--h3: var(--_🔠-typography---weight--heading-serif);
  --_🔠-typography---letter-spacing--h3: -1px;
  --_🔠-typography---font-family--h4: var(--_🔠-typography---font--heading-serif);
  --_🔠-typography---size--h4: 32px;
  --_🔠-typography---line-height--h4: 40px;
  --_🔠-typography---font-weight--h4: var(--_🔠-typography---weight--heading-serif);
  --_🔠-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: -1px;
  --_🔠-typography---font-family--h6: var(--_🔠-typography---font--heading-sans);
  --_🔠-typography---size--h6: 24px;
  --_🔠-typography---line-height--h6: 28px;
  --_🔠-typography---font-weight--h6: var(--_🔠-typography---weight--heading-sans);
  --_🔠-typography---letter-spacing--h6: -0.5px;
  --_🎨-color---neutral--dark-64: color-mix(in srgb, var(--_🎨-color---neutral--dark-100) 64%, transparent);
  --spacing--16: 16px;
  --_🔠-typography---font-family--label-2: var(--_🔠-typography---font--ui);
  --_🔠-typography---size--label-2: 10px;
  --_🔠-typography---line-height--label-2: 12px;
  --_🔠-typography---font-weight--label-2: var(--_🔠-typography---weight--label);
  --_🔠-typography---letter-spacing--label-2: 1px;
  --spacing--32: 32px;
  --spacing--0: 0px;
  --spacing--12: 12px;
  --_🎨-color---neutral--dark-0: color-mix(in srgb, var(--_🎨-color---neutral--dark-100) 0%, transparent);
  --_🔘-radius---radius--button: 24px;
  --_🎨-color---background--🥛-lotus-milk: #f3eee9;
  --_🎨-color---neutral--dark-48: color-mix(in srgb, var(--_🎨-color---neutral--dark-100) 48%, transparent);
  --_🎨-color---neutral--light-8: color-mix(in srgb, var(--_🎨-color---neutral--light-100) 8%, transparent);
  --_🎨-color---neutral--light-100: #f3eee9;
  --_🎨-color---neutral--light-64: color-mix(in srgb, var(--_🎨-color---neutral--light-100) 64%, transparent);
  --_🎨-color---background--🪨-warm-sand: #e9e1d9;
  --spacing--8: 8px;
  --_🔠-typography---font-family--label-1: var(--_🔠-typography---font--ui);
  --_🔠-typography---size--label-1: 12px;
  --_🔠-typography---line-height--label-1: 16px;
  --_🔠-typography---font-weight--label-1: var(--_🔠-typography---weight--label);
  --_🔠-typography---letter-spacing--label-1: 1px;
  --_🎨-color---neutral--dark-32: color-mix(in srgb, var(--_🎨-color---neutral--dark-100) 32%, transparent);
  --spacing--24: 24px;
  --container--main: 1800px;
  --grid--page-padding: 32px;
  --spacing--64: 64px;
  --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--small: 80px;
  --section-padding--large: 160px;
  --spacing--4: 4px;
  --section-padding--medium: 120px;
  --section-padding--extra-large: 200px;
  --_🔠-typography---font--heading-sans: "Instrument Sans Variable", Arial, sans-serif;
  --_🎨-color---ui--error: #c9372d;
  --_🎨-color---accent--☀️-solar-core: #e5c365;
  --_🔘-radius---radius--large: 16px;
  --_🎨-color---background--🌰-cacao-root: #594a3c;
  --_❇️-icon---icon-size--large: 24px;
  --_🎨-color---ui--transparent: #0000;
  --_🔠-typography---font-family--button-2: var(--_🔠-typography---font--ui);
  --_🔠-typography---size--button-2: 11px;
  --_🔠-typography---line-height--button-2: 16px;
  --_🔠-typography---font-weight--button-2: var(--_🔠-typography---weight--button);
  --_🔠-typography---letter-spacing--button-2: 1px;
  --_🎨-color---neutral--light-0: color-mix(in srgb, var(--_🎨-color---neutral--light-100) 0%, transparent);
  --_🎨-color---neutral--light-48: color-mix(in srgb, var(--_🎨-color---neutral--light-100) 48%, transparent);
  --_🔠-typography---weight--body-bold: var(--all-weights--medium);
  --_🔠-typography---font--heading-serif: "Libre Caslon Condensed", Arial, sans-serif;
  --max-width--6-columns: 680px;
  --spacing--20: 20px;
  --_🔠-typography---font-family--button-1: var(--_🔠-typography---font--ui);
  --_🔠-typography---size--button-1: 12px;
  --_🔠-typography---line-height--button-1: 24px;
  --_🔠-typography---font-weight--button-1: var(--_🔠-typography---weight--button);
  --_🔠-typography---letter-spacing--button-1: 1px;
  --_❇️-icon---icon-size--medium: 16px;
  --_❇️-icon---icon-size--small: 12px;
  --_🔘-radius---radius--full: 100vw;
  --_🎨-color---neutral--dark-16: color-mix(in srgb, var(--_🎨-color---neutral--dark-100) 16%, transparent);
  --_🎨-color---accent--🌑-solar-shadow: #8a9570;
  --all-weights--medium: 500;
  --_🔠-typography---font-family--h0: var(--_🔠-typography---font--heading-serif);
  --_🔠-typography---size--h0: 96px;
  --_🔠-typography---line-height--h0: 80px;
  --_🔠-typography---font-weight--h0: var(--_🔠-typography---weight--heading-serif);
  --_🔠-typography---letter-spacing--h0: -3px;
  --_🎨-color---ui--radius-navbar: 20px;
  --_🎨-color---neutral--light-32: color-mix(in srgb, var(--_🎨-color---neutral--light-100) 32%, transparent);
  --_🔘-radius---radius--small: 8px;
  --_🎨-color---neutral--light-88: color-mix(in srgb, var(--_🎨-color---neutral--light-100) 88%, transparent);
  --_🎨-color---neutral--light-16: color-mix(in srgb, var(--_🎨-color---neutral--light-100) 16%, transparent);
  --grid--column-gap: 16px;
  --_🎨-color---accent--🌞-solar-ember: #7b6a58;
  --grid--content-gap: 120px;
  --_🎨-color---neutral--dark-8: color-mix(in srgb, var(--_🎨-color---neutral--dark-100) 8%, transparent);
  --spacing--80: 80px;
  --max-width--8-columns: 912px;
  --_🔠-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---neutral--dark-88: color-mix(in srgb, var(--_🎨-color---neutral--dark-100) 88%, transparent);
  --spacing--120: 120px;
  --_🎨-color---accent--🧘🏻-beginner-level: #f1f8e8;
  --_🎨-color---accent--🧘🏻-intermediate-level: #ede9f6;
  --_🎨-color---accent--🧘🏻-advanced-level: #fff2d9;
  --_🎨-color---background--🌸-white-flower: #faf8f5;
  --_🔠-typography---font--body: "Instrument Sans Variable", Arial, sans-serif;
  --_🔠-typography---font--ui: "Instrument Sans Variable", Arial, sans-serif;
  --_🔠-typography---weight--heading-serif: var(--all-weights--light);
  --_🔠-typography---weight--heading-sans: var(--all-weights--light);
  --_🔠-typography---weight--body: var(--all-weights--normal);
  --_🔠-typography---weight--label: var(--all-weights--semi-bold);
  --_🔠-typography---weight--button: var(--all-weights--semi-bold);
  --_🔘-radius---radius--medium: 0px;
  --max-width--10-columns: 1144px;
  --_🔘-radius---navbar--animated: 24px;
  --container--small: 912px;
  --_🔘-radius---navbar--animated-mobile: 20px;
  --all-weights--thin: 100;
  --all-weights--extra-light: 200;
  --all-weights--light: 300;
  --all-weights--normal: 400;
  --all-weights--semi-bold: 600;
  --_🎨-color---neutral--dark-4: color-mix(in srgb, var(--_🎨-color---neutral--dark-100) 4%, transparent);
  --all-weights--bold: 700;
  --all-weights--extra-bold: 800;
  --all-weights--black: 900;
  --_🎨-color---neutral--light-4: color-mix(in srgb, var(--_🎨-color---neutral--light-100) 4%, transparent);
  --_❇️-icon---icon-stroke: 1px;
}

.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-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.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("https://d3e54v103j8qbb.cloudfront.net/static/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;
}

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commercebuynowbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  margin-top: 10px;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--_🎨-color---neutral--dark-100);
  ;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon,
.w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 10px;
  margin-top: 25px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus,
.w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus,
.w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus,
.w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem,
.w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem,
.w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: 0.33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}

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

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

  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {

  .w-commerce-commerceaddtocartquantityinput,
  .w-commerce-commercecheckoutemailinput,
  .w-commerce-commercecheckoutshippingfullname,
  .w-commerce-commercecheckoutshippingstreetaddress,
  .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity,
  .w-commerce-commercecheckoutshippingstateprovince,
  .w-commerce-commercecheckoutshippingzippostalcode,
  .w-commerce-commercecheckoutshippingcountryselector,
  .w-commerce-commercecheckoutcardnumber,
  .w-commerce-commercecheckoutcardexpirationdate,
  .w-commerce-commercecheckoutcardsecuritycode,
  .w-commerce-commercecheckoutbillingfullname,
  .w-commerce-commercecheckoutbillingstreetaddress,
  .w-commerce-commercecheckoutbillingstreetaddressoptional,
  .w-commerce-commercecheckoutbillingcity,
  .w-commerce-commercecheckoutbillingstateprovince,
  .w-commerce-commercecheckoutbillingzippostalcode,
  .w-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }
}

body {
  background-color: var(--_🎨-color---background--🎨-moon-dust);
  font-family: var(--_🔠-typography---font-family);
  color: var(--_🎨-color---neutral--dark-100);
  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);
}

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);
  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 {
  color: var(--_🎨-color---neutral--dark-100);
  text-decoration: none;
}

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

blockquote {
  border-left: 3px solid var(--_🎨-color---neutral--dark-64);
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figcaption {
  margin-top: var(--spacing--16);
  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);
  text-align: center;
  letter-spacing: var(--_🔠-typography---letter-spacing--label-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---neutral--dark-0);
  border-radius: var(--_🔘-radius---radius--button);
  background-color: var(--_🎨-color---background--🥛-lotus-milk);
  font-family: var(--_🔠-typography---font-family);
  color: var(--_🎨-color---neutral--dark-100);
  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,
.text-field.-wfp-focus {
  border-color: var(--_🎨-color---neutral--dark-48);
  color: #1f1915;
}

.text-field::placeholder {
  color: var(--_🎨-color---neutral--dark-48);
}

.text-field.newsletter {
  border-radius: var(--_🔘-radius---radius--button);
  background-color: var(--_🎨-color---neutral--light-8);
  color: var(--_🎨-color---neutral--light-100);
}

.text-field.newsletter::placeholder {
  color: var(--_🎨-color---neutral--light-64);
}

.text-field.password {
  background-color: var(--_🎨-color---background--🪨-warm-sand);
}

.text-field.textarea {
  height: 250px;
}

.text-field.checkout {
  margin-bottom: var(--spacing--8);
  min-height: 40px;
}

.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-bottom: 1px solid var(--_🎨-color---neutral--dark-32);
  width: 100%;
  margin-right: auto;
}

.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:
    ". Area"
    / 1fr 2fr;
  place-items: start stretch;
}

.main-container {
  z-index: 2;
  max-width: var(--container--main);
  padding-right: var(--grid--page-padding);
  /* padding-bottom: 40px; */
  padding-left: var(--grid--page-padding);
  /* text-align: center; */
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.main-container.footer-container {
  display: block;
}

.main-container.static {
  position: static;
}

.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-body {
  font-family: var(--_🔠-typography---font-family);
  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);
  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);
}

.section.hero-home {
  padding: var(--spacing--8);
  /* min-height: 100vh; */
  display: flex;
}

.section.about-home-section {
  padding-top: var(--section-padding--large);
  padding-bottom: var(--section-padding--large);
  background-color: var(--_🎨-color---background--🎨-moon-dust);
}

.section.home-studio-section {
  perspective-origin: 0 0;
  transform-origin: 0 0;
  padding-bottom: 12%;
  overflow: clip;
}

.section.home-events-section {
  padding-top: var(--section-padding--large);
  padding-bottom: var(--section-padding--large);
  color: var(--_🎨-color---neutral--light-100);
}

.section.home-column-section {
  padding-top: var(--section-padding--medium);
  padding-bottom: var(--section-padding--large);
}

.section.home-blog-section {
  padding-bottom: var(--section-padding--small);
}

.section.hero-contact-section {
  padding-top: var(--section-padding--extra-large);
  color: var(--_🎨-color---neutral--light-100);
  min-height: 100vh;
  display: flex;
}

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

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

.section.more-articles-section {
  padding-bottom: var(--section-padding--extra-large);
}

.section.hero-about-section {
  padding: var(--spacing--8);
  width: 100%;
  min-height: 100vh;
  display: flex;
}

.section.about-founder-section {
  padding-top: var(--section-padding--medium);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.section.about-photos-section {
  padding-top: var(--section-padding--large);
}

.section.about-founder-video-section {
  padding-top: var(--spacing--0);
  padding-bottom: var(--spacing--0);
  color: var(--_🎨-color---neutral--light-100);
}

.section.team-section {
  padding-top: var(--section-padding--large);
  /* padding-bottom: var(--section-padding--large); */
}

.section.team-section.moms {
  padding-top: 0;
  margin-bottom: 0;
  padding-left: 5%;
  padding-right: 5%;
}

.section.hero-first-time-section {
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.section.map-section {
  padding-top: var(--section-padding--medium);
  padding-bottom: var(--section-padding--medium);
}

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

.section.testimonal-slider-section {
  padding-top: var(--section-padding--large);
  padding-bottom: var(--section-padding--large);
  overflow: clip;
}

.section.hero-events-section,
.section.hero-store-section {
  padding-top: var(--section-padding--medium);
  padding-bottom: 0;
  overflow-x: hidden;
}

.section.hero-event-section {
  padding-top: var(--section-padding--extra-large);
  color: var(--_🎨-color---neutral--light-100);
  padding-bottom: 350px;
}

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

.section.hero-timetable-section {
  padding-top: var(--spacing--0);
  padding-bottom: var(--spacing--0);
}

.section.timetable-section {
  padding-bottom: var(--section-padding--extra-large);
  color: var(--_🎨-color---neutral--light-100);
}

.section.classes-timetable-section {
  padding-top: var(--spacing--64);
  padding-bottom: var(--spacing--64);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
}

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

.section.hero-class-section {
  padding-top: var(--section-padding--extra-large);
  padding-bottom: var(--spacing--48);
  background-color: var(--_🎨-color---background--🎨-moon-dust);
}

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

.section.more-product-section {
  padding-bottom: var(--section-padding--large);
}

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

.section.home-collaboration.cta {
  background-color: var(--_🎨-color---neutral--dark-100);
}

.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-h4.text-sans {
  font-family: var(--_🔠-typography---font--heading-sans);
}

.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-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 {
  direction: ltr;
  color: var(--_🎨-color---neutral--dark-100);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
}

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

.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);
  text-align: center;
  letter-spacing: var(--_🔠-typography---letter-spacing--h1);
}

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

.color {
  border: 1px solid #1f191529;
  border-radius: 8px;
  flex-direction: column;
  width: 102px;
  height: 102px;
}

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

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

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

.color.color-four {
  background-color: var(--_🎨-color---accent--☀️-solar-core);
}

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

.label-small.relative {
  z-index: 1;
  position: relative;
}

.error-message {
  border-radius: var(--_🔘-radius---radius--large);
  background-color: var(--_🎨-color---ui--error);
  color: var(--_🎨-color---neutral--light-100);
  text-align: center;
}

.footer {
  z-index: 1;
  background-color: var(--_🎨-color---background--🌰-cacao-root);
  color: var(--_🎨-color---neutral--light-100);
  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--large);
  height: var(--_❇️-icon---icon-size--large);
  color: var(--_🎨-color---neutral--dark-100);
  justify-content: center;
  align-items: center;
  display: flex;
}

.submit-button {
  padding: var(--spacing--0);
  background-color: var(--_🎨-color---ui--transparent);
  font-family: var(--_🔠-typography---font-family--button-2);
  color: var(--_🎨-color---neutral--light-64);
  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);
  text-transform: uppercase;
  height: 100%;
  transition: color 0.35s;
}

.submit-button:hover {
  color: var(--_🎨-color---neutral--light-100);
}

.submit-button.transparent-button {
  color: var(--_🎨-color---neutral--light-0);
  position: absolute;
  inset: 0%;
}

.wrap-input-form {
  width: 100%;
  position: relative;
}

.success-message {
  border: 1px solid var(--_🎨-color---neutral--dark-0);
  border-radius: var(--_🔘-radius---radius--large);
  background-color: var(--_🎨-color---neutral--light-48);
  color: var(--_🎨-color---neutral--dark-100);
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.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 {
  background-color: var(--_🎨-color---background--🌰-cacao-root);
  color: var(--_🎨-color---neutral--light-100);
  position: relative;
  overflow: hidden;
}

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

.utility-page-content._404 {
  z-index: 3;
  padding-right: var(--grid--page-padding);
  padding-left: var(--grid--page-padding);
  justify-content: center;
  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);
}

.text-dark {
  color: var(--_🎨-color---neutral--dark-100);
}

.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;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-404 {
  max-width: 550px;
}

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

.utility-page-form.pw {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 448px;
}

.hidden {
  display: none;
}

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

.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---radius--button);
  font-family: var(--_🔠-typography---font-family--button-1);
  color: var(--_🎨-color---neutral--dark-100);
  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);
  text-transform: uppercase;
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  transition: all 0.65s;
  display: flex;
  position: relative;
}

.cta-main:where(.w-variant-9e6ce255-14e8-9396-2129-9035329e56fc),
.cta-main:where(.w-variant-4c1f1bb5-a0cb-0b38-8ee4-83d5c3130cf1) {
  color: var(--_🎨-color---neutral--light-100);
}

.cta-main:hover {
  grid-column-gap: var(--spacing--12);
  grid-row-gap: var(--spacing--12);
  color: var(--_🎨-color---neutral--light-100);
}

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

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

.button-text {
  z-index: 1;
  text-shadow: 0 1.5em 0 var(--_🎨-color---neutral--light-100);
  position: relative;
}

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

.button-icon-wrap.small {
  width: var(--_❇️-icon---icon-size--small);
  height: var(--_❇️-icon---icon-size--small);
}

.icon-button {
  z-index: 2;
  width: var(--_❇️-icon---icon-size--medium);
  height: var(--_❇️-icon---icon-size--medium);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.icon-button.small {
  width: var(--_❇️-icon---icon-size--small);
  height: var(--_❇️-icon---icon-size--small);
}

.button-bg {
  border: 1px solid var(--_🎨-color---neutral--light-0);
  border-radius: var(--_🔘-radius---radius--full);
  background-color: var(--_🎨-color---accent--☀️-solar-core);
  transition: border-color 0.65s, background-color 0.65s;
  position: absolute;
  inset: 0%;
}

.button-bg:where(.w-variant-9e6ce255-14e8-9396-2129-9035329e56fc) {
  background-color: var(--_🎨-color---neutral--dark-100);
}

.button-bg:where(.w-variant-f2c00321-d4de-15e0-6fcb-27e4f576619e) {
  border-color: var(--_🎨-color---neutral--dark-16);
  background-color: var(--_🎨-color---neutral--light-100);
}

.button-bg:where(.w-variant-8166fcb5-bf14-0c6f-1483-8d9fc4e22f62) {
  background-color: var(--_🎨-color---background--🪨-warm-sand);
}

.button-bg:where(.w-variant-4c1f1bb5-a0cb-0b38-8ee4-83d5c3130cf1) {
  border-color: var(--_🎨-color---neutral--light-8);
  background-color: var(--_🎨-color---neutral--dark-32);
}

.button-bg:where(.w-variant-b9ec3def-03df-4ad4-1c60-38566c98b4d6) {
  background-color: var(--_🎨-color---neutral--dark-100);
}

.button-bg:where(.w-variant-dba8c3c2-0374-0ddc-0deb-fe2e6c9f2a80) {
  border-color: var(--_🎨-color---neutral--dark-16);
  background-color: var(--_🎨-color---neutral--light-100);
}

.button-bg:where(.w-variant-93ae395a-d3b3-ae5e-c533-14da2eeefc9a) {
  background-color: var(--_🎨-color---background--🪨-warm-sand);
}

.button-bg:where(.w-variant-9d12b442-d140-2b5b-eb8e-64aa6a57f5a5) {
  border-color: var(--_🎨-color---neutral--light-8);
  background-color: var(--_🎨-color---neutral--dark-32);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.button-bg:where(.w-variant-e874cae0-38d4-6a5a-958b-f11120835f38) {
  border-color: var(--_🎨-color---neutral--light-100);
  background-color: var(--_🎨-color---neutral--light-0);
}

.button-bg:hover {
  border-color: var(--_🎨-color---accent--🌑-solar-shadow);
  background-color: var(--_🎨-color---accent--🌑-solar-shadow);
}

.button-bg.light {
  border-color: var(--_🎨-color---neutral--dark-16);
  background-color: var(--_🎨-color---neutral--light-100);
}

.button-bg.light:hover {
  background-color: var(--_🎨-color---accent--🌑-solar-shadow);
}

.button-bg.button-price {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  color: transparent;
}

.image-cover {
  z-index: 1;
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  object-fit: cover;
  width: 100%;
  height: 100%;
  padding: 0;
}

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

.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---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(--all-weights--medium);
}

.cta-small {
  padding: var(--spacing--8) var(--spacing--16);
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  border-radius: var(--_🔘-radius---radius--button);
  font-family: var(--_🔠-typography---font-family--button-2);
  color: var(--_🎨-color---neutral--dark-100);
  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);
  text-transform: uppercase;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  transition: all 0.65s;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  position: relative;
  margin: 0 10px;
}

.cta-small:where(.w-variant-b9ec3def-03df-4ad4-1c60-38566c98b4d6),
.cta-small:where(.w-variant-9d12b442-d140-2b5b-eb8e-64aa6a57f5a5),
.cta-small:where(.w-variant-e874cae0-38d4-6a5a-958b-f11120835f38) {
  color: var(--_🎨-color---neutral--light-100);
}

.cta-small:hover {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  color: var(--_🎨-color---neutral--light-100);
}

.cta-small.add-to-cart {
  background-color: var(--_🎨-color---neutral--light-100);
  width: 100%;
}

.cta-small.add-to-cart:hover {
  background-color: var(--_🎨-color---accent--🌑-solar-shadow);
}

.cta-small.checkout {
  background-color: var(--_🎨-color---accent--☀️-solar-core);
}

.cta-small.checkout:hover {
  background-color: var(--_🎨-color---accent--🌑-solar-shadow);
}

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

.nav-container {
  z-index: 2;
  max-width: var(--container--main);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.logo-brand {
  width: 50%;
  display: block;
}

.brand-nav {
  width: 80px;
}

.navbar {
  padding: var(--spacing--12) var(--spacing--12) var(--spacing--12) var(--spacing--24);
  border-radius: var(--_🔘-radius---radius--button);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  color: var(--_🎨-color---neutral--dark-100);
  display: flex;
  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-button {
  padding: var(--spacing--8) var(--spacing--16);
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  font-family: var(--_🔠-typography---font-family--button-2);
  color: var(--_🎨-color---neutral--dark-100);
  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);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  transition: color 0.65s;
  display: flex;
  position: relative;
}

.nav-button:hover {
  color: var(--_🎨-color---neutral--light-100);
}

.nav-button.side-button {
  background-color: #8a9570;
  border-radius: 20px;
  color: var(--_🎨-color---neutral--light-100);
  transition: background-color 0.65s, color 0.65s;
}

.nav-button.side-button .button-text {
  text-shadow: 0 1.5em 0 var(--_🎨-color---neutral--dark-100);
}

.nav-button.side-button:hover {
  background-color: transparent;
  color: var(--_🎨-color---neutral--dark-100);
}

.nav-button.side-button:hover .button-text {
  text-shadow: 0 1.5em 0 var(--_🎨-color---neutral--dark-100);
}

.nav-button-bg {
  border: 1px solid var(--_🎨-color---neutral--light-0);
  border-radius: var(--_🔘-radius---radius--button);
  width: 100%;
  height: 100%;
  transition: background-color 0.65s, border-color 0.65s;
  position: absolute;
  inset: 0%;
}

.nav-button-bg:hover {
  background-color: var(--_🎨-color---accent--🌑-solar-shadow);
}

.nav-button-bg.side-button-bg,
.nav-button-bg.side-button-bg:hover {
  border-color: var(--_🎨-color---accent--🌑-solar-shadow);
}

.nav-button.event-button {
  background-color: var(--_🎨-color---accent--☀️-solar-core);
  border-radius: 20px;
  transition: background-color 0.65s;
}

.nav-button.event-button:hover {
  background-color: var(--_🎨-color---accent--🌑-solar-shadow);
}

.nav-button-bg.event-button-bg,
.nav-button-bg.event-button-bg:hover {
  border-color: var(--_🎨-color---accent--☀️-solar-core);
  background-color: transparent;
}

.nav-button.event-button:hover .nav-button-bg.event-button-bg {
  border-color: var(--_🎨-color---accent--🌑-solar-shadow);
}


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

.image-wrap-footer {
  border-radius: var(--_🔘-radius---radius--small);
  width: 109px;
  height: 109px;
  position: absolute;
  overflow: hidden;
}

.image-wrap-footer._4 {
  width: 161px;
  height: 126px;
  top: 10%;
  right: 25%;
}

.image-wrap-footer._3 {
  width: 75px;
  height: 75px;
  bottom: 30%;
  left: 10%;
}

.image-wrap-footer._1 {
  top: 12%;
  left: 0%;
}

.image-wrap-footer._5 {
  width: 82px;
  top: 35%;
  right: 2%;
}

.image-wrap-footer._2 {
  width: 203px;
  height: 228px;
  top: 27.5%;
  left: 22.5%;
}

.image-wrap-footer._6 {
  width: 140px;
  height: 183px;
  bottom: 10%;
  right: 15%;
}

.master-images-footer {
  position: absolute;
  inset: 0%;
}

.footer-images-wrap {
  padding-top: 400px;
  padding-bottom: 360px;
  position: relative;
}

.footer-cta {
  z-index: 2;
  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;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

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

.icon-button-left {
  z-index: 1;
  width: var(--_❇️-icon---icon-size--small);
  height: var(--_❇️-icon---icon-size--small);
  flex: none;
  position: relative;
}

.video-footer {
  z-index: 0;
  opacity: 0.2;
  pointer-events: none;
  mix-blend-mode: color-burn;
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0%;
}

.text-moon-dust {
  color: var(--_🎨-color---background--🎨-moon-dust);
}

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

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

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

.footer-bottom-wrap {
  z-index: 1;
  padding-bottom: var(--spacing--32);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  flex-flow: column;
  display: flex;
  position: relative;
}

.social-link {
  border-radius: var(--_🔘-radius---radius--full);
  color: var(--_🎨-color---neutral--light-48);
  width: 20px;
  height: 20px;
  transition: opacity 0.2s;
}

.social-link:hover {
  color: var(--_🎨-color---neutral--light-88);
  object-fit: fill;
}

.footer-social-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-legal-tile {
  padding-top: var(--spacing--32);
  padding-bottom: var(--spacing--32);
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  border-top: 1px solid var(--_🎨-color---neutral--light-16);
  border-bottom: 1px solid var(--_🎨-color---neutral--light-16);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-link-underline {
  color: var(--_🎨-color---neutral--light-64);
  text-decoration: underline;
}

.footer-legal-link {
  font-family: var(--_🔠-typography---font-family--body-3);
  color: var(--_🎨-color---neutral--light-64);
  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 0.3s;
}

.footer-legal-link:hover {
  color: var(--_🎨-color---neutral--light-100);
}

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

.text-light-64 {
  color: var(--_🎨-color---neutral--light-64);
}

.footer-halves {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  border-top: 1px solid var(--_🎨-color---neutral--light-16);
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
}

.form-block-footer {
  padding: var(--spacing--64) var(--spacing--16);
  margin-bottom: 0;
}

.form-footer {
  grid-column-gap: var(--spacing--20);
  grid-row-gap: var(--spacing--20);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.input-wrap {
  width: 100%;
  position: relative;
}

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

.divider-footer-halves {
  background-color: var(--_🎨-color---neutral--light-16);
  width: 1px;
  height: 100%;
}

.footer-right {
  padding: var(--spacing--32) var(--spacing--16);
  justify-content: center;
  align-items: center;
  display: flex;
}

.brand-footer {
  width: 188px;
  position: absolute;
}

.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;
  place-items: center;
  width: 100%;
  max-width: 70%;
  text-align: left;
}

.footer-link {
  font-family: var(--_🔠-typography---font-family--button-2);
  color: var(--_🎨-color---neutral--light-64);
  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);
  text-transform: uppercase;
  transition: color 0.3s;
}

.footer-link:hover {
  color: var(--_🎨-color---neutral--light-100);
}


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

.footer-legal-inner {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.video-home-a {
  z-index: 1;
  padding-bottom: var(--spacing--24);
  border-radius: var(--_🔘-radius---radius--small);
  width: 100%;
  height: auto;
  display: flex;
  width: 100%;
  height: 80vh;

}

.overlay-hero-top {
  background-image: linear-gradient(180deg, var(--_🎨-color---neutral--dark-48), var(--_🎨-color---neutral--dark-0));
  width: 100%;
  height: 25%;
  position: absolute;
  inset: 0% 0% auto;
}

.overlay-hero-bottom {
  background-image: linear-gradient(0deg, var(--_🎨-color---neutral--dark-48), var(--_🎨-color---neutral--dark-0));
  width: 100%;
  height: 45%;
  position: absolute;
  inset: auto 0% 0%;
}

.master-home {
  flex-flow: column;
  width: 100%;
  height: 90%;
  display: flex;
}

.animation-wrap-home {
  width: auto;
  max-width: 320px;
  margin: auto;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.9;
}

.hero-logo {
  width: 100%;
  height: auto;
  display: block;
}

.image-wrap-animation {
  display: flex;
}

.image-animation {
  flex: none;
  width: 220px;
  display: block;
}

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

.heading-home-hero {
  color: var(--_🎨-color---neutral--light-88);
  max-width: 500px;
  margin-bottom: 40px;
}

.cta-home-hero {
  padding: var(--spacing--12);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---accent--☀️-solar-core);
  color: var(--_🎨-color---neutral--dark-100);
  flex-flow: column;
  width: 264px;
  transition: background-color 0.4s;
  display: flex;
}

.cta-home-hero:hover {
  background-color: var(var(--_🎨-color---accent--☀️-solar-core));
}

.cta-home-bottom {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.label-master {
  padding: var(--spacing--4) var(--spacing--8);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---accent--☀️-solar-core);
  color: var(--_🎨-color---neutral--dark-100);
  text-align: center;
  position: relative;
}

.label-master.no-bg {
  background-color: var(--_🎨-color---neutral--light-0);
}

.label-master.tt {
  padding: var(--spacing--4) var(--spacing--8);
  background-color: var(--_🎨-color---accent--☀️-solar-core);
  color: var(--_🎨-color---accent--🌞-solar-ember);
}

.icon-cta-home {
  width: var(--_❇️-icon---icon-size--small);
  height: var(--_❇️-icon---icon-size--small);
  justify-content: center;
  align-items: center;
  display: flex;
}

.video-home-about {
  mix-blend-mode: color-burn;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

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

.headline-about-home {
  text-align: center;
}

.line-about-home {
  background-color: var(--_🎨-color---neutral--dark-32);
  width: 1px;
  height: 120px;
}

.about-home-thirds {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.home-about-tile {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 160px;
  display: flex;
}

.icon-home-about {
  color: var(--_🎨-color---accent--🌑-solar-shadow);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.overlay-about-home-top {
  background-image: linear-gradient(180deg, var(--_🎨-color---background--🎨-moon-dust), var(--_🎨-color---neutral--light-0));
  width: 100%;
  height: 25%;
  position: absolute;
  inset: 0% 0% auto;
}

.overlay-about-home-bottom {
  background-image: linear-gradient(0deg, var(--_🎨-color---background--🎨-moon-dust), var(--_🎨-color---neutral--light-0));
  width: 100%;
  height: 50%;
  position: absolute;
  inset: auto 0% 0%;
}

.headline-home-classes {
  margin-bottom: var(--spacing--64);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.heading-home-classes {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 472px;
  display: flex;
}

.text-wrap-home-classes {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  text-align: right;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 332px;
  display: flex;
}

.text-dark-88 {
  color: var(--_🎨-color---neutral--dark-100);
  margin-bottom: 40px;
}

.text-dark-88.text-samll-teams {
  margin-bottom: 20px !important;
}


.link-underline {
  font-family: var(--_🔠-typography---font-family--button-2);
  color: var(--_🎨-color---neutral--dark-100);
  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);
  text-transform: uppercase;
  text-decoration: underline;
}

.expandable-wrap {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  width: 100%;
  display: flex;
}

.card-video {
  border-radius: var(--_🔘-radius---radius--small);
  width: 100%;
  height: 480px;
  transition: width 0.5s;
  overflow: hidden;
  position: relative !important;
}

.card-video:hover {
  width: 200%;
}

.video-expandable {
  z-index: 1;
  color: var(--_🎨-color---neutral--light-100);
  width: 100%;
  height: 100%;
  position: relative !important;
  cursor: pointer;
}

.overlay-expandable-top {
  background-image: linear-gradient(180deg, var(--_🎨-color---neutral--dark-64), var(--_🎨-color---neutral--dark-0));
  width: 100%;
  height: 45%;
  position: absolute;
  inset: 0% 0% auto;
}

.overlay-expandable-bottom {
  background-image: linear-gradient(0deg, var(--_🎨-color---neutral--dark-64), var(--_🎨-color---neutral--dark-0));
  width: 100%;
  height: 45%;
  position: absolute;
  inset: auto 0% 0%;
}

.expandable-inner {
  padding: var(--spacing--20);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.expandable-inner:hover {
  cursor: pointer;
}

.expandable-card-bottom {
  white-space: inherit;
  word-break: normal;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-light-88 {
  color: var(--_🎨-color---neutral--light-88);
  flex: 0 auto;
  padding-bottom: 20px;
}

.mask-expandable-bottom {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
}

.button-wrap-expandable-card {
  padding-top: var(--spacing--16);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.home-studio-halves {
  grid-column-gap: var(--grid--content-gap);
  grid-row-gap: var(--grid--content-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.images-wrap-studio {
  perspective-origin: 0 0;
  transform-origin: 0 0;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 640px;
  margin-left: 56px;
  margin-right: auto;
  display: flex;
  position: relative;
}

.image-wrap-studio-card {
  width: 100%;
  height: 368px;
  position: static;
  overflow: hidden;
}

.polaroid-card {
  padding: var(--spacing--16);
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  box-shadow: -24px 4px 40px 0 var(--_🎨-color---neutral--dark-8);
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 392px;
  display: flex;
}

.polaroid-card._2 {
  z-index: 1;
  position: relative;
  bottom: -79px;
}

.polaroid-card._1 {
  padding: var(--spacing--12);
  box-shadow: -24px 4px 40px 0 var(--_🎨-color---neutral--dark-8);
  width: 100%;
  position: absolute;
  inset: auto auto auto 0%;
  transform: none;
}

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

.content-studio.right {
  max-width: 448px;
  margin-top: 64px;
}

.image-wrap-events-home-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.overlay-events-bg {
  background-color: var(--_🎨-color---neutral--dark-48);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.headline-events-home {
  margin-right: auto;
  margin-bottom: var(--spacing--80);
  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;
  /* max-width: 800px; */
  margin-left: auto;
  display: flex;
}

.text-wrap-events-headline-home {
  max-width: 332px;
}

.card-events-home {
  max-width: var(--max-width--8-columns);
  padding: var(--spacing--16);
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🎨-moon-dust);
  color: var(--_🎨-color---neutral--dark-100);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.content-event-card-home {
  padding-right: var(--spacing--64);
  padding-left: var(--spacing--64);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-wrap-event-card-home {
  border-radius: var(--_🔘-radius---radius--small);
  width: 100%;
  max-width: 360px;
  height: 508px;
  overflow: hidden;
}

.text-wrap-event-card-home {
  max-width: 332px;
}

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

.image-wrap-column {
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  width: 100%;
  height: 710px;
  padding: 12px;
  overflow: hidden;
}

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

.content-column.limited {
  max-width: 564px;
}

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

.column-feature-halves {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  grid-template-rows: auto;
  width: 100%;
}

.card-feature-column {
  padding: var(--spacing--24);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: auto;
  min-height: 236px;
  display: flex;
  position: relative;
}

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

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

.text-dark-64 {
  color: var(--_🎨-color---neutral--dark-64);
}

.headline-home-blog {
  margin-bottom: var(--spacing--64);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.heading-home-blog {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 472px;
  display: flex;
}

.navbar-simple {
  padding-top: var(--spacing--48);
  background-color: #0000;
  position: absolute;
  inset: 0% 0% auto;
}

.video-404 {
  z-index: 0;
  opacity: 0.2;
  mix-blend-mode: color-burn;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.headline-contact {
  max-width: var(--max-width--6-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;
}

.contact-list {
  max-width: var(--max-width--6-columns);
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.text-wrap-contact-item {
  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;
}

.contact-item {
  padding: var(--spacing--20);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  border: 1px solid var(--_🎨-color---neutral--dark-16);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  color: var(--_🎨-color---neutral--dark-100);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

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

.overlay-contact {
  background-color: var(--_🎨-color---neutral--dark-48);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.video-cover {
  width: 100%;
  height: 100%;
  position: relative;
}

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

.filter-list {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.filter-item {
  display: flex;
}

.blogs {
  width: 100%;
}

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

.blog-item {
  width: 100%;
}

.card-blog {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  color: var(--_🎨-color---neutral--dark-100);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.image-wrap-blog-card {
  border-radius: var(--_🔘-radius---radius--small);
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
}

.overlay-cms-image {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.overlay-cms-image.blog-overlay {
  background-color: var(--_🎨-color---neutral--dark-48);
  justify-content: center;
  align-items: center;
  display: none;
}

.overlay-cms-image.events {
  justify-content: center;
  align-items: center;
  display: none;
}

.overlay-cms-image.classes {
  background-color: var(--_🎨-color---neutral--dark-48);
  justify-content: center;
  align-items: center;
  display: none;
}

.blog-card-bottom-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;
}

.tag-list-blog {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  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);
}

.headline-article {
  max-width: var(--max-width--6-columns);
  margin-right: auto;
  margin-bottom: var(--spacing--80);
  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;
}

.image-wrap-article {
  border-radius: var(--_🔘-radius---radius--small);
  width: 100%;
  height: 640px;
  overflow: hidden;
  align-items: center;
  align-content: center;
  justify-content: center;
  display: flex;
}

.headline-more-articles {
  margin-bottom: var(--spacing--64);
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.empty-state {
  padding: var(--spacing--0);
  background-color: var(--_🎨-color---neutral--dark-0);
}

.empty-blog {
  padding: var(--spacing--32);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  width: 100%;
}

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

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

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

.body-article a,
.body-article p {
  color: var(--_🎨-color---neutral--dark-88);
}

.body-article img {
  border-left: 1px solid var(--_🎨-color---neutral--dark-16);
  border-radius: var(--_🔘-radius---radius--small);
}

.body-article figcaption {
  color: var(--_🎨-color---neutral--dark-88);
}

.body-article.with-image {
  max-width: var(--max-width--8-columns);
}

.text-italic {
  font-style: italic;
}

.video-about {
  z-index: 1;
  border-radius: var(--_🔘-radius---radius--small);
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.master-about-hero {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.wrap-about-hero-text {
  color: var(--_🎨-color---neutral--light-88);
  text-align: center;
  max-width: 704px;
  margin-left: auto;
  margin-right: auto;
}

.headline-founder {
  margin-bottom: var(--spacing--80);
  max-width: 564px;
}

.headline-about-photos {
  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;
}

.master-marquee-photos {
  padding-top: var(--spacing--120);
  padding-bottom: var(--spacing--120);
  width: 100%;
  overflow: clip;
}

.marquee-photos {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.card-photo {
  padding: var(--spacing--16);
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  border-radius: var(--_🔘-radius---radius--large);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  box-shadow: -24px 4px 40px 0 var(--_🎨-color---neutral--dark-8);
  text-align: center;
  flex-flow: column;
  flex: none;
  width: 360px;
  display: flex;
  position: relative;
}

.card-photo._1 {
  margin-left: -20px;
  top: -25px;
  transform: rotate(-8deg);
}

.card-photo._2 {
  margin-left: -90px;
  bottom: -70px;
  transform: rotate(8deg);
}

.card-photo._3 {
  margin-left: -138px;
  bottom: -47px;
  transform: rotate(-8deg);
}

.card-photo._4 {
  margin-left: -52px;
  bottom: -47px;
  transform: rotate(8deg);
}

.card-photo._5 {
  transform: rotate(-8deg);
}

.image-wrap-card-photo {
  border-radius: var(--_🔘-radius---radius--small);
  width: 100%;
  height: 368px;
  overflow: hidden;
}

.video-about-founder {
  z-index: 1;
  padding-top: var(--spacing--80);
  padding-bottom: var(--spacing--80);
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: auto;
  min-height: 100vh;
  display: flex;
}

.overlay-founder-video {
  background-image: linear-gradient(0deg, var(--_🎨-color---neutral--dark-48), var(--_🎨-color---neutral--dark-0));
  width: 100%;
  height: 40%;
  position: absolute;
  inset: auto 0% 0%;
}

.content-founder-video {
  max-width: var(--max-width--8-columns);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  color: var(--_🎨-color---neutral--light-100);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.team-grid,
.our-team-grid {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--spacing--32);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

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

.image-wrap-team {
  border-radius: var(--_🔘-radius---radius--small);
  width: 100%;
  height: 576px;
  overflow: hidden;
}

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

.headline-team {
  margin-bottom: var(--spacing--64);
  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;
}

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

.headline-first-time {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 448px;
  display: flex;
}

.image-wrap-first-time-hero {
  border-radius: var(--_🔘-radius---radius--small);
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.right-first-time {
  padding: var(--spacing--8);
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.headline-features {
  margin-bottom: var(--spacing--64);
  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;
}

.card-features {
  padding: var(--spacing--24);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 293px;
  display: flex;
}

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

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

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

.slider {
  background-color: var(--_🎨-color---ui--transparent);
  height: auto;
}

.slider-button {
  border: 1px solid var(--_🎨-color---neutral--light-32);
  border-radius: var(--_🔘-radius---radius--button);
  background-color: var(--_🎨-color---neutral--dark-16);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: var(--_🎨-color---neutral--light-100);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 40px;
  transition: transform 0.3s, background-color 0.35s, border-color 0.35s, color 0.35s;
  display: flex;
  inset: auto 0% -64px;
}

.slider-button:hover {
  border-color: var(--_🎨-color---accent--🌑-solar-shadow);
  background-color: var(--_🎨-color---accent--🌑-solar-shadow);
  color: var(--_🎨-color---neutral--light-100);
}

.slider-button:active {
  transform: scale(0.9);
}

.slider-button.next {
  transform: translate(28px);
}

.slider-button.prev {
  transform: translate(-28px);
}

.slider-button.light {
  background-color: var(--_🎨-color---neutral--light-100);
  color: var(--_🎨-color---neutral--dark-100);
}

.slider-button.light:hover {
  background-color: var(--_🎨-color---accent--🌑-solar-shadow);
  color: var(--_🎨-color---neutral--light-100);
}

.icon-slider {
  width: var(--_❇️-icon---icon-size--large);
  height: var(--_❇️-icon---icon-size--large);
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.mask-testimonials {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.card-testimonial {
  padding: var(--spacing--80) var(--spacing--80) var(--spacing--64);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---neutral--light-64);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: var(--_🎨-color---neutral--dark-100);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 440px;
  display: flex;
}

.card-testimonial.cms-card {
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  min-height: auto;
}

.divider-testimonial {
  width: 100%;
  height: 1px;
}

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

.checkbox-contact {
  border: 1px solid var(--_🎨-color---neutral--dark-16);
  border-radius: var(--_🔘-radius---radius--full);
  background-color: var(--_🎨-color---background--🎨-moon-dust);
  flex: none;
  width: 24px;
  height: 24px;
  margin-top: 0;
}

.checkbox-contact.w--redirected-checked {
  background-image: url("../images/Checked-Checkbox.svg");
  background-position: 50%;
  background-size: cover;
}

.cta-submit-invisible {
  z-index: 1;
  background-color: var(--_🎨-color---ui--transparent);
  color: var(--_🎨-color---ui--transparent);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.contact-form-bottom-tile {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

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

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

.form-block {
  margin-bottom: var(--spacing--0);
  padding: var(--spacing--48);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  width: 100%;
}

.submit-wrap {
  position: relative;
}

.checkbox {
  grid-column-gap: var(--spacing--12);
  grid-row-gap: var(--spacing--12);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 10px;
  display: flex;
}

.contact-form-bottom-left {
  flex-flow: column;
  display: flex;
}

.input-wrap-contact {
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  flex-flow: column;
  display: flex;
}

.checkbox-text {
  margin-bottom: 0;
}

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

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

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

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

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

.image-wrap-product {
  padding: var(--spacing--32);
  border-radius: var(--_🔘-radius---radius--small);
  background-image: url("../images/News-Image_1News Image.webp");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 448px;
  display: flex;
  overflow: hidden;
}

.image-wrap-product.large {
  height: 100%;
  min-height: 796px;
}

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

.cms-sticky {
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 120px;
}

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

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

.card-events {
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  color: var(--_🎨-color---neutral--dark-100);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.image-wrap-event-card {
  width: 100%;
  height: 464px;
  position: relative;
  overflow: hidden;
}

.content-events-card {
  padding: var(--spacing--32) var(--spacing--24);
  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;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: grid;
}

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

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

.overlay-event-hero {
  background-color: var(--_🎨-color---neutral--dark-48);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.headline-event {
  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;
  max-width: 448px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

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

.body-event.bottom {
  margin-top: 0;
}

.divider-cms-body {
  background-color: var(--_🎨-color---neutral--dark-32);
  width: 1px;
  height: 40px;
}

.image-wrap-event-thumbnail {
  border-radius: var(--_🔘-radius---radius--small);
  width: 100%;
  height: 508px;
  overflow: hidden;
}

.text-block-event {
  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;
  max-width: 448px;
  display: flex;
}

.card-polaroid-slide {
  padding: var(--spacing--16);
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-wrap-polaroid-slide {
  border-radius: var(--_🔘-radius---radius--small);
  width: 100%;
  height: 368px;
  overflow: hidden;
}

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

.mask-polaroid {
  max-width: 392px;
  overflow: visible;
}

.wrap-event-slider {
  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: center;
  width: 100%;
  display: flex;
  overflow: clip;
}

.master-body-event {
  grid-column-gap: var(--spacing--48);
  grid-row-gap: var(--spacing--48);
  flex-flow: column;
  display: flex;
}

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

.event-features-thirds {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.events.home {
  max-width: var(--max-width--8-columns);
  margin-left: auto;
  margin-right: auto;
}

.event-date-bg {
  border-radius: var(--_🔘-radius---radius--small);
  position: absolute;
  inset: 0%;
}

.event-date-bg.upcoming {
  background-color: var(--_🎨-color---accent--☀️-solar-core);
}

.event-date-bg.past {
  background-color: var(--_🎨-color---background--🎨-moon-dust);
}

.empty-events {
  padding: var(--spacing--80);
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  color: var(--_🎨-color---neutral--dark-100);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.events-home-upcoming-bg,
.event-full {
  width: 100%;
  height: 100%;
}

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

.video-timetable {
  color: var(--_🎨-color---neutral--light-100);
  width: 100%;
  height: auto;
  padding-bottom: 550px;
}

.overlay-dark-64 {
  background-color: var(--_🎨-color---neutral--dark-64);
  position: absolute;
  inset: 0%;
}

.headline-timetable {
  padding-top: var(--section-padding--extra-large);
  max-width: var(--max-width--6-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;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-wrap-timetable {
  max-width: 400px;
}

.timetable {
  padding-top: var(--spacing--16);
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  border-top: 1px solid var(--_🎨-color---neutral--light-16);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;

  display: flex !important;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
  overflow-x: auto;
}

.timetable-row {
  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;
  /* min-width: 224px; */
  display: flex;

  flex: 1 0 200px;
  min-width: 200px;
}

.timetable-collection,
.timetable-list {
  display: block;
  width: 100%;
}

.timetable-list {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.timetable-cell {
  padding: var(--spacing--24);
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  color: var(--_🎨-color---neutral--dark-100);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  transition: background-color 0.35s;
  display: flex;
  position: relative;
}

.timetable-cell:hover {
  background-color: var(--_🎨-color---background--🥛-lotus-milk);
}

.tag-class {
  padding: var(--spacing--4) var(--spacing--8);
  grid-column-gap: var(--spacing--8);
  grid-row-gap: var(--spacing--8);
  border-radius: var(--_🔘-radius---radius--small);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.tag-class.date {
  background-color: var(--_🎨-color---background--🪨-warm-sand);
}

.tag-class.green {
  background-color: var(--_🎨-color---accent--☀️-solar-core);
}

.icon-class-tag {
  z-index: 2;
  width: var(--_❇️-icon---icon-size--small);
  height: var(--_❇️-icon---icon-size--small);
  color: var(--_🎨-color---neutral--dark-64);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

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

.text-dark-32 {
  color: var(--_🎨-color---neutral--dark-32);
}

.divider-class-cell {
  background-color: var(--_🎨-color---neutral--dark-32);
  width: 1px;
  height: 32px;
}

.class-author {
  padding: var(--spacing--4) var(--spacing--8);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🎨-moon-dust);
}

.class-author.dark {
  background-color: var(--_🎨-color---background--🌰-cacao-root);
  color: var(--_🎨-color---neutral--light-100);
}

.overlay-timetable-bottom {
  background-image: linear-gradient(0deg, var(--_🎨-color---background--🎨-moon-dust), var(--_🎨-color---neutral--light-0));
  width: 100%;
  height: 340px;
  position: absolute;
  inset: auto 0% 0%;
}

.wrap-timetable {
  margin-top: -465px;
  overflow: auto;
}

.headline-classes-timetable {
  margin-bottom: var(--spacing--64);
  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;
}

.classes-cta-thirds {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.card-classes-cta {
  padding: var(--spacing--24);
  grid-column-gap: var(--spacing--64);
  grid-row-gap: var(--spacing--64);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🌰-cacao-root);
  color: var(--_🎨-color---neutral--light-100);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 293px;
  display: flex;
}

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

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

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

.card-class {
  grid-column-gap: var(--spacing--20);
  grid-row-gap: var(--spacing--20);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.image-wrap-class {
  border-radius: var(--_🔘-radius---radius--small);
  width: 100%;
  height: 410px;
  position: relative;
  overflow: hidden;
}

.eye-class {
  width: 104px;
  display: block;
}

.content-class-card {
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  flex-flow: column;
  display: flex;
  padding-top: 20px;
}

.class-card-top-tile {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  flex-flow: column;
  display: flex;
}

.class-card-info-tile {
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.class-card-text {
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  flex-flow: column;
  display: flex;
}

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

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

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

.video-hero-class {
  mix-blend-mode: color-burn;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.overlay-hero-class {
  z-index: 1;
  background-image: linear-gradient(0deg, var(--_🎨-color---background--🎨-moon-dust), var(--_🎨-color---neutral--light-0));
  width: 100%;
  height: 45%;
  position: absolute;
  inset: auto 0% 0%;
}

.headline-class {
  margin-right: auto;
  margin-bottom: var(--spacing--48);
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 448px;
  margin-left: auto;
  display: flex;
}

.text-wrap-headline-class {
  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;
  display: flex;
}

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

.author-tile {
  padding: var(--spacing--16);
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  max-width: 448px;
  display: flex;
}

.image-wrap-author-class {
  border-radius: var(--_🔘-radius---radius--small);
  flex: none;
  width: 96px;
  height: 96px;
  overflow: hidden;
}

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

.timetable-grid-class {
  grid-column-gap: var(--grid--column-gap);
  grid-row-gap: var(--grid--column-gap);
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.video-class {
  border-radius: var(--_🔘-radius---radius--small);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.video-inner-class {
  width: 100%;
  height: 100%;
}

.overlay-video-class {
  padding: var(--spacing--32);
  background-image: linear-gradient(180deg, var(--_🎨-color---neutral--dark-0), var(--_🎨-color---neutral--dark-48));
  pointer-events: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.youtube-logo {
  width: 104px;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  position: relative;
}

.text-solar {
  color: var(--_🎨-color---accent--☀️-solar-core);
}

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

.expandable-single {
  padding: var(--spacing--24);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  cursor: pointer;
}

.faq-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.faq-paragraph {
  padding-top: var(--spacing--24);
  color: var(--_🎨-color---neutral--dark-64);
  margin-bottom: 0;
}

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

.faq-animated-box {
  border: 1px solid var(--_🎨-color---neutral--dark-32);
  border-radius: var(--_🔘-radius---radius--button);
  background-color: var(--_🎨-color---neutral--light-32);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 24px;
  display: flex;
}

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

.faq-horizontal {
  background-color: var(--_🎨-color---neutral--dark-100);
  border-radius: 1px;
  width: 10px;
  height: 1px;
}

.timetable-collection,
.timetable-item,
.class-timetable {
  width: 100%;
}

.tag-bg {
  border-radius: var(--_🔘-radius---radius--small);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.tag-bg.beginner {
  background-color: var(--_🎨-color---accent--🧘🏻-beginner-level);
}

.tag-bg.intermediate {
  background-color: var(--_🎨-color---accent--🧘🏻-intermediate-level);
}

.tag-bg.advanced {
  background-color: var(--_🎨-color---accent--🧘🏻-advanced-level);
}

.empty-timetable {
  padding: var(--spacing--24);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🎨-moon-dust);
  color: var(--_🎨-color---neutral--dark-100);
}

.classes {
  width: 100%;
}

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

.headline-products {
  margin-bottom: var(--spacing--64);
}

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

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

.default-state {
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.block-header {
  border-top-left-radius: var(--_🔘-radius---radius--small);
  border-top-right-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
}

.order-confirmation {
  padding-top: var(--section-padding--extra-large);
  background-color: var(--_🎨-color---background--🎨-moon-dust);
}

.block-content {
  border-bottom-left-radius: var(--_🔘-radius---radius--small);
  border-bottom-right-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
}

.checkout-form {
  padding-top: var(--section-padding--extra-large);
  background-color: var(--_🎨-color---background--🎨-moon-dust);
}

.shipping-method {
  background-color: var(--_🎨-color---background--🪨-warm-sand);
}

.master-timetable {
  width: 100%;
  display: flex;
}

.timetable-right-space {
  flex: none;
  width: 24px;
  display: none;
}

.nav-bg {
  background-color: var(--_🎨-color---neutral--dark-88);
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.heading-405 {
  font-family: var(--_🔠-typography---font--heading-serif);
}

.italic-text {
  font-style: normal;
}

.price-package {
  padding-top: 0;
}

.pricepackage {
  padding-top: 40px;
  padding-bottom: 40px;
}

.column {
  padding-left: 10px;
  padding-right: 10px;
}

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

.columns {
  display: flex;
}

.classes-cta-two {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  align-items: stretch;
}

.card-container {
  text-align: left;
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  border-radius: 9px;
  padding: 20px 20px 40px;
  flex: 1;
  display: flex;
  flex-direction: column;

}

.card-container:hover {
  box-shadow: 15px 15px 14px 6px #c6b8a9;
  transform: translateY(-6px);
  /* Lifts the card slightly */
}

.card-container ul {
  list-style-type: none;
  padding-left: 20px;
}

.heading-406 {
  font-family: var(--_🔠-typography---font-family--h6);
  font-style: normal;
  font-weight: var(--_🔠-typography---font-weight--h5);
  text-transform: none;
  flex-flow: column-reverse;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.heading-407 {
  background-color: var(--_🎨-color---background--🌸-white-flower);
  color: var(--_🎨-color---neutral--dark-100);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
  display: flex;
}

.column-2 {
  z-index: auto;
  background-color: var(--_🎨-color---ui--transparent);
  border-radius: 8px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  top: auto;
}

.list {
  list-style-type: square;
}

.list-2 {
  float: none;
  clear: none;
  overflow-wrap: normal;
  padding-bottom: 0;
  list-style-type: square;
  display: block;
  text-align: left;
}

.columns-2 {
  float: none;
  clear: none;
  background-color: var(--_🎨-color---ui--transparent);
  pointer-events: auto;
  cursor: auto;
  border-radius: 15px;
  margin-bottom: 40px;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.columns-2.subscription {
  background-color: var(--_🎨-color---neutral--light-100);
}

.text-block {
  margin-top: 20px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.list-item,
.list-item-2,
.text-block-2,
.text-block-3 {
  padding-bottom: 10px;
}

.button-3 {
  background-color: var(--_🎨-color---accent--🌑-solar-shadow);
  border-radius: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.button-4 {
  background-color: var(--_🎨-color---accent--🌑-solar-shadow);
  border-radius: 25px;
  padding-left: 20px;
  padding-right: 20px;
}

.column-3 {
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
}

.column-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.heading-408 {
  column-count: auto;
  padding-bottom: 0;
  text-decoration: none;
}

.heading-409 {
  color: var(--_🎨-color---background--🥛-lotus-milk);
}

.heading-409.text-h1 {
  margin-top: 10px;
}

.hradline-colaborate {
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: visible;
}

@media screen and (max-width: 991px) {
  .button-wrap-style-guide {
    display: flex;
  }

  .section.home-studio-section {
    padding-bottom: var(--section-padding--large);
  }

  .button-text-mask.nav-button-mask {
    height: var(--_🔠-typography---line-height--h3);
  }

  .button-text.nav-link-text {
    text-shadow: 0 1.5em 0 var(--_🎨-color---neutral--dark-100);
  }

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

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

  .navbar {
    padding-left: var(--spacing--12);
    border-radius: var(--_🔘-radius---radius--button) var(--_🔘-radius---radius--button) var(--_🎨-color---ui--radius-navbar) var(--_🎨-color---ui--radius-navbar);
    width: 100%;
  }

  .nav-menu-inner {
    padding: var(--spacing--20) var(--grid--page-padding) var(--spacing--32);
    grid-column-gap: var(--spacing--8);
    grid-row-gap: var(--spacing--8);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .nav-button.nav-link {
    padding: var(--spacing--0);
    grid-column-gap: var(--spacing--0);
    grid-row-gap: var(--spacing--0);
    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);
    text-transform: none;
    justify-content: flex-start;
    align-items: center;
  }

  .nav-button.nav-link:hover {
    color: var(--_🎨-color---neutral--dark-100);
  }

  .nav-button-bg {
    display: none;
  }

  .nav-button-bg.side-button-bg {
    display: flex;
  }

  .nav-button-bg.event-button-bg {
    display: flex;
  }

  .left-nav {
    z-index: 2;
    grid-column-gap: var(--spacing--16);
    grid-row-gap: var(--spacing--16);
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
  }

  .menu-button {
    border: 1px solid var(--_🎨-color---neutral--dark-32);
    border-radius: var(--_🔘-radius---radius--full);
    background-color: var(--_🎨-color---neutral--light-32);
    flex: none;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
  }

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

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

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

  .icon-menu {
    width: var(--_❇️-icon---icon-size--medium);
    height: var(--_❇️-icon---icon-size--medium);
  }

  .nav-menu {
    z-index: 0;
    background-color: var(--_🎨-color---neutral--light-0);
    overflow: visible;
  }

  .nav-menu-outer {
    border-bottom-left-radius: var(--_🔘-radius---radius--button);
    border-bottom-right-radius: var(--_🔘-radius---radius--button);
    background-color: var(--_🎨-color---background--🪨-warm-sand);
  }

  .image-wrap-footer {
    width: 80px;
    height: 80px;
  }

  .image-wrap-footer._4 {
    width: 130px;
    height: 95px;
  }

  .image-wrap-footer._3 {
    width: 55px;
    height: 55px;
    bottom: 15%;
    left: 5%;
  }

  .image-wrap-footer._5 {
    width: 60px;
  }

  .image-wrap-footer._2 {
    width: 160px;
    height: 180px;
    top: 40%;
    left: 10%;
  }

  .image-wrap-footer._6 {
    width: 120px;
    height: 155px;
  }

  .footer-images-wrap {
    padding-top: 260px;
    padding-bottom: 260px;
  }

  .footer-cta {
    max-width: 440px;
  }

  .footer-last-block {
    text-align: center;
  }

  .footer-legal-tile {
    flex-flow: column;
  }

  .brand-footer {
    order: -1;
    position: static;
  }

  .footer-columns {
    max-width: none;
  }

  .footer-legal-inner {
    text-align: center;
  }

  .card-video {
    height: 360px;
  }

  .card-video:hover {
    width: 100%;
  }

  .home-studio-halves {
    grid-column-gap: var(--spacing--48);
    grid-row-gap: var(--spacing--48);
    flex-flow: column;
  }

  .images-wrap-studio {
    margin-left: auto;
    margin-right: auto;
  }

  .image-wrap-studio-card {
    height: 280px;
  }

  .polaroid-card {
    width: 240px;
  }

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

  .image-wrap-column,
  .image-wrap-article {
    height: 500px;
  }

  .card-photo {
    width: 300px;
  }

  .card-photo._2 {
    bottom: -50px;
  }

  .card-photo._3,
  .card-photo._4 {
    bottom: -35px;
  }

  .image-wrap-card-photo {
    height: 310px;
  }

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

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

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

  .contact-form-bottom-tile {
    flex-flow: wrap;
  }

  .store-thirds {
    grid-template-columns: 1fr 1fr;
  }

  .image-wrap-product.large {
    min-height: 450px;
  }

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

  .cms-sticky {
    position: static;
  }

  .image-wrap-event-card {
    height: 362px;
  }

  .content-events-card {
    grid-column-gap: var(--spacing--24);
    grid-row-gap: var(--spacing--24);
    grid-template-columns: 1fr;
  }

  .timetable {
    width: auto;
  }

  .class-time-tile {
    flex-flow: wrap;
  }

  .filters-block {
    flex-flow: row;
  }

  .timetable-grid-class {
    grid-template-columns: 1fr 1fr;
  }



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

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

  .timetable-right-space {
    display: flex;
  }

  .nav-bg {
    height: 100vh;
    margin-top: -16px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_🔠-typography---font-family: 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-serif);
    --_🔠-typography---size--h1: 48px;
    --_🔠-typography---line-height--h1: 55px;
    --_🔠-typography---font-weight--h1: var(--_🔠-typography---weight--heading-serif);
    --_🔠-typography---letter-spacing--h1: -2px;
    --_🔠-typography---font-family--h2: var(--_🔠-typography---font--heading-serif);
    --_🔠-typography---size--h2: 36px;
    --_🔠-typography---line-height--h2: 40px;
    --_🔠-typography---font-weight--h2: var(--_🔠-typography---weight--heading-serif);
    --_🔠-typography---letter-spacing--h2: -1.5px;
    --_🔠-typography---font-family--h3: var(--_🔠-typography---font--heading-serif);
    --_🔠-typography---size--h3: 32px;
    --_🔠-typography---line-height--h3: 36px;
    --_🔠-typography---font-weight--h3: var(--_🔠-typography---weight--heading-serif);
    --_🔠-typography---letter-spacing--h3: -0.5px;
    --_🔠-typography---font-family--h4: var(--_🔠-typography---font--heading-serif);
    --_🔠-typography---size--h4: 28px;
    --_🔠-typography---line-height--h4: 32px;
    --_🔠-typography---font-weight--h4: var(--_🔠-typography---weight--heading-serif);
    --_🔠-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: -0.5px;
    --_🔠-typography---font-family--h6: var(--_🔠-typography---font--heading-sans);
    --_🔠-typography---size--h6: 20px;
    --_🔠-typography---line-height--h6: 20px;
    --_🔠-typography---font-weight--h6: var(--_🔠-typography---weight--heading-sans);
    --_🔠-typography---letter-spacing--h6: -0.25px;
    --_🔠-typography---font-family--label-2: var(--_🔠-typography---font--ui);
    --_🔠-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: 0.75px;
    --_🔠-typography---font-family--label-1: var(--_🔠-typography---font--ui);
    --_🔠-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: 0.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--heading-sans: "Instrument Sans Variable", Arial, sans-serif;
    --_🔠-typography---font-family--button-2: var(--_🔠-typography---font--ui);
    --_🔠-typography---size--button-2: 10px;
    --_🔠-typography---line-height--button-2: 16px;
    --_🔠-typography---font-weight--button-2: var(--_🔠-typography---weight--button);
    --_🔠-typography---letter-spacing--button-2: 0.75px;
    --_🔠-typography---weight--body-bold: var(--all-weights--medium);
    --_🔠-typography---font--heading-serif: "Libre Caslon Condensed", Arial, sans-serif;
    --_🔠-typography---font-family--button-1: var(--_🔠-typography---font--ui);
    --_🔠-typography---size--button-1: 12px;
    --_🔠-typography---line-height--button-1: 20px;
    --_🔠-typography---font-weight--button-1: var(--_🔠-typography---weight--button);
    --_🔠-typography---letter-spacing--button-1: 0.75px;
    --_🔠-typography---font-family--h0: var(--_🔠-typography---font--heading-serif);
    --_🔠-typography---size--h0: 64px;
    --_🔠-typography---line-height--h0: 52px;
    --_🔠-typography---font-weight--h0: var(--_🔠-typography---weight--heading-serif);
    --_🔠-typography---letter-spacing--h0: -3px;
    --_🔠-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--body: "Instrument Sans Variable", Arial, sans-serif;
    --_🔠-typography---font--ui: "Instrument Sans Variable", Arial, sans-serif;
    --_🔠-typography---weight--heading-serif: var(--all-weights--light);
    --_🔠-typography---weight--heading-sans: var(--all-weights--light);
    --_🔠-typography---weight--body: var(--all-weights--normal);
    --_🔠-typography---weight--label: var(--all-weights--semi-bold);
    --_🔠-typography---weight--button: var(--all-weights--semi-bold);
    --spacing--16: 12px;
    --spacing--32: 24px;
    --spacing--0: 0px;
    --spacing--12: 10px;
    --spacing--8: 8px;
    --spacing--24: 16px;
    --container--main: 1800px;
    --grid--page-padding: 16px;
    --spacing--64: 48px;
    --spacing--48: 32px;
    --section-padding--small: 64px;
    --section-padding--large: 96px;
    --spacing--4: 4px;
    --section-padding--medium: 80px;
    --section-padding--extra-large: 120px;
    --max-width--6-columns: 680px;
    --spacing--20: 16px;
    --all-weights--medium: 500;
    --grid--column-gap: 12px;
    --grid--content-gap: 40px;
    --spacing--80: 56px;
    --max-width--8-columns: 912px;
    --spacing--120: 80px;
    --max-width--10-columns: 1144px;
    --container--small: 912px;
    --all-weights--thin: 100;
    --all-weights--extra-light: 200;
    --all-weights--light: 300;
    --all-weights--normal: 400;
    --all-weights--semi-bold: 600;
    --all-weights--bold: 700;
    --all-weights--extra-bold: 800;
    --all-weights--black: 900;
    --_❇️-icon---icon-size--large: 20px;
    --_❇️-icon---icon-size--medium: 16px;
    --_❇️-icon---icon-size--small: 12px;
    --_❇️-icon---icon-stroke: 1px;
    --_🔘-radius---radius--button: 20px;
    --_🔘-radius---radius--large: 16px;
    --_🔘-radius---radius--full: 100vw;
    --_🔘-radius---radius--small: 8px;
    --_🔘-radius---radius--medium: 0px;
    --_🔘-radius---navbar--animated: 24px;
    --_🔘-radius---navbar--animated-mobile: 20px;
  }

  .text-field.textarea {
    height: 175px;
  }

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

  .main-container.footer-container {
    padding-right: var(--spacing--0);
    padding-left: var(--spacing--0);
  }

  .section.hero-home,
  .section.hero-about-section {
    padding: var(--spacing--4);
  }

  .section.hero-first-time-section {
    padding-top: var(--section-padding--extra-large);
    min-height: auto;
  }

  .section.hero-event-section {
    padding-bottom: 250px;
  }

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

  .master-navigation {
    top: var(--spacing--8);
  }

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

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

  .brand-nav {
    width: 70.5px;
    padding-left: 0;
  }

  .navbar {
    border-bottom-left-radius: var(--_🎨-color---ui--radius-navbar);
    border-bottom-right-radius: var(--_🎨-color---ui--radius-navbar);
  }

  .image-wrap-footer {
    width: 54px;
    height: 54px;
  }

  .image-wrap-footer._4 {
    width: 80px;
    height: 62px;
    right: 20%;
  }

  .image-wrap-footer._3 {
    width: 37px;
    height: 37px;
    bottom: 10%;
    left: 5%;
  }

  .image-wrap-footer._5 {
    width: 40px;
  }

  .image-wrap-footer._2 {
    width: 100px;
    height: 113px;
    top: 40%;
    left: 3%;
  }

  .image-wrap-footer._6 {
    width: 69px;
    height: 90px;
    right: 7.5%;
  }

  .footer-images-wrap {
    padding: 160px var(--grid--page-padding);
  }

  .footer-cta {
    max-width: 320px;
  }

  .footer-last-block {
    padding-right: var(--grid--page-padding);
    padding-left: var(--grid--page-padding);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .footer-bottom-wrap {
    flex-direction: column;
  }

  .footer-legal-tile {
    padding-right: var(--grid--page-padding);
    padding-left: var(--grid--page-padding);
    flex-flow: column;
  }

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

  .divider-footer-halves {
    width: 100%;
    height: 1px;
  }

  .footer-right {
    padding: var(--spacing--64) var(--grid--page-padding);
  }

  .footer-columns {
    place-items: center start;
  }

  .footer-legal-inner {
    flex-flow: column;
  }

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

  .animation-wrap-home {
    display: none;
  }

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

  .heading-home-hero {
    max-width: 240px;
    margin-bottom: 0;
  }

  .cta-home-hero {
    grid-column-gap: var(--spacing--24);
    grid-row-gap: var(--spacing--24);
    width: 100%;
  }

  .line-about-home {
    height: 64px;
  }

  .home-about-tile {
    width: auto;
  }

  .icon-home-about {
    width: 40px;
    height: 40px;
  }

  .headline-home-classes {
    grid-column-gap: var(--spacing--20);
    grid-row-gap: var(--spacing--20);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .text-wrap-home-classes {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .expandable-wrap {
    flex-flow: column;
  }

  .card-video {
    height: 240px;
  }

  .home-studio-halves {
    grid-column-gap: var(--section-padding--large);
    grid-row-gap: var(--section-padding--large);
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .images-wrap-studio {
    justify-content: flex-start;
    align-items: center;
    max-width: none;
  }

  .image-wrap-studio-card {
    height: 172px;
  }

  .polaroid-card {
    width: 203px;
  }

  .polaroid-card._2 {
    bottom: -47px;
    right: -124px;
  }

  .polaroid-card._1 {
    left: 25px;
  }

  .card-events-home {
    grid-column-gap: var(--spacing--0);
    grid-row-gap: var(--spacing--0);
    flex-flow: column;
  }

  .content-event-card-home {
    padding: var(--spacing--32) var(--spacing--0);
  }

  .image-wrap-event-card-home {
    order: -1;
    max-width: none;
    height: 222px;
  }

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

  .icon-column-feature {
    width: 40px;
    height: 40px;
  }

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

  .headline-contact {
    max-width: 320px;
  }

  .icon-48 {
    width: 40px;
    height: 40px;
  }

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

  .image-wrap-blog-card,
  .image-wrap-article {
    height: 362px;
  }

  .card-photo {
    width: 200px;
  }

  .card-photo._1 {
    top: 0;
  }

  .card-photo._2 {
    margin-left: -65px;
    bottom: -35px;
  }

  .card-photo._3 {
    margin-left: -80px;
    bottom: -25px;
  }

  .card-photo._4 {
    margin-left: -35px;
    bottom: -25px;
  }

  .image-wrap-card-photo {
    height: 200px;
  }

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

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

  .image-wrap-first-time-hero {
    height: 400px;
  }

  .right-first-time {
    padding: var(--spacing--0);
    width: 100%;
    height: auto;
    position: static;
  }

  .card-testimonial {
    justify-content: center;
    align-items: center;
    min-height: 375px;
  }

  .store-thirds {
    grid-template-columns: 1fr;
  }

  .image-wrap-product {
    height: 362px;
  }

  .image-wrap-product.large {
    min-height: 362px;
  }

  .image-wrap-event-card {
    height: 260px;
  }

  .body-event {
    margin-top: -280px;
  }

  .image-wrap-event-thumbnail {
    height: 362px;
  }

  .image-wrap-polaroid-slide {
    height: 250px;
  }

  .mask-polaroid {
    max-width: 240px;
  }

  .wrap-event-slider {
    padding-bottom: var(--spacing--120);
  }

  .event-features-thirds {
    grid-template-columns: 1fr;
  }

  .news-home-hero {
    width: 100%;
  }

  .video-timetable {
    padding-bottom: 450px;
  }

  .overlay-timetable-bottom {
    height: 260px;
  }

  .wrap-timetable {
    margin-top: -425px;
  }

  .classes-cta-thirds {
    grid-template-columns: 1fr 1fr;
  }

  .image-wrap-class {
    height: 362px;
  }

  .timetable-grid-class {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }


  .nav-bg {
    margin-top: -8px;
  }
}

@media screen and (max-width: 479px) {
  .button-wrap-style-guide {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

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

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

  .images-wrap-studio {
    justify-content: center;
    align-items: center;
  }

  .polaroid-card._2 {
    right: -47px;
  }

  .polaroid-card._1 {
    /* margin-left: -134px; */
    /* bottom: 0; */
    left: auto;
    margin-top: 64px;
  }

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

  .card-feature-column {
    min-height: auto;
  }

  .text-dark-64 {
    text-align: left;
  }

  .brand-simple-nav {
    width: 121px;
  }

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

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

  .card-testimonial {
    padding-right: var(--spacing--24);
    padding-left: var(--spacing--24);
  }

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

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

  .contact-form-bottom-tile {
    flex-flow: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }

  .empty-events {
    padding-right: var(--spacing--32);
    padding-left: var(--spacing--32);
  }

  .timetable-cell.class-single {
    max-width: 180px;
  }

  .classes-cta-thirds,
  .classes-halves {
    grid-template-columns: 1fr;
  }

  .filters-block {
    flex-flow: wrap;
  }

  .timetable-grid-class {
    grid-template-columns: 1fr;
  }

  .classes-cta-two {
    grid-template-areas: ".";
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    flex-direction: column;
  }

  .card-container {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}

#w-node-_22e1670c-bc17-70f8-0575-862434bb3b4a-349531d9 {
  justify-self: center;
}

#w-node-_32268ad2-7a79-3a22-ce1e-07851e201430-349531dc,
#w-node-_32268ad2-7a79-3a22-ce1e-07851e201434-349531dc,
#w-node-_32268ad2-7a79-3a22-ce1e-07851e201438-349531dc,
#w-node-_6e66538b-b83c-8618-1625-8fa5bafe4983-349531e1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c00b44e5-ec82-546b-9d80-bf04e0e6066b-e0e60663 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch;
}

#w-node-_4270c0ca-af0e-fc83-120f-52043dd0fac9-349531e2,
#w-node-_490a6875-7ff9-8c82-fa98-390d521af591-349531e2 {
  align-self: center;
}

#w-node-_52fafcc6-d7e5-d612-4a49-18d52c88aff2-349531e4,
#w-node-_1507b8ff-2257-5e5f-62e2-86c03c73ba02-349531ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {

  #w-node-c934bec1-7b74-852d-6e9a-54cf38557471-349531d9,
  #w-node-a327d921-6ae2-b367-3d49-f411c156e442-349531e1,
  #w-node-_4270c0ca-af0e-fc83-120f-52043dd0fac7-349531e2,
  #w-node-_490a6875-7ff9-8c82-fa98-390d521af58f-349531e2,
  #w-node-_41638ac1-7de2-32ee-6f69-ace0a33f141d-349531f4 {
    order: -9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_4b3cc246-34e8-1d39-ef34-d228f4619297-349531ea {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c00b44e5-ec82-546b-9d80-bf04e0e6066b-e0e60663 {
    grid-column: span 1 / span 1;
    align-self: stretch;
  }
}

@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: "Libre Caslon Condensed";
  src: url("../fonts/LibreCaslonCondensed-BoldItalic-BF64eff85c439e8.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Libre Caslon Condensed";
  src: url("../fonts/LibreCaslonCondensed-Regular-BF64eff85c37e2f.ttf") format("truetype"),
    url("../fonts/LibreCaslonCondensedwght-BF64eff85bcc57d.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Libre Caslon Condensed";
  src: url("../fonts/LibreCaslonCondensed-Italic-BF64eff85c44a2e.ttf") format("truetype"),
    url("../fonts/LibreCaslonCondensed-Italicwght-BF64eff85c449b8.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Libre Caslon Condensed";
  src: url("../fonts/LibreCaslonCondensed-Bold-BF64eff85c12965.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Libre Caslon Condensed";
  src: url("../fonts/LibreCaslonCondensed-Medium-BF64eff85c2878d.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Libre Caslon Condensed";
  src: url("../fonts/LibreCaslonCondensed-SemiBold-BF64eff85c2c6ca.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Libre Caslon Condensed";
  src: url("../fonts/LibreCaslonCondensed-MediumItalic-BF64eff85c562fc.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Libre Caslon Condensed";
  src: url("../fonts/LibreCaslonCondensed-SemiBoldItalic-BF64eff85c564cc.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans Variable";
  src: url("../images/") format("truetype");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans Variable";
  src: url("../images/") format("truetype");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

.timetable-holder {
  background-color: #e9e1d9;
  padding: 10px;
  border-radius: 8px;
  color: var(--_🎨-color---neutral--dark-100);
  text-align: right;
  width: 264px;
}

.cta-price {
  margin-top: auto;
  /* This is the "magic" property that pushes the button down */
}

.section-pricepackage {
  margin-top: 100px;
  margin-bottom: 50px;
}

/* ======================== */

.section-faq {
  padding-top: 40px;
  padding-bottom: 40px;
}

.form-container {
  width: 100%;
  margin: 40px auto;
  text-align: left;
  border-radius: 12px;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 25px;
}

.input-group {
  display: flex;
  flex-direction: column;
  padding-bottom: 40px;
}

.input-group label {
  font-size: 14px;
  line-height: 26px;
}

.input-group input,
.input-group select,
.input-group textarea {
  background: var(--_🎨-color---background--🥛-lotus-milk);
  padding: var(--spacing--12) var(--spacing--16);
  border: 1px solid var(--_🎨-color---neutral--dark-0);
  border-radius: var(--_🔘-radius---radius--button);
  color: var(--_🎨-color---neutral--dark-100);
  font-family: inherit;
  font-size: inherit;
  outline: none;
  accent-color: var(--_🎨-color---neutral--dark-100);
}

.input-group input:focus,
.input-group select:focus,
.input-group textarea:focus {
  border-color: var(--_🎨-color---neutral--dark-100);
  box-shadow: 0 0 0 2px var(--_🎨-color---neutral--dark-16);
}

.input-group select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23594a3c' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
  cursor: pointer;
}

.input-group input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  filter: invert(31%) sepia(21%) saturate(542%) hue-rotate(345deg) brightness(91%) contrast(85%);
}

.input-group input[type="datetime-local"]::-webkit-datetime-edit-field:focus {
  background-color: var(--_🎨-color---neutral--dark-100);
  color: var(--_🎨-color---neutral--light-100);
  border-radius: 2px;
}

/* Global Selection Styling Overrides to prevent default browser blue highlight */
::selection {
  background-color: var(--_🎨-color---neutral--dark-32);
  color: var(--_🎨-color---neutral--light-100);
}

::-moz-selection {
  background-color: var(--_🎨-color---neutral--dark-32);
  color: var(--_🎨-color---neutral--light-100);
}

.input-group textarea {
  height: 150px;
}

/* Make Email and Website take full width of the grid */
.full-width {
  grid-column: span 2;
}

.questions-section {
  border-top: 1px solid #eee;
  padding-top: 20px;
}

.questions-section h3 {
  margin-bottom: 20px;
  color: #333;
}

/* Mobile responsive */
@media (max-width: 600px) {
  .form-grid {
    grid-template-columns: 1fr;
  }

  .full-width {
    grid-column: span 1;
  }
}

.headline-form {
  filter: blur(0px);
  opacity: 1;
  padding: var(--spacing--48);
  border-radius: var(--_🔘-radius---radius--small);
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  filter: blur(12px);
  max-width: var(--max-width--8-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;
}

.form-info {
  padding: 30px;
}


/* Ensure the buttons don't stretch to fill the width */
.cta-small.cta-price {
  flex: 0 1 auto;
}

/* ========= FAQ =========== */
/* Container Layout */

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

.faq-container {
  display: flex;
  gap: 20px;
  text-align: left !important;
  /* max-width: 1000px;
  margin: 0 auto; */
  font-family: sans-serif;
}

.faq-column {
  flex: 1;
}

/* Accordion Styling */
details {
  background: var(--_🎨-color---background--🪨-warm-sand);
  border: 1px solid var(--_🎨-color---background--🪨-warm-sand);
  border-radius: 8px;
  margin-bottom: 20px;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 2px 0px 25px #594a3c52;
}

details:hover {
  box-shadow: 0 8px 15px #594a3c52;
  transform: translateY(-4px);
  /* Lifts the card slightly */
}


summary {
  padding: 20px;
  font-weight: bold;
  cursor: pointer;
  list-style: none;
  /* Removes default arrow */
  position: relative;
}

/* Custom Arrow Indicator */
summary::after {
  content: "+";
  float: right;
  transition: transform 0.3s;
  font-size: 1.6rem;
  font-weight: 200;
}

details[open] summary::after {
  content: "-";
  font-size: 1.6rem;
  font-weight: 200;
}

.content {
  padding: 20px;
  background-color: var(--_🎨-color---background--🌸-white-flower);
}

.content-faq {
  padding: 15px;
  border-top: 1px solid var(--_🎨-color---background--🪨-warm-sand);
  background: var(--_🎨-color---background--🪨-warm-sand);
}

/* Responsive: Stack on mobile */
@media (max-width: 768px) {
  .faq-container {
    flex-direction: column;
    gap: 0;
  }
}


/* ========================= */

.gallery-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 50px;
  flex-wrap: wrap;
}

/* The actual "Frame" look */
.image-frame {
  background-color: var(--_🎨-color---background--🪨-warm-sand);
  padding: 10px;
  border-radius: var(--_🔘-radius---radius--small);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease;
}

/* Hover effect for a little extra polish */
.image-frame:hover {
  transform: scale(1.05);
}

/* Ensures images fit perfectly inside the frame */
.image-frame img {
  display: block;
  width: 100%;
  max-width: inherit;
  height: 300px;
  object-fit: cover;
  cursor: pointer;
}

/* ── Lightbox overlay ── */
.gallery-lightbox {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

.gallery-lightbox.is-open {
  display: flex;
}

.gallery-lightbox img {
  max-width: 90vw;
  max-height: 90vh;
  object-fit: contain;
  border-radius: var(--_🔘-radius---radius--small);
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6);
}

.gallery-lightbox-close {
  position: absolute;
  top: 20px;
  right: 28px;
  font-size: 2.5rem;
  color: #fff;
  cursor: pointer;
  line-height: 1;
  background: none;
  border: none;
  opacity: 0.8;
  transition: opacity 0.2s;
}

.gallery-lightbox-close:hover {
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .image-frame {
    padding: 6px;
  }
}

/* flip-card styles removed from here, unified at bottom of file */


.slide-text {
  line-height: 1.6;
}

.slide-button {
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 1. Define the High Jump Animation */
@keyframes bouncyJump {

  0%,
  100% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }

  50% {
    transform: translateY(-100px);
    /* The 100px max height */
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

/* 2. Apply to the Card */
.news-home-hero.timetable-holder {
  /* 3 second loop for a snappy jump, or 5s for a slower 'float' jump */
  animation: bouncyJump 4s infinite;
  transition: transform 0.3s ease;
  will-change: transform;
}

/* 3. Add a "Shadow" effect to make the jump look real */
.news-home-hero.timetable-holder::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 10%;
  width: 80%;
  height: 10px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  filter: blur(8px);
  opacity: 0.5;
  transition: opacity 4s infinite, transform 4s infinite;
  z-index: -1;
}

/* Sync the shadow with the jump */
@keyframes shadowScale {

  0%,
  100% {
    transform: scale(1);
    opacity: 0.5;
  }

  50% {
    transform: scale(0.5);
    opacity: 0.1;
  }

  /* Shadow fades as card goes up */
}

.news-home-hero.timetable-holder::after {
  animation: shadowScale 4s infinite;
}

/* 4. Pause on Hover */
.news-home-hero.timetable-holder:hover,
.news-home-hero.timetable-holder:hover::after {
  animation-play-state: paused;
}

/* ======= dropdown ========== */
/* 1. Ensure the dropdown list is positioned correctly */
.dropdown-list {
  background-color: #fcf9f4;
  /* Match your nav background */
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  min-width: 180px;
}

/* 2. Style the individual links inside the dropdown */
.dropdown-link {
  padding: 10px 20px;
  color: #333;
  text-decoration: none;
  display: block;
  font-size: 14px;
  transition: background-color 0.3s ease;
}

.dropdown-link:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: #000;
}

/* 3. Make the dropdown appear on hover (Desktop) */
@media (min-width: 992px) {
  .w-dropdown:hover .w-dropdown-list {
    display: block;
    opacity: 1;
    visibility: visible;
  }
}

/* 4. Fix alignment for the dropdown toggle to match your other nav buttons */
.dropdown-toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
  /* Adjust if it's too wide */
}

.dropdown-icon {
  margin-left: 5px;
  font-size: 10px;
  opacity: 0.6;
}

/* 1. The Grid Container */
.product-grid-wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding: 20px 0;
  width: 100%;
}

/* 2. The Card Styling */
.product-card {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease;
  min-width: 0;
}

.product-card:hover {
  transform: translateY(-5px);
  /* Subtle lift on hover */
}

/* 3. The Image Wrap */
.image-wrap-product {
  width: 100%;
  aspect-ratio: 1 / 1;
  /* Makes images perfect squares */
  overflow: hidden;
  border-radius: 8px;
  /* Optional: rounds the corners */
  background-color: #f4f4f4;
}

.image-product {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Prevents stretching */
  transition: scale 0.5s ease;
}

.product-card:hover .image-product {
  scale: 1.05;
  /* Slight zoom in on image */
}

/* 4. Text Styling */
.product-bottom-tile {
  padding-top: 12px;
}

.text-body-bold {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 4px;
}

/* 5. Responsive Design */
@media screen and (max-width: 991px) {
  .product-grid-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 767px) {
  .product-grid-wrapper {
    grid-template-columns: minmax(0, 1fr);
  }
}


.full-screen-link {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;

  /* Place it above the video and overlays, but below the text if needed */
  z-index: 5 !important;

  /* Make it invisible but 'solid' to the mouse */
  background-color: rgba(0, 0, 0, 0);
  display: block !important;
}

/* 3. Keep the text and inner content on top so it stays visible */
.expandable-inner {
  position: relative !important;
  z-index: 10 !important;

  /* IMPORTANT: This lets the click pass THROUGH the text 
     to the 'full-screen-link' underneath it */
  pointer-events: none;
}

/* 4. Re-enable pointer events for the actual button inside if you want it to hover separately */
.cta-small {
  pointer-events: auto !important;
  position: relative;
  z-index: 15 !important;
}

/* 5. Force the cursor to stay a pointer over the whole area */
.video-expandable:hover {
  cursor: pointer;
}

/* ============ */
/* 1. Main Container */
.card-team.flip-card {
  perspective: 1000px;
  /* Standard 3D space */
  cursor: pointer;
  background-color: transparent;
  height: 577px;
  /* Restored exact static height */
  width: 100%;
}

/* 2. The Inner Wrapper (this actually rotates) */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 1.15s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d;
  /* Required for 3D effects */
}

/* 3. Rotate on Hover */
.card-team.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* 4. Front & Back Faces Common Styles */
.flip-card-front,
.flip-card-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}

/* Maintain rounded corners for front image without flattening 3D */
.flip-card-front .image-wrap-team {
  border-radius: 10px 10px 0 0;
  /* Only round the top corners so text wraps cleanly below! */
  margin-bottom: 10px;
  overflow: hidden;
}


/* 5. Front Face Styling */
.flip-card-front {
  background-color: var(--_🎨-color---neutral--dark-100);
  z-index: 2;
  padding-bottom: 10px;
}

/* 6. Back Face Styling */
.flip-card-back {
  background-color: var(--_🎨-color---neutral--dark-100);
  transform: rotateY(180deg);
  /* Start rotated */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  transform-style: preserve-3d;
  /* Allows nested 3D elements */
  text-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Override existing dark text classes inside flip cards to apply light text */
.flip-card-front .text-dark-88,
.flip-card-front .text-dark-64 {
  color: var(--_🎨-color---neutral--light-88) !important;
}

.flip-card-back .text-dark-88,
.flip-card-back .text-dark-64,
.flip-card-back .slide-text {
  color: #ffffff;
}


/* 7. The "Distant Content" Effect (translateZ) */
/* This makes the text look like it's floating above the card background */
.flip-card-inner-content {
  transform: translateZ(90px) scale(0.9);
  width: 100%;
}

/* Additional styling for the content on the back */
.flip-card-back .slide-text {
  /* font-size: 0.9rem; */
  /* line-height: 1.5; */
  margin: 20px 0;
  opacity: 0.9;
}

.text-white {
  color: #ffffff;
}

.text-white-64 {
  color: rgba(255, 255, 255, 0.64);
}

/* Responsive Grid for Mobile Devices */
@media screen and (max-width: 767px) {

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

@media screen and (max-width: 479px) {
  .image-wrap-team {
    height: 500px;
  }
}

/* Fix dropdown active state blue color */
.dropdown-link.w--current {
  color: var(--_🎨-color---neutral--dark-100) !important;
}

/* Service Dropdown hover / open text color */
.w-dropdown-toggle:hover .nav-link-text,
.w-dropdown-toggle.w--open .nav-link-text {
  color: var(--_🎨-color---background--🪨-warm-sand) !important;
}

/* ── Mobile navbar CTA fix ─────────────────────────────────────────── */

/* Desktop: hide buttons inside mobile dropdown, show desktop ones */
.mobile-nav-ctas {
  display: none;
}

.desktop-only-cta {
  display: flex;
}

/* Mobile (≤ 991px): hide desktop CTAs, show them in dropdown menu */
@media screen and (max-width: 991px) {
  .desktop-only-cta {
    display: none !important;
  }

  .mobile-nav-ctas {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 24px;
    margin-top: 16px;
    border-top: 1px solid var(--_🎨-color---neutral--dark-16);
    width: 100%;
  }

  .mobile-nav-ctas .nav-button.side-button,
  .mobile-nav-ctas .nav-button.event-button {
    border-radius: 20px;
    justify-content: center;
    width: 100%;
    padding: 10px 20px;
  }
}

/* ─────────────────────────────────────────────────────────────────── */


/* ── Index hero mobile spacing fix ─────────────────────────────────── */
@media screen and (max-width: 767px) {
  .section.hero-home {
    min-height: auto;
  }

  .video-home-a {
    height: 50vh;
  }
}

@media screen and (max-width: 479px) {
  .section.hero-home {
    min-height: auto;
  }

  .video-home-a {
    height: 45vh;
  }
}

/* ─────────────────────────────────────────────────────────────────── */


/* ── CTA section button spacing ────────────────────────────────────── */
.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  justify-content: center;
}

/* ─────────────────────────────────────────────────────────────────── */

/* ── Corporate Group Section: mobile fix ── */
@media screen and (max-width: 767px) {
  .corp-group-section .images-wrap-studio {
    margin-left: 0;
    margin-right: 0;
    justify-content: center;
    width: 100%;
    overflow: visible;
  }

  .corp-group-section .polaroid-card._1 {
    position: relative;
    inset: auto;
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
  }

  .corp-group-section .content-studio.right {
    margin-top: 0;
    max-width: 100%;
  }
}

/* Classes page: reduce gap before price section on mobile */
@media (max-width: 767px) {
  .section-pricepackage {
    margin-top: 50px;
  }
}

/* ── detail_events: Sign Up button mobile fix ── */
@media screen and (max-width: 767px) {
  .form-block {
    padding: 24px;
  }

  .contact-form-bottom-tile {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ── Mobile nav: Services dropdown matches other items ── */
@media screen and (max-width: 991px) {

  /* Fix nav overlay clipping */
  .w-nav-overlay {
    overflow: visible;
  }

  /* Align the dropdown wrapper like other nav items */
  .nav-link.w-dropdown {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 !important;
    padding: 0 var(--spacing--16);
    position: relative;
    width: 100%;
    z-index: auto;
  }

  /* Match toggle font to other nav links — bypass mask animation */
  .nav-button.dropdown-toggle.w-dropdown-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 var(--spacing--16);
    padding-right: 0 !important;
    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);
    text-transform: none;
    color: var(--_🎨-color---neutral--dark-100);
    background: none;
    width: auto;
  }

  /* Remove mask clipping — show text directly */
  .nav-button.dropdown-toggle .button-text-mask {
    overflow: visible;
    height: auto;
  }

  .nav-button.dropdown-toggle .button-text {
    transform: none !important;
    text-shadow: none;
    position: static;
    color: var(--_🎨-color---neutral--dark-100);
  }

  /* Arrow icon: inline next to text */
  .nav-link.w-dropdown .w-icon-dropdown-toggle {
    position: static;
    margin: 0;
    width: 12px;
    height: 12px;
  }

  /* Dropdown list: hidden by default, shown when Webflow adds w--nav-link-open */
  .nav-menu-inner .w-dropdown-list {
    display: none;
    position: relative !important;
    box-shadow: none;
    background: none;
    padding: 0;
    min-width: 0;
    border-radius: 0;
  }

  .nav-menu-inner .w-dropdown-list.w--nav-link-open,
  .nav-menu-inner .w-dropdown-list.w--open {
    display: block !important;
    position: relative !important;
    padding: 6px 0 6px 20px;
  }

  .dropdown-link {
    font-family: var(--_🔠-typography---font-family--h3);
    font-size: calc(var(--_🔠-typography---size--h3) * 0.68);
    font-weight: var(--_🔠-typography---font-weight--h3);
    color: var(--_🎨-color---neutral--dark-64);
    padding: 4px 0;
    white-space: normal;
    display: block;
  }

  .dropdown-link:hover {
    background: none;
    color: var(--_🎨-color---neutral--dark-100);
  }
}

/* ── Mobile Services dropdown (mob-open toggle) ── */
@media screen and (max-width: 991px) {
  .nav-link.w-dropdown {
    display: block !important;
    margin: 0 !important;
    padding: 0 var(--spacing--16);
    width: 100%;
    text-align: left;
  }

  .w-dropdown-list {
    display: none !important;
  }

  .w-dropdown-list.mob-open {
    display: block !important;
    position: relative !important;
    background: none !important;
    box-shadow: none !important;
    padding: 4px 0 4px 16px !important;
    min-width: 0 !important;
  }

  .w-dropdown-list.mob-open .dropdown-link {
    padding: 10px 20px;
    color: #333 !important;
    text-decoration: none;
    display: block;
    font-size: 14px;
    font-family: inherit;
    font-weight: normal;
    transition: background-color 0.3s ease;
  }

  .w-dropdown-list.mob-open .dropdown-link:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: #000 !important;
  }

  .w-dropdown-list.mob-open {
    background-color: #fcf9f4 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
    padding: 10px 0 !important;
    min-width: 180px !important;
  }
}

/* ── Services toggle: keep text visible at all times (mobile + desktop) ── */
.nav-button.dropdown-toggle .button-text-mask {
  overflow: visible !important;
  height: auto !important;
}

.nav-button.dropdown-toggle .button-text {
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  text-shadow: none !important;
}

/* ── Services: force text color always visible ── */
.nav-button.dropdown-toggle,
.nav-button.dropdown-toggle .button-text,
.nav-button.dropdown-toggle .nav-link-text {
  color: var(--_🎨-color---neutral--dark-100) !important;
}

/* ── Services submenu links: dark brown ── */
.dropdown-link,
.w-dropdown-link {
  color: var(--_🎨-color---neutral--dark-100) !important;
}

/* Mobile-only navbar CTA button */
.mobile-only-cta {
  display: none;
}

@media screen and (max-width: 991px) {
  .mobile-only-cta {
    display: flex !important;
    align-items: center;
    margin-right: 8px;
    padding: 8px 16px !important;
    font-size: 13px !important;
    white-space: nowrap;
  }
}

/* ── Corporate Partner Logos Slider ── */
.corp-logos-section {
  padding: 0 0 80px;
  background-color: var(--_🎨-color---background--🎨-moon-dust);
  text-align: center;
  overflow: hidden;
}

.corp-logos-title {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-row-gap: var(--spacing--24);
}

.corp-logos-title h2 {
  font-family: var(--_🔠-typography---font--heading-serif, "Libre Caslon Condensed", serif);
  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: 0;
  margin-bottom: 0;
  color: var(--_🎨-color---neutral--dark-100);
}

.logo-slider-container {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 20px 0;
}

/* Linear gradient fade overlays on left and right for premium soft-fade effect */
.logo-slider-container::before,
.logo-slider-container::after {
  content: "";
  position: absolute;
  top: 0;
  width: 150px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.logo-slider-container::before {
  left: 0;
  background: linear-gradient(to right, var(--_🎨-color---background--🎨-moon-dust), transparent);
}

.logo-slider-container::after {
  right: 0;
  background: linear-gradient(to left, var(--_🎨-color---background--🎨-moon-dust), transparent);
}

.logo-slider-track {
  display: flex;
  width: calc(250px * 10);
  /* 5 logos doubled for infinite loop */
  animation: logo-scroll 20s linear infinite;
}

.logo-slider-track:hover {
  animation-play-state: paused;
}

.logo-slide {
  width: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.logo-slide img {
  max-height: 100px;
  max-width: 250px;
  width: auto;
  height: auto;
  object-fit: contain;
  opacity: 1;
  filter: none;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.logo-slide:hover img {
  transform: scale(1.04);
}

@keyframes logo-scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-250px * 5));
  }
}

@media screen and (max-width: 767px) {
  .corp-logos-section {
    padding: 0 0 60px;
  }

  .logo-slider-container::before,
  .logo-slider-container::after {
    width: 60px;
  }

  .logo-slide {
    width: 160px;
  }

  .logo-slider-track {
    width: calc(160px * 10);
  }

  @keyframes logo-scroll {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(calc(-160px * 5));
    }
  }

  .logo-slide img {
    max-height: 35px;
    max-width: 120px;
  }
}

/* ==========================================================================
   Healing House Timetable Specific Styles (Moved from timetable.html)
   ========================================================================== */

.classes-cta-two .card-container {
  padding-left: 30px;
  padding-right: 30px;
}

/* Price package mobile */
.section-pricepackage .classes-cta-two {
  grid-template-columns: repeat(3, 1fr) !important;
}

@media (max-width: 991px) {
  .section-pricepackage .classes-cta-two {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 640px) {
  .section-pricepackage .classes-cta-two {
    grid-template-columns: 1fr !important;
  }

  .classes-cta-two .card-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 992px) {
  .section.hero-timetable-section .w-layout-blockcontainer.main-container.w-container {
    padding-left: 100px;
    padding-right: 100px;
  }
}

#calendar-view button {
  color: var(--_🎨-color---neutral--dark-100);
}

.schedule-day-header {
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--_🎨-color---neutral--dark-100);
  margin: 32px 0 0 0;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--_🎨-color---neutral--dark-16);
}

.schedule-row {
  padding: 30px;
  background: var(--_🎨-color---background--🪨-warm-sand);
  border-radius: 8px;
  display: grid;
  grid-template-columns: 220px 1fr auto;
  align-items: center;
  gap: 24px;
  padding: 24px 30px;
  border-bottom: 1px solid var(--_🎨-color---neutral--dark-16);
  margin-bottom: 16px;
}

.schedule-meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.schedule-time {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  color: var(--_🎨-color---neutral--dark-100);
}

.schedule-location {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  color: var(--_🎨-color---neutral--dark-64);
}

.schedule-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.schedule-class-name {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--_🎨-color---neutral--dark-100);
}

.schedule-instructor {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.875rem;
  color: var(--_🎨-color---neutral--dark-100);
}

.schedule-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--_🎨-color---background--🎨-moon-dust);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--_🎨-color---neutral--dark-100);
  flex-shrink: 0;
}

.schedule-book-btn {
  padding: 8px 20px;
  background: var(--_🎨-color---neutral--dark-100);
  color: var(--_🎨-color---neutral--light-100);
  border: none;
  border-radius: 20px;
  cursor: pointer;
  font-family: var(--_🔠-typography---font-family--button-2);
  font-size: var(--_🔠-typography---size--button-2);
  font-weight: var(--_🔠-typography---font-weight--button-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--button-2);
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.65s;
}

.schedule-book-btn:hover {
  background: var(--_🎨-color---accent--🌑-solar-shadow);
}

.day-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid var(--_🎨-color---neutral--dark-16);
  background: transparent;
  cursor: pointer;
  flex: 1;
  transition: background 0.2s;
}

.day-btn.active {
  background: var(--_🎨-color---neutral--dark-100);
  color: white;
  border-radius: 8px;
}

.day-btn.active .day-name,
.day-btn.active .day-num {
  color: white;
}

.day-btn.has-classes .day-num::after {
  content: none;
}

.day-name {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--_🎨-color---neutral--dark-100);
  margin-bottom: 4px;
}

.day-num {
  font-size: 1rem;
  font-weight: 500;
  color: var(--_🎨-color---neutral--dark-100);
}

@media (max-width: 768px) {
  .schedule-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

@media (max-width: 640px) {

  /* Day selector */
  #day-selector {
    padding: 12px 8px !important;
    gap: 4px !important;
  }

  .day-btn {
    padding: 6px 2px !important;
  }

  .day-full {
    display: none;
  }

  .day-abbr {
    display: inline;
  }

  .day-name {
    font-size: 0.6rem;
    letter-spacing: 0.04em;
  }

  .day-num {
    font-size: 0.875rem;
  }

  /* Filters */
  #teacher-filter,
  #level-filter {
    min-width: 0 !important;
    width: 120px;
  }
}

@media (max-width: 480px) {

  #teacher-filter,
  #level-filter {
    width: 100px;
  }
}

/* ==========================================================================
   Global Boilerplate Styles (Moved from timetable.html)
   ========================================================================== */

html.w-mod-js:not(.w-mod-ix3) :is(.master-navigation, [cms-overlay]) {
  visibility: hidden !important;
}

* {
  -webkit-font-smoothing: antialiased;
  /* For WebKit (Safari, Chrome) */
  -moz-osx-font-smoothing: grayscale;
  /* For macOS Firefox */
  font-smoothing: antialiased;
  /* Non-standard, fallback */
  text-rendering: optimizeLegibility;
  /* Improves kerning and ligatures */
}

/* ==========================================================================
   Page-Specific Styles (Moved from HTML files)
   ========================================================================== */

/* index.html background video fallback */
[data-wf-bgvideo-fallback-img] {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-wf-bgvideo-fallback-img] {
    position: absolute;
    z-index: -100;
    display: inline-block;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}

/* Footer Logo Adjustment */
.footer .logo-brand {
  padding: 10px;
}

/* Custom Dropdown for Timetable Filters */
.custom-dropdown-option {
  padding: 8px 16px;
  cursor: pointer;
  font-size: 0.875rem;
  color: var(--_🎨-color---neutral--dark-64);
  transition: color 0.2s, background 0.2s;
}

.custom-dropdown-option:hover {
  color: var(--_🎨-color---neutral--dark-100);
  background: rgba(0, 0, 0, 0.05);
}

/* Team Filters */
.team-filters {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-bottom: 60px;
  flex-wrap: wrap;
}

.team-filter-btn {
  padding: 10px 20px;
  border-radius: 40px;
  border: 1px solid rgba(17, 17, 17, 0.16);
  background: transparent;
  color: var(--_🎨-color---neutral--dark-100);
  font-family: var(--_🔠-typography---font-family--body-1);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.team-filter-btn.active,
.team-filter-btn:hover {
  background: var(--_🎨-color---neutral--dark-100);
  color: var(--_🎨-color---neutral--light-88);
}

/* Custom styling for Enquire Now buttons on Corporate page */
.cta-small.cta-corporate-enquire {
  color: var(--_🎨-color---neutral--light-100);
}

.cta-small.cta-corporate-enquire .button-text {
  text-shadow: 0 1.5em 0 var(--_🎨-color---neutral--dark-100);
}

.cta-small.cta-corporate-enquire:hover {
  color: var(--_🎨-color---neutral--dark-100);
}

.cta-small.cta-corporate-enquire:hover .button-text {
  text-shadow: 0 1.5em 0 var(--_🎨-color---neutral--dark-100);
}

.cta-small.cta-corporate-enquire .button-bg {
  background-color: var(--_🎨-color---accent--🌑-solar-shadow);
  border-color: var(--_🎨-color---accent--🌑-solar-shadow);
}

.cta-small.cta-corporate-enquire:hover .button-bg {
  background-color: var(--_🎨-color---neutral--light-100);
  border-color: var(--_🎨-color---neutral--dark-16);
}