:root {
  --sand: #f5f0da;
  --midnight: #250744;
  --purple: #651c9c;
  --red: #fa5943;
  --yellow: #ffc93f;
  --dark-green: #064911;
  --pink: #ff82c1;
  --blue: #5873ff;
  --spacing-y--xxl--laptop: 96px;
  --spacing-y--xxl--desktop: 112px;
  --spacing-y--xxl--tablet: 80px;
  --spacing-y--xxl--mobile: 80px;
  --spacing-y--xl--laptop: 64px;
  --spacing-y--xl--desktop: 80px;
  --spacing-y--xl--tablet: 64px;
  --spacing-y--xl--mobile: 48px;
  --spacing-y--lg--laptop: 48px;
  --spacing-y--lg--desktop: 48px;
  --spacing-y--lg--tablet: 48px;
  --spacing-y--lg--mobile: 40px;
  --teal: #17cbc1;
  --clay: #b5beab;
  --transparent: #fff0;
  --spacing-y--sm--laptop: 24px;
  --spacing-y--sm--desktop: 24px;
  --spacing-y--sm--tablet: 24px;
  --spacing-y--sm--mobile: 24px;
  --spacing-y--xs--desktop: 16px;
  --spacing-y--xs--tablet: 16px;
  --spacing-y--xs--mobile: 16px;
  --spacing-y--xxs--laptop: 8px;
  --spacing-y--xxs--desktop: 8px;
  --spacing-y--xxs--tablet: 8px;
  --spacing-y--xxs--mobile: 8px;
  --spacing-y--md--laptop: 32px;
  --spacing-y--md--desktop: 32px;
  --spacing-y--md--tablet: 32px;
  --spacing-y--md--mobile: 32px;
  --layout-xs: 8px;
  --layout-lg: 36px;
  --spacing-y--xs--laptop: 16px;
  --green: #00cc71;
  --layout-sm: 16px;
  --orange: #ff8a00;
  --white: white;
  --layout-md: 24px;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.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-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

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

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

body {
  background-color: var(--sand);
  color: var(--midnight);
  align-self: stretch;
  font-family: obviously, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: block;
}

h1 {
  text-transform: uppercase;
  margin-top: 32px;
  margin-bottom: 24px;
  font-family: obviously-narrow, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
}

h2 {
  text-transform: uppercase;
  margin-top: 24px;
  margin-bottom: 16px;
  font-family: obviously-narrow, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
}

h3 {
  text-transform: uppercase;
  margin-top: 24px;
  margin-bottom: 16px;
  font-family: obviously-narrow, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  text-transform: uppercase;
  margin-top: 16px;
  margin-bottom: 16px;
  font-family: obviously-narrow, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

p {
  margin-bottom: 12px;
}

a {
  color: var(--purple);
  text-decoration: underline;
}

.button {
  border: 2px solid var(--midnight);
  background-color: var(--midnight);
  color: var(--sand);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding-top: 0;
  padding-left: 24px;
  padding-right: 24px;
  font-family: obviously, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: color .25s cubic-bezier(.25, .46, .45, .94), background-color .25s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
  overflow: hidden;
}

.button.button-medium {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-color: var(--midnight);
  background-color: var(--midnight);
  color: #fff;
  min-width: 160px;
  height: 44px;
  text-decoration: none;
}

.button.button-medium.button-outline {
  border-color: var(--midnight);
  color: var(--midnight);
  background-color: #0000;
}

.button.button-medium.form-button {
  color: var(--midnight);
  background-color: #ffc93f;
  border-style: none;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 44px;
}

.button.button-outlined {
  color: var(--midnight);
  background-color: #0000;
}

.button.button-outlined:hover {
  background-color: var(--midnight);
  color: var(--sand);
}

.button.button-outlined.button-min-width.button-fluid-mobile.align-center {
  align-self: center;
}

.button.button-outlined.button-fluid {
  display: flex;
}

.button.button-outlined.button-fluid.hidden {
  display: none;
}

.button.button-outlined.button-fluid.hidden.cursor-not-allowed {
  cursor: not-allowed;
}

.button.button-ghost {
  color: var(--midnight);
  background-color: #0000;
  border-color: #0000;
}

.button.button-ghost:hover {
  border-color: var(--midnight);
  background-color: var(--midnight);
  color: var(--sand);
}

.button.button-fluid {
  width: 100%;
}

.button.button-square {
  width: 44px;
  padding-left: 0;
  padding-right: 0;
}

.button.button-disabled {
  opacity: .25;
  cursor: default;
}

.button.button-small {
  height: 36px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  line-height: 24px;
}

.button.button-small.button-outlined.button-yellow:hover {
  color: var(--midnight);
}

.button.button-red {
  border-color: var(--red);
  background-color: var(--red);
}

.button.button-red.button-outlined {
  color: var(--red);
  background-color: #0000;
}

.button.button-red.button-outlined:hover {
  background-color: var(--red);
  color: var(--sand);
}

.button.button-red.button-ghost {
  color: var(--red);
  background-color: #0000;
  border-color: #0000;
}

.button.button-red.button-ghost:hover {
  border-color: var(--red);
  background-color: var(--red);
  color: var(--sand);
}

.button.button-yellow {
  border-color: var(--yellow);
  background-color: var(--yellow);
  color: var(--midnight);
}

.button.button-yellow.button-outlined {
  color: var(--yellow);
  background-color: #0000;
}

.button.button-yellow.button-outlined:hover {
  background-color: var(--yellow);
  color: var(--midnight);
}

.button.button-yellow.button-ghost {
  color: var(--yellow);
  background-color: #0000;
  border-color: #0000;
}

.button.button-yellow.button-ghost:hover {
  border-color: var(--yellow);
  background-color: var(--yellow);
  color: var(--midnight);
}

.button.button-yellow.button-submit-wrapper {
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
}

.button.button-light {
  border-color: var(--sand);
  background-color: var(--sand);
  color: var(--midnight);
}

.button.button-light.button-outlined {
  color: var(--sand);
  background-color: #0000;
  border-color: #f5f0da;
}

.button.button-light.button-outlined:hover {
  background-color: var(--sand);
  color: var(--midnight);
}

.button.button-light.button-ghost {
  color: var(--sand);
  background-color: #0000;
  border-color: #0000;
}

.button.button-light.button-ghost:hover {
  border-color: var(--sand);
  background-color: var(--sand);
  color: var(--midnight);
}

.button.button-min-width {
  min-width: 160px;
}

.button.button-dark-green {
  border-color: var(--dark-green);
  background-color: var(--dark-green);
}

.button.button-dark-green.button-outlined {
  color: var(--dark-green);
  background-color: #0000;
}

.button.button-dark-green.button-outlined:hover {
  background-color: var(--dark-green);
  color: var(--sand);
}

.button.button-dark-green.button-ghost {
  color: var(--dark-green);
  -webkit-text-stroke-color: transparent;
  background-color: #0000;
  border-color: #0000;
}

.button.button-dark-green.button-ghost:hover {
  border-color: var(--dark-green);
  background-color: var(--dark-green);
  color: var(--sand);
  -webkit-text-stroke-color: var(--dark-green);
}

.button.button-pink {
  border-color: var(--pink);
  background-color: var(--pink);
  color: var(--sand);
  -webkit-text-stroke-color: var(--pink);
}

.button.button-pink.button-outlined {
  color: var(--pink);
  background-color: #0000;
}

.button.button-pink.button-outlined:hover {
  background-color: var(--pink);
  color: var(--sand);
}

.button.button-pink.button-ghost {
  color: var(--pink);
  -webkit-text-stroke-color: transparent;
  background-color: #0000;
  border-color: #0000;
}

.button.button-pink.button-ghost:hover {
  border-color: var(--pink);
  background-color: var(--pink);
  color: var(--sand);
  -webkit-text-stroke-color: var(--pink);
}

.button.button-blue {
  border-color: var(--blue);
  background-color: var(--blue);
}

.button.button-blue.button-outlined {
  border-color: var(--blue);
  color: var(--blue);
  -webkit-text-stroke-color: var(--sand);
  background-color: #0000;
}

.button.button-blue.button-outlined:hover {
  background-color: var(--blue);
  color: var(--sand);
  -webkit-text-stroke-color: var(--blue);
}

.button.button-blue.button-ghost {
  color: var(--blue);
  background-color: #0000;
  border-color: #0000;
}

.button.button-blue.button-ghost:hover {
  border-color: var(--blue);
  background-color: var(--blue);
  color: var(--sand);
  -webkit-text-stroke-color: var(--blue);
}

.button.button-sand {
  border-color: var(--sand);
  background-color: var(--sand);
  color: var(--midnight);
}

.button.button-sand.button-outlined {
  border-color: var(--sand);
  color: var(--sand);
  background-color: #0000;
}

.button.button-sand.button-outlined:hover {
  background-color: var(--sand);
  color: var(--midnight);
}

.button.button-sand.button-ghost {
  color: var(--sand);
  background-color: #0000;
  border-color: #0000;
}

.button.button-sand.button-ghost:hover {
  border-color: var(--sand);
  background-color: var(--sand);
  color: var(--midnight);
}

.button.button-wide {
  min-width: 200px;
  padding-left: 48px;
  padding-right: 48px;
}

.header {
  z-index: 5;
  align-items: center;
  width: 100%;
  height: 112px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.header.shadow-three {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 32px;
}

.header.header-purple {
  background-color: var(--purple);
}

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

.header.header-red {
  background-color: var(--red);
}

.header.header-midnight {
  background-color: var(--midnight);
}

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

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

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

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

.nav-menu-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

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

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

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

.nav-list-item {
  padding-top: 10px;
  padding-bottom: 10px;
}

.container {
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.container.container-full-height {
  min-height: 100%;
  position: relative;
}

.container.fixed {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.container.fixed.container-wide, .container.fixed.container-xwide {
  max-width: none;
}

.container.fixed.container-fill-height {
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  min-height: 100%;
  display: flex;
  transform: none;
}

.container.fixed.container-fill-height.center-content-vertically {
  perspective: 1000px;
  align-items: center;
  display: flex;
  transform: none;
}

.container.fixed.container-fill-height.align-center {
  justify-content: center;
}

.container.fixed.container-fill-height.modal-container {
  justify-content: center;
  align-items: center;
}

.container.fixed.align-center {
  align-self: center;
}

.container.fixed.flex-item-grow.flex-vertical {
  flex-direction: column;
  display: flex;
}

.button-label {
  margin-top: -4px;
  font-family: obviously, sans-serif;
  font-weight: 400;
  position: relative;
}

.button-label.button-label-midnight {
  color: var(--midnight);
}

.button-label.hidden {
  display: none;
}

.icon {
  width: 24px;
  height: 24px;
  display: flex;
}

.icon.arrow-long {
  width: 72px;
}

.icon.icon-80 {
  width: 80px;
  height: 80px;
}

.button-hover {
  transform-origin: 50% 100%;
  background-color: #000;
  width: 100%;
  height: 0;
  font-size: 1px;
  line-height: 0;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.button-hover.button-hover-midnight-outline {
  z-index: -1;
  background-color: var(--midnight);
  min-width: 200px;
}

.section {
  padding: var(--spacing-y--xxl--laptop) 32px;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.section.launch-page-section-full-height {
  background-color: var(--dark-green);
  background-image: url('../images/logo--base.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
}

.section.section-full-height {
  flex-direction: column;
  flex: 1;
  min-height: 100vh;
  display: flex;
}

.section.section-full-height.align-center {
  justify-content: center;
}

.section.section-py-md {
  padding-top: var(--spacing-y--xl--laptop);
  padding-bottom: var(--spacing-y--xl--laptop);
}

.section.section-py-md.first-section-header-offset {
  padding-top: 126px;
}

.section.bg-purple {
  background-color: var(--purple);
}

.section.section-py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.section.section-x-0 {
  padding-left: 0;
  padding-right: 0;
}

.section.section-py-sm {
  padding-top: var(--spacing-y--lg--laptop);
  padding-bottom: var(--spacing-y--lg--laptop);
}

.section.section-py-sm.first-section-header-offset {
  padding-top: 136px;
}

.section.section-py-sm.section-fill-height.overflow-scroll {
  overflow: visible;
}

.section.section-py-sm.section-overflow-y-scroll {
  overflow: scroll;
}

.section.section-py-sm.flex-item-dont-shrink-or-grow {
  flex: 1;
}

.section.section-oaxaca-map {
  background-color: var(--teal);
  position: relative;
  overflow: hidden;
}

.section.bg-red {
  background-color: var(--red);
}

.section.bg-dark-green.home-section-our-story {
  min-height: 700px;
}

.section.first-section-header-offset {
  padding-top: 158px;
}

.section.first-section-header-offset.pt-0 {
  padding-top: 112px;
}

.section.first-section-header-offset.section-min-90vh {
  height: auto;
  min-height: 90vh;
}

.section.first-section-header-offset.section-min-90vh.section-center-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.first-section-header-offset.section-min-90vh.section-center-content.section-max-100vh {
  max-height: 100vh;
}

.section.first-section-header-offset.section-center-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.first-section-header-offset.overflow-visible {
  overflow: visible;
}

.section.section-home-bottles-1 {
  background-image: url('../images/home__interstitial-1--static.jpg');
  background-position: 50%;
  background-size: cover;
  height: 800px;
}

.section.section-home-bottles-2 {
  background-image: url('../images/home__interstitial-2--static.jpg');
  background-position: 50%;
  background-size: cover;
  height: 800px;
}

.section.section-home-instagram {
  height: 1200px;
  overflow: visible;
}

.section.section-yotobi-name {
  background-color: var(--purple);
}

.section.section-timeline {
  padding-top: 250px;
  padding-bottom: 350px;
}

.section.section-fill-height {
  flex-direction: column;
  flex: 1;
  min-height: 100%;
  display: flex;
}

.section.pt-0 {
  padding-top: 0;
}

.section.section-home-interstitial {
  aspect-ratio: 16 / 9;
  background-color: var(--pink);
  background-image: url('../images/home-interstitial-1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  padding: 0;
}

.section.section-home-interstitial.bg-yellow {
  background-color: var(--yellow);
  background-image: url('../images/home-instertitial-2.webp');
}

.body {
  background-color: var(--sand);
}

.body.body-fill-height {
  height: 100vh;
}

.section-launch-teaser-logo {
  color: var(--sand);
  height: 80px;
  margin-left: auto;
  margin-right: auto;
}

.display-xxl {
  text-transform: none;
  align-self: stretch;
  font-family: obviously-wide, sans-serif;
  font-size: 96px;
  font-weight: 800;
  line-height: 96px;
  display: block;
}

.display-xxl.text-align-right {
  text-align: right;
}

.display-xl {
  text-transform: none;
  align-self: stretch;
  font-family: obviously-wide, sans-serif;
  font-size: 72px;
  font-weight: 800;
  line-height: 80px;
  display: block;
}

.display-lg {
  text-transform: none;
  align-self: stretch;
  margin-top: 32px;
  margin-bottom: 24px;
  font-family: obviously-wide, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 58px;
  display: block;
}

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

.display-md {
  text-transform: none;
  align-self: stretch;
  margin-top: 24px;
  margin-bottom: 16px;
  font-family: obviously-wide, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 38px;
  display: block;
}

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

.display-md.wholesale-product-heading-offset {
  margin-top: -6px;
  margin-bottom: 0;
}

.display-sm {
  text-transform: none;
  align-self: stretch;
  margin-top: 24px;
  margin-bottom: 16px;
  font-family: obviously-wide, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 28px;
  display: block;
}

.display-sm.my-0.pdp-discounted-price {
  font-family: obviously, sans-serif;
  font-weight: 700;
}

.display-sm.my-0.pdp-original-price {
  font-family: obviously, sans-serif;
  font-weight: 500;
  position: relative;
}

.display-sm.my-0.pdp-original-price.has-discount {
  color: var(--red);
}

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

.display-xs {
  text-transform: none;
  align-self: stretch;
  margin-top: 16px;
  margin-bottom: 16px;
  font-family: obviously-wide, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
  display: block;
}

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

.body-lg {
  align-self: stretch;
  margin-bottom: 16px;
  font-family: obviously, sans-serif;
  font-size: 20px;
  line-height: 28px;
  display: block;
}

.body-lg.bold {
  font-weight: 700;
}

.body-lg.my-0.cocktail-recipe-ingredient {
  margin-top: -4px;
}

.body-lg.inline {
  display: inline-block;
}

.body-lg.text-align-right {
  text-align: right;
}

.body-md {
  align-self: stretch;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 400;
  display: block;
}

.body-md.color-sand {
  text-decoration: none;
}

.body-md.bold {
  font-weight: 700;
}

.body-md.my-0.recipe-description {
  font-size: 13px;
}

.body-md.inline {
  display: inline-block;
}

.body-sm {
  clear: both;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 20px;
}

.body-sm.color-sand.text-align-center, .body-sm.color-sand.text-center, .body-sm.my-0.color-red {
  text-align: center;
}

.body-sm.my-0.no-decor:hover {
  text-decoration: none;
}

.body-sm.bold {
  font-weight: 700;
}

.body-sm.text-align-center.my-0.product-card-description {
  max-width: 360px;
}

.body-sm.inline {
  display: inline-block;
}

.body-sm.no-underline.color-dark {
  color: var(--midnight);
}

.body-sm.color-clay {
  color: var(--clay);
}

.body-sm.text-offset-body-sm {
  align-self: auto;
}

.body-sm.text-offset-body-sm.location-card-address2 {
  margin-top: -12px;
}

.body-sm.text-offset-body-sm.my-0.text-align-center.batch2-banner-mobile-text {
  display: none;
}

.body-sm.wholesale-parkst-code {
  margin-bottom: 2px;
}

.color-sand {
  color: var(--sand);
}

.color-midnight {
  color: var(--midnight);
}

.color-dark-green {
  color: var(--dark-green);
}

.section-launch-teaser-footer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  align-items: center;
  width: 100%;
  max-width: 1080px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.section-launch-teaser-footer.launch-teaser-container-outer {
  margin-top: 0;
}

.full-height {
  align-items: center;
  height: 100%;
}

.page {
  background-color: var(--sand);
  flex-direction: column;
  min-height: 100vh;
  display: flex;
  overflow: hidden;
}

.page.page-tos {
  background-color: var(--sand);
}

.page.page-fill-height {
  height: 100vh;
}

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

.body-xs {
  align-self: stretch;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 16px;
  display: block;
}

.body-xs.inline {
  display: inline-block;
}

.pill {
  background-color: var(--midnight);
  color: var(--sand);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.pill.pill-outline {
  border: 1px solid var(--midnight);
  background-color: var(--transparent);
  color: var(--midnight);
}

.pill-label {
  align-self: auto;
  margin-top: -4px;
  font-size: 14px;
  line-height: 20px;
}

.pill-label.body-sm {
  margin-top: -4px;
  font-family: obviously, sans-serif;
}

.pill-label.body-md {
  margin-bottom: 0;
}

.form-email-capture {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 512px;
  height: 100%;
  display: flex;
  position: relative;
}

.form-field {
  border: 2px solid var(--sand);
  background-color: var(--sand);
  color: var(--midnight);
  border-radius: 50px;
  flex: 1;
  width: 100%;
  height: 44px;
  margin-bottom: 0;
  padding: 0 20px 3px;
  font-size: 16px;
  line-height: 24px;
}

.form-field:focus {
  border-color: var(--midnight);
}

.form-field::placeholder {
  color: #25074440;
  -webkit-text-stroke-color: var(--midnight);
}

.form {
  justify-content: center;
  align-self: stretch;
  height: auto;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.form-success-wrapper {
  background-color: #0000;
  justify-content: center;
  padding: 0;
}

.form-email-capture-arrow {
  width: 187px;
  height: 58px;
  position: absolute;
  inset: 23px auto 0% -174px;
}

.html-embed-3 {
  margin-left: auto;
  margin-right: auto;
}

.flex-sections {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: center;
  align-items: center;
}

.flex-siblings {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
}

.no-decor, .no-decor:hover {
  text-decoration: none;
}

.no-decor.color-sand.body-sm.close-modal {
  background-color: var(--sand);
  color: var(--midnight);
  position: absolute;
  inset: 20px auto auto 20px;
}

.no-decor.bg-midnight.color-yellow.location-container {
  border-radius: 6px;
  padding: 20px;
}

.no-decor.bg-midnight.color-yellow.flex-item-grow.full-height.location-container {
  justify-content: flex-start;
  align-items: flex-start;
}

.text-align-center {
  text-align: center;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-0.text-align-center.color-sand.display-lg.final-modal-title {
  text-align: left;
}

.mb-0.text-align-center.color-sand.body-lg.final-modal-body {
  text-align: left;
  font-size: 20px;
}

.mt-0 {
  margin-top: 0;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

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

.mr-0 {
  margin-right: 0;
}

.ml-0 {
  margin-left: 0;
}

.section-launch-teaser-container-inner {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  min-height: 100%;
  display: flex;
}

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

.flex-item-grow.flex-justify-center {
  justify-content: center;
}

.flex-item-grow.flex-justify-center.final-modal-inner-content {
  width: 100%;
  max-height: 100vh;
  overflow: scroll;
}

.flex-item-grow.flex-justify-end {
  justify-content: flex-end;
  align-items: flex-end;
}

.grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.grid.grid-y-sm {
  grid-column-gap: 16px;
  grid-row-gap: var(--spacing-y--sm--laptop);
  grid-template-rows: auto;
}

.grid.grid-y-xs {
  grid-column-gap: 16px;
  grid-row-gap: var(--spacing-y--xs--desktop);
}

.grid.grid-y-xxs {
  grid-column-gap: 16px;
  grid-row-gap: var(--spacing-y--xxs--laptop);
}

.grid.grid-y-md {
  grid-column-gap: 16px;
  grid-row-gap: var(--spacing-y--md--laptop);
}

.grid.grid-y-md.journal-post-wrapper {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.grid.grid-y-lg {
  grid-row-gap: var(--spacing-y--lg--desktop);
}

.grid.grid-y-lg.grid-x-lg {
  grid-column-gap: var(--spacing-y--lg--desktop);
}

.grid.grid-y-xl {
  grid-column-gap: 16px;
  grid-row-gap: var(--spacing-y--xl--laptop);
}

.grid.grid-y-xxl {
  grid-column-gap: 16px;
  grid-row-gap: var(--spacing-y--xxl--laptop);
}

.grid.home-hero-grid {
  grid-row-gap: 0px;
}

.grid.height-vh.max-height-vh {
  max-height: 961.508vh;
}

.grid.the-mezcal-hero-grid {
  grid-template-rows: auto auto;
  align-content: space-between;
  padding: 64px;
  position: absolute;
  inset: 0%;
}

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

.grid.align-top {
  align-items: start;
}

.grid.grid-x-xl {
  grid-column-gap: var(--spacing-y--xl--desktop);
  grid-row-gap: var(--spacing-y--xl--desktop);
}

.grid.grid-x-lg {
  grid-column-gap: var(--layout-lg);
}

.grid.grid-locations {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-columns: 1fr;
  overflow: auto;
}

.grid.grid-locations.max-height-vh {
  min-height: 100vh;
}

.layout-y-md {
  grid-column-gap: var(--spacing-y--md--laptop);
  grid-row-gap: var(--spacing-y--md--laptop);
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.layout-y-md.align-center {
  align-self: center;
  align-items: center;
}

.layout-y-md.align-center.batch2-modal-copy {
  margin-top: 252px;
  margin-bottom: var(--spacing-y--lg--desktop);
  padding-right: var(--spacing-y--md--desktop);
  padding-left: var(--spacing-y--md--desktop);
}

.layout-y-md.center-content-vertical {
  justify-content: center;
}

.layout-y-md.overflow-y-auto {
  overflow: auto;
}

.layout-y-md.overflow-y-auto.position-sticky {
  position: sticky;
}

.layout-y-md.overflow-y-auto.position-sticky.top-0 {
  top: 0;
}

.layout-y-md.overflow-y-auto.position-sticky.top-0.height-vh {
  height: 100vh;
}

.layout-y-md.width-50 {
  width: 50%;
}

.layout-y-md.locations-list {
  padding-top: var(--spacing-y--lg--desktop);
  padding-bottom: var(--spacing-y--lg--desktop);
}

.layout-y-sm {
  grid-column-gap: var(--spacing-y--sm--laptop);
  grid-row-gap: var(--spacing-y--sm--laptop);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.layout-y-sm.align-start {
  align-items: flex-start;
}

.layout-y-sm.align-center {
  align-items: center;
}

.layout-y-sm.color-yellow {
  color: var(--yellow);
}

.layout-y-sm.center-content-vertical {
  justify-content: center;
}

.layout-y-xs {
  grid-column-gap: var(--spacing-y--xs--laptop);
  grid-row-gap: var(--spacing-y--xs--laptop);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.layout-y-xs.align-center {
  align-items: center;
}

.section-launch-teaser-footer-links-social, .section-launch-teaser-footer-links-legal {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.body-products {
  background-color: var(--purple);
}

.div-block {
  color: var(--dark-green);
}

.layout-y-lg {
  grid-column-gap: var(--spacing-y--lg--laptop);
  grid-row-gap: var(--spacing-y--lg--laptop);
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.section-divider-purple-to-sand {
  background-image: url('../images/section-divider__purple-to-sand.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 75px;
  width: 100%;
  height: 20px;
}

.layout-x-sm {
  grid-column-gap: var(--spacing-y--sm--laptop);
  grid-row-gap: var(--spacing-y--sm--laptop);
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.layout-x-sm.space-between {
  justify-content: space-between;
}

.layout-x-sm.layout-y-sm-tablet {
  align-items: center;
}

.product-card {
  flex: 1;
}

.bg-sand {
  background-color: var(--sand);
}

.bg-dark-green {
  background-color: var(--dark-green);
}

.bg-midnight {
  background-color: var(--midnight);
}

.bg-midnight.location-container {
  border-radius: 7px;
}

.bg-teal {
  background-color: var(--teal);
}

.color-yellow {
  color: var(--yellow);
}

.text-center {
  text-align: center;
}

.product-info-block {
  flex: 1;
}

.layout-y-xl {
  grid-column-gap: var(--spacing-y--xl--laptop);
  grid-row-gap: var(--spacing-y--xl--laptop);
  flex-direction: column;
  align-self: stretch;
  display: flex;
}

.label-narrow {
  text-transform: uppercase;
  align-self: stretch;
  font-family: obviously-narrow, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
}

.label-narrow.text-center.color-green, .label-narrow.text-align-center.color-green {
  color: var(--green);
}

.image-2 {
  align-self: center;
}

.layout-y-xxl {
  grid-column-gap: var(--spacing-y--xxl--laptop);
  grid-row-gap: var(--spacing-y--xxl--laptop);
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.layout-y-xxs {
  grid-column-gap: var(--spacing-y--xxs--laptop);
  grid-row-gap: var(--spacing-y--xxs--laptop);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.layout-y-xxs.color-yellow, .layout-y-xxs.align-start {
  align-items: flex-start;
}

.layout-y-xxs.align-center {
  align-items: center;
}

.layout-y-xxs.mission-value-content {
  z-index: 1;
}

.layout-y-xxs.position-sticky {
  position: sticky;
}

.layout-y-xxs.position-sticky.top-0 {
  top: 0;
}

.layout-y-xxs.position-sticky.top-0.overflow-y-hidden {
  overflow: hidden;
}

.layout-y-xxs.position-sticky.top-0.overflow-y-hidden.height-vh, .layout-y-xxs.position-sticky.top-0.height-vh {
  height: 100vh;
}

.layout-y-xxs.position-sticky.top-0.height-vh.width-50 {
  width: 50%;
}

.layout-y-xxs.position-sticky.top-0.location-map-height {
  height: 100vh;
}

.layout-y-xxs.position-sticky.height-vh {
  height: 100vh;
  max-height: none;
}

.layout-y-xxs.position-sticky.height-vh.top-0 {
  top: 0;
}

.ratio-box {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.ratio-box._16-9 {
  padding-top: 56.25%;
}

.ratio-box._21-9 {
  padding-top: 42.85%;
}

.ratio-box._3-2 {
  padding-top: 66.66%;
}

.ratio-box._4-3 {
  padding-top: 75%;
}

.ratio-box._8-5 {
  padding-top: 62.5%;
}

.ratio-box._9-16 {
  padding-top: 177.777%;
}

.ratio-box._4-5 {
  padding-top: 125%;
}

.ratio-box._3-4 {
  padding-top: 133%;
}

.ratio-box-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.ratio-box-image:hover {
  box-sizing: border-box;
}

.ratio-box-image.image-rounded {
  aspect-ratio: 1;
  height: 100%;
}

.image-rounded {
  border-radius: 24px;
  overflow: hidden;
}

.docs-frame {
  border: 1px solid var(--midnight);
  background-color: #fff;
  flex-direction: column;
  display: flex;
  position: relative;
}

.docs-frame.docs-frame-dark {
  background-color: var(--midnight);
}

.docs-frame-content {
  padding: 8px;
  position: relative;
}

.docs-frame-content-inner {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 12px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.docs-frame-label {
  grid-row-gap: 4px;
  flex-direction: column;
  width: 100%;
  padding: 8px;
  display: flex;
  position: static;
  inset: 0% auto auto 0%;
}

.docs-label {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.code-token {
  color: #a32dfd;
  letter-spacing: -.5px;
  background-color: #c67cff33;
  border-radius: 4px;
  align-self: flex-start;
  padding-left: 4px;
  padding-right: 4px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  display: inline-block;
}

.docs-table {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border: 1px solid #161616;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  overflow: hidden;
}

.docs-table-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #161616;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.docs-table-row.first-child {
  border-top-style: none;
}

.docs-table-cell {
  grid-row-gap: 4px;
  flex-direction: column;
  padding: 8px;
  display: flex;
}

.font-sans {
  font-family: obviously, sans-serif;
  font-weight: 400;
}

.font-sans-wide {
  font-family: obviously-wide, sans-serif;
  font-weight: 400;
}

.docs-navbar-menu-item {
  flex-direction: column;
  margin-bottom: 12px;
  list-style-type: none;
  display: flex;
}

.docs-navbar-submenu-item-link {
  border-bottom-style: none;
  border-radius: 100px;
  padding-left: 24px;
  font-size: 16px;
  line-height: 20px;
}

.docs-navbar-submenu-item-link:hover, .docs-navbar-submenu-item-link:active, .docs-navbar-submenu-item-link:focus, .docs-navbar-submenu-item-link:focus-visible, .docs-navbar-submenu-item-link[data-wf-focus-visible] {
  border-bottom-style: none;
}

.docs-navbar-frame {
  width: 100%;
  position: sticky;
  top: 32px;
}

.docs-navbar-menu-item-link {
  border-bottom-style: none;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
}

.docs-navbar-menu-item-link:hover, .docs-navbar-menu-item-link:active, .docs-navbar-menu-item-link:focus, .docs-navbar-menu-item-link:focus-visible, .docs-navbar-menu-item-link[data-wf-focus-visible] {
  border-bottom-style: none;
}

.docs-navbar-menu-item-link.w--current {
  color: #ee7656;
  background-color: #ee76561a;
}

.docs-navbar-submenu-item {
  flex-direction: column;
  margin-top: 12px;
  margin-left: -24px;
  list-style-type: none;
  display: flex;
}

.docs-navbar-submenu {
  grid-row-gap: 0px;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 24px;
  display: flex;
}

.docs-navbar-menu {
  grid-row-gap: 0px;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.docs-navbar {
  background-color: #0000;
}

.flex-block-4 {
  flex-direction: row;
  align-items: center;
}

.layout-x-xs {
  grid-column-gap: var(--spacing-y--xs--laptop);
  grid-row-gap: var(--spacing-y--xs--laptop);
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.layout-x-xxs {
  grid-column-gap: var(--spacing-y--xxs--laptop);
  grid-row-gap: var(--spacing-y--xxs--laptop);
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.layout-x-xxs.align-center {
  justify-content: center;
}

.layout-x-xxs.align-center.flex-item-grow.bg-midnight.color-sand.wholesale-codes {
  padding-top: 2px;
  padding-bottom: 4px;
  font-size: 15px;
  font-weight: 400;
}

.button-text-02 {
  color: #f0f0f0;
  justify-content: flex-start;
  display: flex;
}

.button-text-02.is-absolute {
  position: absolute;
}

.button-content {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: row;
  align-items: center;
}

.position-absolute {
  position: absolute;
}

.position-absolute.lets-be-friends {
  top: 48px;
  left: 100px;
}

.layout-wrap {
  flex-wrap: wrap;
}

.link-styled {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-label {
  align-self: auto;
  margin-top: -5px;
  margin-bottom: 0;
}

.link-label.body-sm {
  margin-top: -5px;
}

.text-offset-display-lg {
  align-self: stretch;
  margin-top: -14px;
}

.text-offset-display-xs {
  margin-top: -5px;
}

.text-offset-display-sm {
  align-self: stretch;
  margin-top: -6px;
  position: relative;
}

.text-offset-display-md {
  margin-top: -10px;
}

.text-offset-display-xl {
  margin-top: -20px;
}

.text-offset-display-display-xxl {
  margin-top: -22px;
}

.button-submit {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.button-submit-wrapper {
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
}

.free-of-item-image {
  align-self: center;
  width: 80px;
  height: 80px;
}

.header-logo {
  z-index: 100;
  color: var(--red);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.header-logo.w--current {
  display: block;
}

.header-inner {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.header-nav-menu-wrapper {
  z-index: 1;
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: relative;
}

.header-nav-menu {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.header-nav-menu-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--midnight);
  align-items: center;
  height: 36px;
  padding: 0;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.header-nav-menu-link.w--current {
  color: var(--midnight);
}

.header-nav-menu-link.color-sand {
  color: var(--sand);
}

.header-nav-menu-link-label {
  margin-top: -2px;
}

.header-nav-menu-link-label.hidden {
  display: none;
}

.header-yotobi-wordmark-svg {
  width: 149px;
  display: block;
}

.header-nav-menu-button {
  background-color: var(--pink);
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  display: none;
}

.layout-x-md {
  grid-column-gap: var(--spacing-y--md--laptop);
  grid-row-gap: var(--spacing-y--md--laptop);
  display: flex;
}

.text-block {
  align-self: flex-start;
}

.image-3 {
  width: 100%;
  height: 100%;
}

.image-4 {
  margin-bottom: -25px;
}

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

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

.image-5 {
  width: 100%;
  height: 100%;
}

.position-relative {
  position: relative;
}

.div-block-3 {
  margin-top: var(--spacing-y--lg--laptop);
}

.footer-logo {
  color: var(--red);
  position: static;
}

.footer-logo-svg {
  color: var(--yellow);
  width: 149px;
  display: block;
}

.div-block-4, .full-width {
  width: 100%;
}

.full-width.no-decor:hover {
  text-decoration: none;
}

.full-width.no-decor.recipe-card-link-w-desc {
  height: 100%;
}

.full-width.image-rounded.journal-preview-img {
  box-sizing: border-box;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.full-width.image-rounded.journal-post-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.full-width.journal-post-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 20px;
}

.full-width.full-height.overflow-hidden.locations-map-container {
  padding-top: var(--spacing-y--lg--desktop);
  padding-bottom: var(--spacing-y--lg--desktop);
}

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

.section-divider-teal-to-midnight {
  background-image: url('../images/section-divider__teal-to-midnight.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 75px;
  width: 100%;
  height: 20px;
}

.flex-block-5 {
  display: block;
}

.layout-oaxaca-map {
  z-index: 1;
  flex-direction: column;
  justify-content: space-between;
  height: 830px;
  display: flex;
  position: relative;
}

.oaxaca-map {
  z-index: 0;
  width: 2400px;
  max-width: none;
  margin-left: -1280px;
  display: block;
  position: absolute;
  inset: 410px auto auto 50%;
}

.form-success-message {
  background-color: var(--green);
  border-radius: 8px;
  justify-content: center;
  min-height: 44px;
  padding: 0 20px 3px;
}

.form-error-wrapper {
  background-color: #0000;
  margin-top: 0;
  padding: 0;
  position: absolute;
  top: -50px;
}

.form-error-message {
  background-color: var(--red);
  border-radius: 8px;
  justify-content: center;
  min-height: 44px;
  padding: 0 20px 3px;
  box-shadow: 0 3px 8px #0003, 0 2px 5px #0003;
}

.hidden {
  display: none;
}

.header-sun-svg {
  width: 72px;
  display: block;
}

.header-sun-svg.hidden {
  display: none;
}

.page-body {
  background-color: var(--sand);
}

.page-body.page-body-header-offset {
  margin-top: -112px;
}

.page-body.overlay-page-body {
  background-color: var(--transparent);
  height: 100%;
}

.section-bg-fill {
  background-image: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.section-bg-fill._404 {
  background-image: url('../images/404-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-bg-fill.teaser {
  background-image: url('../images/logo--base.svg');
  background-position: 50%;
  background-size: cover;
}

.section-bg-fill.age-gate-bg {
  background-image: url('../images/age-gate-bg.svg');
  background-position: 50%;
  background-size: cover;
  position: fixed;
}

.section-bg-fill.split-right {
  width: 50%;
  left: 50%;
}

.section-bg-fill.modal-bg {
  background-color: #2607453b;
}

.home-hero-logo {
  z-index: 0;
  width: 1200px;
  height: 480px;
  margin-top: -240px;
  margin-left: -600px;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: scale(1);
}

.home-hero-grid-child {
  z-index: 1;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.home-hero-grid-child.home-hero-grid-child-top {
  margin-bottom: -80px;
}

.home-hero-grid-child.home-hero-grid-child-bottom {
  margin-top: -150px;
}

.home-hero-logo-mask {
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.home-hero-logo-image {
  width: 100%;
}

.home-hero-logo-image-wrapper {
  padding: 5px;
}

.bg-pink {
  background-color: var(--pink);
}

.div-block-5 {
  text-align: left;
}

.height-vh {
  max-height: 961.508vw;
}

.section-divider-yellow-to-sand {
  background-image: url('../images/section-divider__yellow-to-sand.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 75px;
  width: 100%;
  height: 20px;
}

.cart-html-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cart-html-embed.cart-html-embed-mobile {
  display: none;
}

.bg-purple {
  background-color: var(--purple);
}

.section-divider-dark-green-to-sand-copy {
  background-image: url('../images/section-divider__dark-green-to-sand.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 75px;
  width: 100%;
  height: 20px;
}

.color-red {
  color: var(--red);
}

.carousel {
  background-color: #0000;
  border-radius: 24px;
  order: 0;
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
}

.carousel.image-rounded {
  height: auto;
}

.carousel.process-carousel {
  padding-right: 160px;
  overflow: visible;
}

.carousel.the-mezcal {
  pointer-events: none;
  border-radius: 0;
}

.carousel-wrapper {
  width: 100%;
}

.carousel-slide {
  border-radius: 20px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.carousel-slide.process-slide {
  border-radius: 0;
  width: 100%;
  padding-right: 128px;
}

.carousel-slide.the-mezcal {
  margin-top: 20px;
}

.carousel-slide.the-mezcal.second {
  margin-top: -3px;
}

.carousel-slide.the-mezcal.ar-4x3 {
  aspect-ratio: 346 / 259;
}

.carousel-slide.the-mezcal.ar-3x4 {
  aspect-ratio: 346 / 432;
}

.carousel-slide.the-mezcal.ar-1x1 {
  aspect-ratio: 1;
}

.carousel-slide.the-mezcal.ar-3x5 {
  aspect-ratio: 346 / 542;
}

.carousel-mask {
  overflow-wrap: normal;
  width: 100%;
  height: auto;
}

.carousel-mask.process-carousel-mask {
  overflow: visible;
}

.carousel-mask.the-mezcal {
  column-count: 3;
  white-space: pre-line;
  column-gap: 20px;
}

.carousel-slide-image {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
}

.carousel-slide-image._3-4 {
  aspect-ratio: 3 / 4;
}

.carousel-slide-image._1-1 {
  aspect-ratio: 1;
}

.carousel-slide-image._4-3 {
  aspect-ratio: 4 / 3;
}

.carousel-slide-image.the-mezcal {
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.carousel-arrow.him-arrow {
  color: var(--yellow);
  width: 72px;
  height: 24px;
  display: block;
  inset: -52px auto auto 0%;
  overflow: visible;
}

.carousel-arrow.him-arrow.him-arrow-next {
  left: 100px;
}

.carousel-arrow.the-mezcal, .carousel-arrow.hidden {
  display: none;
}

.collection-item {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.section-divider-wave {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 19px;
  display: flex;
}

.section-divider-wave-segment {
  width: 75px;
  height: 20px;
  margin-top: -1px;
}

.carousel-slide-link {
  width: 100%;
  display: block;
}

.home-hero-logo-wrapper {
  width: 100%;
  height: 480px;
  position: relative;
}

.home-hero-layout {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
  position: relative;
}

.image-6 {
  aspect-ratio: 3 / 2;
}

.image-outlined-dark {
  border: 2px solid var(--midnight);
}

.product-info-block-image-wrapper {
  width: 100%;
  max-width: 200px;
  position: relative;
  overflow: hidden;
}

.pacific-ocean {
  background-color: var(--teal);
  height: 6000px;
  position: absolute;
  inset: 410px 0% auto;
}

.pdp-meta {
  grid-column-gap: var(--spacing-y--sm--laptop);
  grid-row-gap: var(--spacing-y--sm--laptop);
  width: 100%;
  display: flex;
}

.home-ig-collection-exp {
  position: absolute;
  inset: 0%;
}

.home-ig-collection-exp-item {
  background-color: var(--clay);
  border-radius: 24px;
  width: 400px;
  height: 400px;
  overflow: hidden;
  box-shadow: 0 10px 10px #0000000d, 0 20px 20px #0000001a;
}

.home-ig-collection-exp-item.home-ig-collection-exp-item-sm {
  width: 250px;
  height: 250px;
  box-shadow: 0 5px 5px #0000000d, 0 10px 10px #0000001a;
}

.home-ig-collection-exp-item.home-ig-collection-exp-item-lg {
  width: 500px;
  height: 500px;
  box-shadow: 0 15px 15px #0000000d, 0 30px 30px #0000001a;
}

.home-ig-collection-exp-image {
  width: 100%;
  height: 100%;
}

.home-ig-collection-exp-item-2 {
  margin-top: -680px;
  margin-left: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.home-ig-collection-exp-item-1 {
  margin-top: -310px;
  margin-left: -580px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.home-ig-collection-exp-item-3 {
  margin-top: 300px;
  margin-left: -300px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.home-ig-collection-exp-item-4 {
  margin-top: -20px;
  margin-left: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.home-ig-collection-exp-item-5 {
  margin-top: -60px;
  margin-left: -50px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.home-ig-collection-exp-item-6 {
  margin-top: 180px;
  margin-left: -950px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.home-ig-collection-exp-item-7 {
  margin-top: 480px;
  margin-left: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.home-ig-collection-exp-item-8 {
  margin-top: -650px;
  margin-left: -1070px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.home-ig-collection-exp-item-9 {
  margin-top: -160px;
  margin-left: -1110px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.home-ig-collection-exp-item-10 {
  margin-top: -390px;
  margin-left: 840px;
  position: absolute;
  top: 50%;
  left: 50%;
}

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

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

.home-ig-collection-carousel-wrapper {
  display: none;
}

.the-mezcal-hero {
  border-radius: 32px;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}

.color-purple {
  color: var(--purple);
}

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

.recipe-filters {
  grid-column-gap: var(--spacing-y--xxs--laptop);
  grid-row-gap: var(--spacing-y--xxs--laptop);
  flex-wrap: wrap;
  margin-bottom: 0;
  display: flex;
}

.product-card-link-wrapper {
  color: var(--midnight);
  width: 100%;
  text-decoration: none;
}

.product-card-image {
  width: 100%;
  position: relative;
}

.hide-animated {
  transition: all .2s;
}

.hide {
  opacity: 0;
  width: 0;
}

.overflow-hidden {
  overflow: hidden;
}

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

.section-divider-transparent-to-sand {
  background-image: url('../images/section-divider__transparent-to-sand.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 75px;
  width: 100%;
  height: 20px;
}

.section-divider-transparent-to-sand.anchor-bottom {
  position: absolute;
  inset: auto 0% 0%;
}

.our-story-hero {
  position: relative;
}

.our-story-hero-image-wrapper {
  aspect-ratio: 4 / 3;
  margin-left: 20%;
  position: relative;
}

.our-story-hero-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 100px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.our-story-hero-image {
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.our-mission-eyebrow {
  width: 194px;
  margin-left: -32px;
}

.mission-value-number {
  z-index: 0;
  width: 28px;
  position: absolute;
  top: -12px;
  left: -24px;
}

.mission-value {
  position: relative;
}

.section-divider-midnight-to-sand {
  background-image: url('../images/section-divider__midnight-to-sand.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 75px;
  width: 100%;
  height: 20px;
}

.layout-y {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.layout-y.full-height.justify-center {
  justify-content: center;
}

.layout-y.justify-center {
  align-items: center;
}

.layout-x {
  flex-direction: row;
  width: 100%;
  display: flex;
}

.layout-x.justify-flex-end {
  justify-content: flex-end;
}

.cursor-pointer {
  cursor: pointer;
}

.flex-block-7 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.color-invert {
  filter: invert();
}

.color-invert-70 {
  filter: invert(70%);
}

.section-divider-wave-wrapper {
  width: 100%;
}

.fs-cmsslide-placeholder {
  flex-direction: row;
  display: flex;
}

.body-xl {
  align-self: stretch;
  margin-bottom: 16px;
  font-family: obviously, sans-serif;
  font-size: 32px;
  line-height: 32px;
  display: block;
}

.body-xl.bold {
  font-weight: 700;
}

.body-xl.my-0 {
  margin-bottom: 0;
}

.body-xl.my-0.cocktail-recipe-ingredient {
  margin-top: -4px;
}

.body-xl.inline {
  display: inline-block;
}

.body-xl.text-align-right {
  text-align: right;
}

.text-offset-body-xl {
  align-self: stretch;
  margin-top: -8px;
}

.color-pink {
  color: var(--pink);
}

.flying-man {
  width: 128px;
}

.flying-man.align-center {
  align-self: center;
}

.section-yotobi-name-stars {
  position: absolute;
  inset: 0%;
}

.section-yotobi-name-star {
  background-image: url('../images/shooting-star--pink.svg');
  background-position: 0 0;
  background-size: auto;
  width: 310px;
  height: 150px;
  position: absolute;
}

.section-yotobi-name-star.star-2 {
  width: 620px;
  height: 300px;
  margin-right: 275px;
  top: 80px;
  right: 50%;
}

.section-yotobi-name-star.star-1 {
  margin-left: 350px;
  top: 240px;
  left: 50%;
}

.section-yotobi-name-star.star-3 {
  width: 206px;
  height: 100px;
  margin-right: 330px;
  top: 450px;
  right: 50%;
}

.section-divider-curve-transparent-to-purple {
  width: 100%;
  height: auto;
  position: absolute;
  inset: auto 0% 0%;
}

.section-divider-curve-image {
  width: 100%;
  height: auto;
  display: block;
}

.color-orange {
  color: var(--orange);
}

.team-person.john {
  margin-top: 48px;
}

.team-person-image-wrapper {
  aspect-ratio: 4 / 5;
  border-radius: 20px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.timeline {
  grid-column-gap: 200px;
  grid-row-gap: 200px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.milestone {
  grid-column-gap: 96px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
  position: relative;
}

.milestone.wide {
  margin-left: -120px;
  margin-right: -120px;
}

.carousel-nav.the-mezcal, .carousel-nav.hidden {
  display: none;
}

.timeline-milestone-marker {
  border: 6px solid var(--dark-green);
  background-color: var(--sand);
  border-radius: 20px;
  width: 24px;
  height: 24px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  right: -60px;
}

.timeline-milestone-marker.pull-left {
  left: -60px;
  right: auto;
}

.timeline-line {
  background-color: var(--dark-green);
  width: 8px;
  height: 100%;
  margin-left: -4px;
  position: absolute;
  left: 50%;
}

.section-timeline-agave-top {
  background-image: url('../images/agave-top.webp');
  background-position: 0 0;
  background-size: 120px 320px;
  width: 120px;
  height: 320px;
  margin-left: -60px;
  position: absolute;
  top: 30px;
  left: 50%;
}

.section-timeline-agave-bottom {
  background-image: url('../images/agave-bottom.svg');
  background-position: 0 0;
  background-size: cover;
  width: 250px;
  height: 250px;
  margin-left: -118px;
  position: absolute;
  bottom: -50px;
  left: 50%;
}

.section-timeline-agave-bottom.alt-1 {
  width: 180px;
  height: 180px;
  margin-left: -530px;
}

.section-timeline-agave-bottom.alt-2 {
  width: 230px;
  height: 180px;
  margin-left: -370px;
  bottom: -70px;
}

.section-timeline-agave-bottom.alt-3 {
  width: 230px;
  height: 180px;
  margin-left: auto;
  margin-right: -350px;
  bottom: -80px;
  left: auto;
  right: 50%;
}

.section-timeline-agave-bottom.alt-1-copy {
  width: 180px;
  height: 180px;
  margin-left: -530px;
}

.section-timeline-agave-bottom.alt-4 {
  width: 180px;
  height: 180px;
  margin-left: auto;
  margin-right: -540px;
  left: auto;
  right: 50%;
}

.section-timeline-agave-middle {
  background-color: var(--dark-green);
  width: 8px;
  height: 100%;
  margin-left: -4px;
  position: absolute;
  left: 50%;
}

.section-timeline-mountain-orange {
  width: 100%;
  max-width: none;
  margin-left: -50%;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.section-timeline-mountain-yellow {
  width: 100%;
  max-width: none;
  position: absolute;
  bottom: 0;
  right: -50%;
}

.section-timeline-mountain-blue {
  width: 100%;
  max-width: none;
  position: absolute;
  bottom: 0;
  left: -50%;
}

.section-timeline-mountain-green {
  width: 100%;
  max-width: none;
  margin-left: -50%;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.notobi {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.button-group {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  margin-left: auto;
  margin-right: auto;
}

.age-gate {
  z-index: 1100;
  background-color: var(--red);
  display: none;
  position: fixed;
  inset: 0;
  overflow: scroll;
}

.age-gate-yotobi-wordmark-svg {
  width: 200px;
  margin-top: 48px;
  display: block;
}

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

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

.overlay-header {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 16px;
  display: flex;
}

.overlay-header.fixed {
  z-index: 2;
  position: absolute;
  inset: 0% 0% auto;
}

.recipe-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: grid;
}

.recipe-grid.grid-y-sm {
  grid-column-gap: 16px;
  grid-row-gap: var(--spacing-y--sm--laptop);
}

.recipe-grid.grid-y-xs {
  grid-column-gap: 16px;
  grid-row-gap: var(--spacing-y--xs--desktop);
}

.recipe-grid.grid-y-xxs {
  grid-column-gap: 16px;
  grid-row-gap: var(--spacing-y--xxs--laptop);
}

.recipe-grid.grid-y-md {
  grid-column-gap: 16px;
  grid-row-gap: var(--spacing-y--md--laptop);
}

.recipe-grid.grid-y-lg {
  grid-row-gap: var(--spacing-y--lg--laptop);
}

.recipe-grid.grid-y-xl {
  grid-column-gap: 16px;
  grid-row-gap: var(--spacing-y--xl--laptop);
}

.recipe-grid.grid-y-xxl {
  grid-column-gap: 16px;
  grid-row-gap: var(--spacing-y--xxl--laptop);
}

.recipe-grid.home-hero-grid {
  grid-row-gap: 0px;
}

.recipe-grid.the-mezcal-hero-grid {
  grid-template-rows: auto auto;
  align-content: space-between;
  padding: 64px;
  position: absolute;
  inset: 0%;
}

.recipe-grid.align-center {
  align-items: center;
}

.recipe-grid.align-top {
  align-items: start;
}

.recipe-image {
  width: 100%;
}

.overlay-header-dismiss, .icon-lg {
  width: 40px;
  height: 40px;
}

.no-scroll {
  overflow: hidden;
}

.html-embed-hide, .html-embed-4 {
  display: none;
}

.product-card-lg {
  background-color: var(--midnight);
  color: var(--sand);
  border-radius: 64px;
  padding: 48px;
  position: relative;
}

.product-card-lg.bg-purple {
  background-color: var(--purple);
}

.product-card-lg.bg-dark-green {
  background-color: var(--dark-green);
}

.product-card-lg.bg-yellow {
  background-color: var(--yellow);
}

.product-card-lg-inner {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.product-card-lg-image-wrapper {
  border-radius: 24px;
  width: 100%;
  overflow: hidden;
}

.text-offset-label-narrow {
  margin-top: -6px;
}

.free-shipping-promo {
  border: 2px solid var(--red);
  border-radius: 8px;
  align-self: center;
  padding: 8px 24px;
  position: relative;
}

.text-offset-body-sm {
  margin-top: -3px;
}

.free-shipping-promo-arrow {
  z-index: 1;
  position: absolute;
  top: -7px;
  left: -110px;
}

.do-not-remove-this-element {
  display: none;
  transform: translate(0);
}

.overlay-body.overlay-body-fill-height {
  z-index: 1;
  flex: 1;
  min-height: 100%;
  display: flex;
  position: relative;
  overflow: scroll;
}

.html-embed-5 {
  display: none;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.image-fill-screen {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.color-green {
  color: var(--green);
}

.empty-state-wrapper {
  border: 1px dashed var(--yellow);
  background-color: var(--transparent);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  padding: 12px;
  display: flex;
}

.text-offset-body-md {
  margin-top: -5px;
}

.recipe-filters-wrapper {
  grid-column-gap: var(--spacing-y--xxs--laptop);
  grid-row-gap: var(--spacing-y--xxs--laptop);
  flex-flow: wrap;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.oaxaca-map-marker {
  width: 100px;
  margin-left: -110px;
  position: absolute;
  top: 1400px;
  left: 50%;
}

.wrapper {
  padding-top: 25px;
  padding-bottom: 25px;
}

.masonry-grid {
  column-count: 3;
  white-space: pre-line;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  column-gap: 20px;
  margin-top: -20px;
  display: block;
}

.masonry-grid._2-col {
  column-count: 2;
}

.masonry-grid._2-col.timeline-expand-left {
  margin-top: -20px;
  margin-left: -120px;
}

.masonry-grid._2-col.timeline-expand-right {
  margin-right: -120px;
}

.masonry-item {
  cursor: pointer;
  width: 100%;
  padding-top: 20px;
  position: relative;
}

.masonry-item.first-item-stagger {
  padding-top: 80px;
}

.masonry-item.item-stagger {
  padding-top: 60px;
}

.masonry-item-image {
  z-index: auto;
  object-fit: cover;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.masonry-item-image.masonry-item-image-snowflake, .milestone-content {
  position: relative;
}

.milestone-images-wrapper {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: block;
  position: relative;
}

.milestone-images-wrapper._2-col {
  column-count: 2;
}

.milestone-images-wrapper._2-col.timeline-expand-left {
  margin-top: -20px;
  margin-left: -120px;
}

.milestone-images-wrapper._2-col.timeline-expand-right {
  margin-right: -120px;
}

.milestone-images {
  column-count: 2;
  white-space: pre-line;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  margin-top: -20px;
  display: block;
  overflow: hidden;
}

.milestone-images._2-col {
  column-count: 2;
}

.milestone-images._2-col.timeline-expand-left {
  margin-top: -20px;
  margin-left: -120px;
}

.milestone-images._2-col.timeline-expand-right {
  margin-right: -120px;
}

.milestone-images.primary.pull-left {
  margin-left: -100px;
}

.milestone-images.primary.pull-right {
  margin-right: -100px;
}

.milestone-images.secondary {
  margin-top: -90px;
}

.milestone-images.secondary.pull-right {
  margin-right: -100px;
}

.milestone-images.secondary.pull-left {
  margin-left: -100px;
}

.milestone-image {
  background-color: var(--clay);
  cursor: pointer;
  border-radius: 20px;
  width: 100%;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}

.milestone-image.first-item-stagger {
  padding-top: 80px;
}

.milestone-image.item-stagger {
  margin-top: 60px;
}

.milestone-image.ar-3x4 {
  aspect-ratio: 3 / 4;
  overflow: hidden;
}

.milestone-image.ar-4x3 {
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.milestone-image.ar-1x1 {
  aspect-ratio: 1;
  overflow: hidden;
}

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

.product-card-link {
  z-index: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.product-card-lg-image {
  aspect-ratio: 3 / 4;
  object-fit: cover;
  width: 100%;
}

.the-mezcal-hero-title-bottom {
  width: 100%;
}

.product-card-image-wrapper {
  border-radius: 24px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.team-person-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.product-card-lg-button {
  z-index: 1;
  position: relative;
}

.product-info-block-image-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section-home-interstitial-1-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.overflow-scroll {
  overflow: scroll;
}

.recipe-card {
  cursor: pointer;
  border-radius: 20px;
  height: 100%;
  overflow: hidden;
}

.recipe-card-body {
  flex-direction: column;
  width: 100%;
  padding: 24px 12px;
  display: flex;
}

.product-info-block-image {
  width: 100%;
  height: 100%;
}

.pdp-discounted-price-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
}

.pdp-price-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
}

.pdp-discounted-price-circle {
  max-width: none;
  position: absolute;
  top: -13px;
  left: -20px;
}

.discounted-price-strikethrough {
  width: 120%;
  max-width: none;
  position: absolute;
  top: 1px;
  left: -10px;
}

.yotobi-cart-wrapper {
  position: relative;
}

.yotobi-cart-wrapper.yotobi-cart-wrapper-mobile {
  display: none;
}

.save-15-link-block {
  align-self: center;
  text-decoration: none;
  display: flex;
}

.overlay-page-body {
  height: 100%;
}

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

.text-block-2 {
  text-align: center;
}

.brand-book-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.bg-red {
  background-color: var(--red);
}

.brand-resources-image-wrapper {
  aspect-ratio: 1;
  background-image: url('../images/checkerboard.png');
  background-position: 50%;
  background-size: 20px;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.brand-resources-image-wrapper.image-rounded {
  aspect-ratio: 4 / 3;
}

.brand-resources-image-wrapper.bg-red {
  background-color: var(--red);
}

.brand-resources-image-wrapper.bg-purple {
  background-color: var(--clay);
}

.brand-resources-image-wrapper.ratio-4-3 {
  aspect-ratio: 4 / 3;
}

.brand-resources-image {
  width: 100%;
  height: 100%;
  position: absolute;
}

.brand-resources-image.logomark {
  width: 130px;
}

.brand-resources-image.logotype {
  width: 300px;
  height: auto;
  position: relative;
}

.text-offset-body-lg, .text-offset-body-lg.lg {
  margin-top: -7px;
}

.brand-resources-image-link {
  opacity: 0;
  transition: opacity .1s ease-in-out;
  position: absolute;
  inset: 0%;
}

.brand-resources-image-link:hover {
  background-color: var(--midnight);
  opacity: .1;
}

.wholesale-discounts-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid var(--yellow);
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  width: 100%;
  display: grid;
}

.div-block-7 {
  border-style: none solid;
  border-width: 2px;
  border-color: var(--yellow);
}

.wholesale-discount {
  padding: var(--layout-xs);
  text-align: center;
}

.wholesale-discount.wholesale-discount-mid {
  border-style: none solid;
  border-width: 1px 2px;
  border-color: var(--yellow);
}

.flex-item-grow-2 {
  flex: 1 0 auto;
}

.locations-map {
  background-color: var(--white);
  border-radius: 12px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #0000001f;
}

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

.locations-collection-item {
  padding: var(--layout-md);
  grid-column-gap: var(--layout-sm);
  grid-row-gap: var(--layout-sm);
  border-left: 12px solid var(--red);
  background-color: var(--white);
  color: var(--midnight);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  transition: background-color .2s ease-in-out;
  display: flex;
}

.locations-collection-item:hover {
  background-color: var(--midnight);
  color: var(--sand);
}

.locations-collection-item.layout-y-sm {
  grid-column-gap: var(--layout-sm);
  grid-row-gap: var(--layout-sm);
}

.flex {
  display: flex;
}

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

.locations-collection {
  width: 100%;
}

.locations-map-wrapper {
  flex-flow: column;
  width: 100%;
  height: 100vh;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: sticky;
  top: 0;
}

.locations-collection-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.locations-legend {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  border-radius: 10000px;
  padding: 12px 20px;
  display: flex;
  position: absolute;
  inset: 64px auto auto 20px;
  box-shadow: 0 0 0 1px #0000001f;
}

.locations-legend-item {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  display: flex;
  position: relative;
}

.locations-legend-item-key {
  background-color: var(--red);
  border-radius: 10000px;
  width: 16px;
  height: 16px;
}

.locations-legend-item-key.bg-purple {
  background-color: var(--purple);
}

.locations-legend-item-key.bg-dark-green {
  background-color: var(--dark-green);
  color: var(--dark-green);
}

.heading-1 {
  text-transform: uppercase;
  font-family: obviously-narrow, sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 56px;
}

.heading-2 {
  text-transform: uppercase;
  font-family: obviously-narrow, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 38px;
}

.heading-3 {
  text-transform: uppercase;
  align-self: stretch;
  font-family: obviously-narrow, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.heading-4 {
  font-family: obviously-narrow, sans-serif;
  font-weight: 700;
  line-height: 20px;
}

.font-sans-narrow {
  font-family: obviously-narrow, sans-serif;
  font-weight: 400;
}

.text-offset-heading-1 {
  align-self: stretch;
  margin-top: -14px;
}

.text-offset-heading-2 {
  margin-top: -10px;
}

.text-offset-heading-3 {
  align-self: stretch;
  margin-top: -6px;
  position: relative;
}

.text-offset-heading-4 {
  margin-top: -5px;
}

.banner {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  display: flex;
  position: relative;
}

.banner.bg-yellow {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
}

.header-wrapper {
  background-color: #0000;
  flex-flow: column;
  height: 160px;
  display: flex;
}

.banner-close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
}

.code-embed {
  display: none;
}

.modal {
  z-index: 1001;
  position: fixed;
  inset: 0;
}

.modal-content-yotobi {
  background-color: #fff;
  width: 600px;
  height: 800px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal-content-yotobi.modal-batch2-launch {
  background-image: url('../images/bg.png');
  background-position: 50% 25%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 720px;
  height: auto;
  max-height: 960px;
  overflow: hidden;
}

.text-span {
  color: var(--yellow);
}

.close-modal {
  cursor: pointer;
  position: absolute;
  inset: 20px auto auto 20px;
}

@media screen and (min-width: 1280px) {
  .container.fixed.container-wide {
    max-width: 1440px;
  }

  .container.fixed.container-xwide {
    max-width: 1600px;
  }

  .section.section-py-md.first-section-header-offset {
    padding-top: 126px;
  }

  .section.section-py-sm.first-section-header-offset {
    padding-top: 136px;
  }

  .section.section-timeline {
    padding-bottom: 350px;
  }

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

  .grid.grid-y-sm {
    grid-row-gap: var(--spacing-y--sm--desktop);
  }

  .grid.grid-y-xs {
    grid-row-gap: var(--spacing-y--xs--desktop);
  }

  .grid.grid-y-xxs {
    grid-row-gap: var(--spacing-y--xxs--desktop);
  }

  .grid.grid-y-md {
    grid-row-gap: var(--spacing-y--md--desktop);
  }

  .grid.grid-y-lg {
    grid-row-gap: var(--spacing-y--lg--desktop);
  }

  .grid.grid-y-lg.grid-x-lg {
    grid-template-rows: auto auto;
  }

  .grid.grid-y-xl {
    grid-row-gap: var(--spacing-y--xl--desktop);
  }

  .grid.grid-y-xxl {
    grid-row-gap: var(--spacing-y--xxl--desktop);
  }

  .docs-navbar-submenu-item-link.w--current {
    font-size: 14px;
    line-height: 20px;
  }

  .bg-teal {
    background-color: var(--teal);
  }

  .full-width.journal-post-image {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }

  .layout-oaxaca-map {
    height: 870px;
  }

  .oaxaca-map {
    width: 2600px;
    margin-left: -1300px;
    top: 470px;
    left: 50%;
  }

  .page-body.page-body-header-offset {
    margin-top: -112px;
  }

  .flex-block-6 {
    flex-direction: row;
    flex: 1;
    align-self: stretch;
    align-items: center;
    height: 100%;
  }

  .home-hero-grid-child {
    grid-column-gap: 12px;
    flex-direction: column;
  }

  .pacific-ocean {
    top: 470px;
  }

  .pdp-meta {
    grid-column-gap: var(--spacing-y--sm--desktop);
    grid-row-gap: var(--spacing-y--sm--desktop);
  }

  .our-story-hero-image {
    border-radius: 24px;
  }

  .section-timeline-agave-middle {
    height: 400px;
    bottom: 0;
  }

  .recipe-grid.grid-y-sm {
    grid-row-gap: var(--spacing-y--sm--desktop);
  }

  .recipe-grid.grid-y-xs {
    grid-row-gap: var(--spacing-y--xs--desktop);
  }

  .recipe-grid.grid-y-xxs {
    grid-row-gap: var(--spacing-y--xxs--desktop);
  }

  .recipe-grid.grid-y-md {
    grid-row-gap: var(--spacing-y--md--desktop);
  }

  .recipe-grid.grid-y-lg {
    grid-row-gap: var(--spacing-y--lg--desktop);
  }

  .recipe-grid.grid-y-xl {
    grid-row-gap: var(--spacing-y--xl--desktop);
  }

  .recipe-grid.grid-y-xxl {
    grid-row-gap: var(--spacing-y--xxl--desktop);
  }

  .oaxaca-map-marker {
    margin-left: -30px;
    top: 1537px;
  }

  .brand-resources-image-wrapper {
    padding: 12px;
  }

  .html-embed-6 {
    width: 50px;
  }

  .collection-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .journal-hero-image {
    margin-left: -80px;
    margin-right: -80px;
  }
}

@media screen and (min-width: 1440px) {
  .container.fixed {
    max-width: 1080px;
  }

  .section {
    padding-top: var(--spacing-y--xxl--desktop);
    padding-bottom: var(--spacing-y--xxl--desktop);
  }

  .section.section-py-md {
    padding-top: var(--spacing-y--xl--desktop);
    padding-bottom: var(--spacing-y--xl--desktop);
  }

  .section.section-py-md.first-section-header-offset {
    padding-top: 142px;
  }

  .section.section-py-sm {
    padding-top: var(--spacing-y--lg--desktop);
    padding-bottom: var(--spacing-y--lg--desktop);
  }

  .section.first-section-header-offset {
    padding-top: 174px;
  }

  .section.section-home-bottles-1, .section.section-home-bottles-2 {
    height: 1000px;
  }

  .section.section-home-instagram {
    overflow: visible;
  }

  .section.section-timeline {
    padding-top: 300px;
  }

  .display-xxl {
    font-size: 112px;
    line-height: 112px;
  }

  .layout-y-md {
    grid-column-gap: var(--spacing-y--md--desktop);
    grid-row-gap: var(--spacing-y--md--desktop);
  }

  .layout-y-sm {
    grid-column-gap: var(--spacing-y--sm--desktop);
    grid-row-gap: var(--spacing-y--sm--desktop);
  }

  .layout-y-xs {
    grid-column-gap: var(--spacing-y--xs--desktop);
    grid-row-gap: var(--spacing-y--xs--desktop);
  }

  .layout-y-lg {
    grid-column-gap: var(--spacing-y--lg--desktop);
    grid-row-gap: var(--spacing-y--lg--desktop);
  }

  .layout-x-sm {
    grid-column-gap: var(--spacing-y--sm--desktop);
    grid-row-gap: var(--spacing-y--sm--desktop);
  }

  .layout-y-xl {
    grid-column-gap: var(--spacing-y--xl--desktop);
    grid-row-gap: var(--spacing-y--xl--desktop);
  }

  .layout-y-xxl {
    grid-column-gap: var(--spacing-y--xxl--desktop);
    grid-row-gap: var(--spacing-y--xxl--desktop);
  }

  .layout-y-xxs {
    grid-column-gap: var(--spacing-y--xxs--desktop);
    grid-row-gap: var(--spacing-y--xxs--desktop);
  }

  .ratio-box.image-rounded.bg-red {
    background-color: var(--red);
  }

  .ratio-box-image.image-rounded {
    aspect-ratio: auto;
  }

  .layout-x-xs {
    grid-column-gap: var(--spacing-y--xs--desktop);
    grid-row-gap: var(--spacing-y--xs--desktop);
  }

  .layout-x-xxs {
    grid-column-gap: var(--spacing-y--xxs--desktop);
    grid-row-gap: var(--spacing-y--xxs--desktop);
  }

  .text-offset-display-display-xxl {
    margin-top: -28px;
  }

  .layout-x-md {
    grid-column-gap: var(--spacing-y--md--desktop);
    grid-row-gap: var(--spacing-y--md--desktop);
  }

  .layout-oaxaca-map {
    height: 810px;
  }

  .oaxaca-map {
    top: 390px;
  }

  .home-hero-logo {
    width: 1400px;
    height: 560px;
    margin-top: -280px;
    margin-left: -700px;
  }

  .home-hero-grid-child.home-hero-grid-child-top {
    margin-bottom: -100px;
  }

  .home-hero-grid-child.home-hero-grid-child-bottom {
    margin-top: -180px;
  }

  .carousel.process-carousel {
    padding-right: 96px;
  }

  .carousel-slide.process-slide {
    padding-right: 160px;
  }

  .carousel-arrow.him-arrow {
    top: -64px;
  }

  .home-hero-logo-wrapper {
    height: 560px;
  }

  .pacific-ocean {
    top: 390px;
  }

  .home-ig-collection-exp-item {
    box-shadow: 0 10px 10px #00000008, 0 20px 20px #0000000d;
  }

  .home-ig-collection-exp-item.home-ig-collection-exp-item-sm {
    box-shadow: 0 5px 5px #00000008, 0 10px 10px #0000000d;
  }

  .home-ig-collection-exp-item.home-ig-collection-exp-item-lg {
    box-shadow: 0 15px 15px #00000008, 0 30px 30px #0000000d;
  }

  .home-ig-collection-exp-image {
    object-fit: cover;
  }

  .home-ig-collection-exp-item-1 {
    margin-left: -640px;
  }

  .home-ig-collection-exp-item-4 {
    margin-left: 440px;
  }

  .home-ig-collection-exp-item-6 {
    margin-left: -1040px;
  }

  .home-ig-collection-exp-item-8 {
    margin-left: -1150px;
  }

  .home-ig-collection-exp-item-9 {
    margin-left: -1180px;
  }

  .home-ig-collection-exp-item-10 {
    margin-left: 880px;
  }

  .our-story-hero-image-wrapper {
    width: 80%;
    margin-left: 20%;
  }

  .fs-cmsslide-placeholder {
    display: none;
  }

  .section-divider-curve-transparent-to-purple {
    background-image: none;
  }

  .timeline {
    grid-column-gap: 240px;
    grid-row-gap: 240px;
  }

  .product-card-lg.bg-purple {
    background-color: var(--purple);
  }

  .product-card-lg.bg-dark-green {
    background-color: var(--dark-green);
  }

  .product-card-lg.bg-yellow {
    border: 1px solid var(--yellow);
    background-color: var(--yellow);
  }

  .free-shipping-promo {
    border: 2px solid var(--red);
    border-radius: 10px;
  }

  .text-offset-body-sm {
    margin-top: -3px;
  }

  .free-shipping-promo-arrow {
    max-width: none;
    top: -8px;
  }

  .text-offset-body-md {
    margin-top: -3px;
  }

  .oaxaca-map-marker {
    top: 1470px;
  }

  .milestone-images.primary {
    top: -600px;
    left: -588px;
  }

  .text-offset-body-lg {
    margin-top: -3px;
  }

  .locations-map {
    background-color: var(--teal);
  }

  .heading-1 {
    font-size: 56px;
    line-height: 60px;
  }

  .heading-2 {
    font-size: 38px;
    line-height: 40px;
  }

  .text-offset-heading-1 {
    margin-top: -16px;
  }
}

@media screen and (max-width: 991px) {
  .header {
    height: 80px;
    padding-left: 24px;
    padding-right: 24px;
  }

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

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

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

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

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

  .menu-button {
    padding: 12px;
  }

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

  .container, .container.fixed {
    max-width: none;
  }

  .section {
    padding: var(--spacing-y--xxl--tablet) 24px;
  }

  .section.section-py-md {
    padding-top: var(--spacing-y--xl--tablet);
    padding-bottom: var(--spacing-y--xl--tablet);
  }

  .section.section-py-md.first-section-header-offset {
    padding-top: 24px;
  }

  .section.section-py-sm {
    padding-top: var(--spacing-y--lg--tablet);
    padding-bottom: var(--spacing-y--lg--tablet);
  }

  .section.section-py-sm.first-section-header-offset {
    padding-top: 104px;
  }

  .section.bg-dark-green.home-section-our-story {
    min-height: 500px;
  }

  .section.first-section-header-offset {
    padding-top: 24px;
  }

  .section.first-section-header-offset.pt-0 {
    padding-top: 0;
  }

  .section.first-section-header-offset.section-min-90vh {
    height: auto;
    min-height: 90vh;
  }

  .section.section-home-bottles-1, .section.section-home-bottles-2 {
    height: 600px;
  }

  .section.section-home-instagram {
    height: auto;
  }

  .section.section-fill-height.overflow-scroll {
    align-items: stretch;
  }

  .body {
    background-position: 50%;
    background-size: cover;
    background-attachment: scroll;
  }

  .body.no-scroll {
    overflow: hidden;
  }

  .section-launch-teaser-logo {
    height: 64px;
  }

  .display-xxl {
    font-size: 72px;
    line-height: 72px;
  }

  .display-xxl.text-align-right.color-sand.my-0.display-xl-tablet, .display-xxl.color-purple.my-0.display-xl-tablet, .display-xl {
    font-size: 48px;
    line-height: 52px;
  }

  .display-lg, .display-lg.text-align-center.color-sand {
    font-size: 32px;
    line-height: 38px;
  }

  .display-md {
    font-size: 26px;
    line-height: 28px;
  }

  .display-sm {
    font-size: 20px;
    line-height: 24px;
  }

  .display-xs {
    font-size: 16px;
    line-height: 20px;
  }

  .body-lg, .body-lg.color-sand {
    font-size: 18px;
    line-height: 24px;
  }

  .body-sm.wholesale-parkst-code {
    margin-bottom: 2px;
  }

  .section-launch-teaser-footer {
    max-width: 710px;
  }

  .page.page-fill-height {
    position: relative;
  }

  .form-email-capture-arrow {
    width: 140.25px;
    height: 43.5px;
    left: -127px;
  }

  .no-decor, .no-decor:hover {
    text-decoration: none;
  }

  .no-decor.bg-midnight.color-yellow.flex-item-grow.full-height.location-container {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flex-item-grow.flex-justify-center.final-modal-inner-content {
    width: auto;
    min-width: 100vw;
    min-height: 100px;
    max-height: none;
  }

  .grid {
    grid-auto-flow: row;
    margin-left: auto;
    margin-right: auto;
  }

  .grid.grid-y-sm {
    grid-row-gap: var(--spacing-y--sm--tablet);
  }

  .grid.grid-y-xs {
    grid-row-gap: var(--spacing-y--xs--tablet);
  }

  .grid.grid-y-xxs {
    grid-row-gap: var(--spacing-y--xxs--tablet);
  }

  .grid.grid-y-md {
    grid-row-gap: var(--spacing-y--md--tablet);
  }

  .grid.grid-y-lg {
    grid-row-gap: var(--spacing-y--lg--tablet);
  }

  .grid.grid-y-xl {
    grid-row-gap: var(--spacing-y--xl--tablet);
  }

  .grid.grid-y-xxl {
    grid-row-gap: var(--spacing-y--xxl--tablet);
  }

  .grid.the-mezcal-hero-grid {
    padding: 32px;
  }

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

  .layout-y-md {
    grid-column-gap: var(--spacing-y--md--tablet);
    grid-row-gap: var(--spacing-y--md--tablet);
  }

  .layout-y-md.align-center.batch2-modal-copy {
    margin-top: 234px;
  }

  .layout-y-md.locations-list {
    padding-top: var(--layout-xs);
  }

  .layout-y-sm {
    grid-column-gap: var(--spacing-y--sm--tablet);
    grid-row-gap: var(--spacing-y--sm--tablet);
  }

  .layout-y-xs {
    grid-column-gap: var(--spacing-y--xs--tablet);
    grid-row-gap: var(--spacing-y--xs--tablet);
  }

  .layout-y-lg {
    grid-column-gap: var(--spacing-y--lg--tablet);
    grid-row-gap: var(--spacing-y--lg--tablet);
  }

  .layout-x-sm {
    grid-column-gap: var(--spacing-y--sm--tablet);
    grid-row-gap: var(--spacing-y--sm--tablet);
  }

  .layout-x-sm.layout-y-sm-tablet {
    grid-column-gap: var(--spacing-y--sm--tablet);
    grid-row-gap: var(--spacing-y--sm--tablet);
    flex-direction: column;
  }

  .layout-x-sm.layout-y-xs-tablet {
    grid-column-gap: var(--spacing-y--xs--tablet);
    grid-row-gap: var(--spacing-y--xs--tablet);
    flex-direction: column;
  }

  .layout-x-sm.layout-y-xs-tablet.align-center {
    align-items: center;
  }

  .layout-x-sm.layout-y-xxs-tablet {
    grid-column-gap: var(--spacing-y--xxs--tablet);
    grid-row-gap: var(--spacing-y--xxs--tablet);
    flex-direction: column;
  }

  .layout-x-sm.layout-y-xxs-tablet.align-center {
    align-items: center;
  }

  .layout-y-xl {
    grid-column-gap: var(--spacing-y--xl--tablet);
    grid-row-gap: var(--spacing-y--xl--tablet);
  }

  .layout-y-xxl {
    grid-column-gap: var(--spacing-y--xxl--tablet);
    grid-row-gap: var(--spacing-y--xxl--tablet);
  }

  .layout-y-xxs {
    grid-column-gap: var(--spacing-y--xxs--tablet);
    grid-row-gap: var(--spacing-y--xxs--tablet);
  }

  .layout-y-xxs.position-sticky.top-0.location-map-height {
    height: 50vh;
  }

  .docs-navbar-menu-button {
    align-items: center;
    width: 100%;
    display: flex;
  }

  .docs-navbar {
    background-color: #fff;
  }

  .layout-x-xs {
    grid-column-gap: var(--spacing-y--xs--tablet);
    grid-row-gap: var(--spacing-y--xs--tablet);
  }

  .layout-x-xxs {
    grid-column-gap: var(--spacing-y--xxs--tablet);
    grid-row-gap: var(--spacing-y--xxs--tablet);
  }

  .position-absolute.lets-be-friends {
    top: 36px;
    left: 64px;
  }

  .link-label.body-sm, .link-label.body-md {
    margin-top: -4px;
  }

  .text-offset-display-lg {
    margin-top: -10px;
  }

  .text-offset-display-xs {
    margin-top: -5px;
  }

  .text-offset-display-sm, .text-offset-display-md {
    margin-top: -6px;
  }

  .text-offset-display-xl {
    margin-top: -12px;
  }

  .text-offset-display-display-xxl {
    margin-top: -16px;
  }

  .header-nav-menu-wrapper {
    z-index: 5000;
    background-color: var(--midnight);
    color: var(--sand);
    width: 300px;
    height: 100%;
    padding: 80px 24px 32px;
    position: fixed;
  }

  .header-nav-menu-wrapper.header-animate {
    padding-top: 128px;
  }

  .header-nav-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    align-items: stretch;
  }

  .header-nav-menu.header-nav-menu-right {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .header-nav-menu-link {
    color: var(--sand);
    height: 52px;
  }

  .header-nav-menu-link.w--current {
    color: var(--sand);
    justify-content: flex-start;
    align-items: center;
  }

  .header-nav-menu-link.yotobi-cart-wrapper.yotobi-cart-wrapper-mobile {
    z-index: 0;
    align-self: center;
    height: 44px;
    margin-top: 0;
    padding-top: 10px;
  }

  .header-nav-menu-link-label {
    text-align: left;
    flex: 1;
    align-self: center;
    margin-top: -3px;
  }

  .header-nav-menu-link-label.hidden, .header-nav-menu-link-label.hidden.visible-tablet {
    display: block;
  }

  .header-yotobi-wordmark-svg {
    width: 120px;
  }

  .header-nav-menu-button {
    z-index: 5001;
    background-color: #0000;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-left: -10px;
    padding-top: 10px;
    padding-left: 10px;
    display: flex;
    position: absolute;
    left: 0;
  }

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

  .header-nav-menu-button.bg-yellow {
    background-color: var(--yellow);
  }

  .layout-x-md {
    grid-column-gap: var(--spacing-y--md--tablet);
    grid-row-gap: var(--spacing-y--md--tablet);
  }

  .footer-logo-svg {
    width: 120px;
  }

  .full-width.no-decor:hover {
    text-decoration: none;
  }

  .full-width.journal-post-image {
    border-radius: 0;
  }

  .full-width.full-height.overflow-hidden.locations-map-container {
    padding-top: var(--layout-sm);
    padding-bottom: var(--layout-xs);
  }

  .layout-oaxaca-map {
    height: 670px;
  }

  .oaxaca-map {
    width: 2000px;
    margin-left: -1050px;
    top: 440px;
  }

  .header-sun-svg {
    width: 56px;
  }

  .page-body.page-body-header-offset {
    margin-top: -1px;
  }

  .section-bg-fill {
    height: 100%;
  }

  .section-bg-fill._404 {
    background-position: 50%;
  }

  .home-hero-logo {
    width: 900px;
    height: 360px;
    margin-top: -180px;
    margin-left: -450px;
  }

  .home-hero-grid-child.home-hero-grid-child-top {
    margin-bottom: -60px;
  }

  .home-hero-grid-child.home-hero-grid-child-bottom {
    margin-top: -110px;
    padding-left: 150px;
  }

  .cart-html-embed {
    display: block;
  }

  .cart-html-embed.cart-html-embed-mobile {
    display: block;
    position: absolute;
    right: 7px;
  }

  .carousel.process-carousel {
    padding-right: 0;
  }

  .carousel-slide.carousel-slide-tablet-split {
    width: 50%;
  }

  .carousel-slide.process-slide {
    margin-right: 24px;
    padding-right: 0;
  }

  .carousel-mask.the-mezcal {
    column-count: 2;
  }

  .carousel-slide-image._3-4 {
    aspect-ratio: 3 / 4;
  }

  .home-hero-logo-wrapper {
    height: 360px;
  }

  .pacific-ocean {
    top: 440px;
  }

  .pdp-meta {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .home-ig-collection-exp {
    display: none;
  }

  .home-ig-collection-carousel-wrapper {
    display: block;
  }

  .the-mezcal-hero {
    margin-top: 40px;
  }

  .our-story-hero-image-wrapper {
    width: 90%;
  }

  .our-story-hero-content {
    padding-top: 140px;
  }

  .our-mission-eyebrow {
    width: 140px;
    margin-left: -23px;
  }

  .body-xl {
    font-size: 24px;
    line-height: 28px;
  }

  .body-xl.color-sand {
    font-size: 18px;
    line-height: 24px;
  }

  .text-offset-body-xl {
    margin-top: -6px;
  }

  .section-yotobi-name-star.star-2 {
    width: 413px;
    height: 200px;
    margin-right: 180px;
    top: 30px;
  }

  .section-yotobi-name-star.star-1 {
    width: 248px;
    height: 120px;
    margin-left: 160px;
    top: 170px;
  }

  .section-yotobi-name-star.star-3 {
    margin-right: 180px;
  }

  .team-person.john {
    margin-top: 0;
  }

  .timeline {
    grid-column-gap: 160px;
    grid-row-gap: 160px;
  }

  .milestone {
    grid-column-gap: 48px;
  }

  .timeline-milestone-marker {
    right: -36px;
  }

  .timeline-milestone-marker.pull-left {
    left: -36px;
  }

  .section-timeline-mountain-orange {
    width: 150%;
    margin-left: -75%;
  }

  .section-timeline-mountain-yellow {
    width: 150%;
    right: -75%;
  }

  .section-timeline-mountain-blue {
    width: 150%;
    left: -75%;
  }

  .section-timeline-mountain-green {
    width: 150%;
    margin-left: -75%;
  }

  .recipe-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .recipe-grid.grid-y-sm {
    grid-row-gap: var(--spacing-y--sm--tablet);
  }

  .recipe-grid.grid-y-xs {
    grid-row-gap: var(--spacing-y--xs--tablet);
  }

  .recipe-grid.grid-y-xxs {
    grid-row-gap: var(--spacing-y--xxs--tablet);
  }

  .recipe-grid.grid-y-md {
    grid-row-gap: var(--spacing-y--md--tablet);
  }

  .recipe-grid.grid-y-lg {
    grid-row-gap: var(--spacing-y--lg--tablet);
  }

  .recipe-grid.grid-y-xl {
    grid-row-gap: var(--spacing-y--xl--tablet);
  }

  .recipe-grid.grid-y-xxl {
    grid-row-gap: var(--spacing-y--xxl--tablet);
  }

  .recipe-grid.the-mezcal-hero-grid {
    padding: 32px;
  }

  .recipe-image {
    width: 75%;
  }

  .icon-lg {
    height: 40px;
  }

  .icon-lg.header-nav-burger-icon {
    padding-top: 10px;
    padding-left: 10px;
  }

  .product-card-lg {
    border-radius: 48px;
    padding: 32px;
  }

  .product-card-lg-inner {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .oaxaca-map-marker {
    width: 90px;
    margin-left: -77px;
    top: 1250px;
  }

  .masonry-grid {
    column-count: 2;
  }

  .milestone-images {
    column-count: 2;
    column-gap: 12px;
    margin-top: -12px;
  }

  .milestone-images.primary {
    column-gap: 12px;
  }

  .milestone-images.primary.pull-left {
    margin-left: -50px;
  }

  .milestone-images.primary.pull-right, .milestone-images.secondary.pull-right {
    margin-right: -50px;
  }

  .milestone-images.secondary.pull-left {
    margin-left: -50px;
  }

  .milestone-image {
    margin-top: 12px;
  }

  .recipe-card {
    height: auto;
  }

  .yotobi-cart-wrapper {
    display: none;
  }

  .yotobi-cart-wrapper.yotobi-cart-wrapper-mobile {
    margin-top: 4px;
    display: block;
    position: absolute;
    right: 0;
  }

  .brand-resources-image.logomark {
    width: 100px;
  }

  .brand-resources-image.logotype {
    width: 250px;
  }

  .text-offset-body-lg {
    margin-top: -5px;
  }

  .text-offset-body-lg.lg {
    margin-top: -6px;
  }

  .locations-map {
    border-radius: 0;
    width: auto;
    margin-left: -24px;
    margin-right: -24px;
  }

  .locations-collection-item {
    height: 100%;
  }

  .locations-map-wrapper {
    height: 40vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .locations-collection-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }

  .locations-legend {
    top: 24px;
    left: 0;
  }

  .journal-hero-image {
    margin-left: -24px;
    margin-right: -24px;
  }

  .heading-1 {
    font-size: 48px;
    line-height: 50px;
  }

  .heading-2 {
    font-size: 34px;
    line-height: 36px;
  }

  .heading-3 {
    font-size: 24px;
    line-height: 28px;
  }

  .text-offset-heading-1 {
    margin-top: -12px;
  }

  .text-offset-heading-2 {
    margin-top: -10px;
  }

  .text-offset-heading-3 {
    margin-top: -6px;
  }

  .text-offset-heading-4 {
    margin-top: -5px;
  }

  .header-wrapper {
    height: 128px;
  }

  .modal-content-yotobi {
    width: 600px;
    height: 800px;
  }

  .modal-content-yotobi.modal-batch2-launch {
    background-image: url('../images/notobi-sale-lg.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    min-width: 100vw;
    height: 100vh;
    min-height: 100vh;
    max-height: 100%;
    inset: 0%;
    transform: none;
  }
}

@media screen and (max-width: 767px) {
  .button.button-medium.form-button {
    width: 100%;
  }

  .button.button-small.button-outlined {
    display: none;
  }

  .header {
    padding-left: 24px;
    padding-right: 24px;
  }

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

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

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

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

  .section {
    padding: var(--spacing-y--xxl--mobile) 16px;
  }

  .section.section-py-md {
    padding-top: var(--spacing-y--xl--mobile);
    padding-bottom: var(--spacing-y--xl--mobile);
  }

  .section.section-py-md.first-section-header-offset.pt-0-mobile {
    padding-top: 0;
  }

  .section.section-py-sm {
    padding-top: var(--spacing-y--lg--mobile);
    padding-bottom: var(--spacing-y--lg--mobile);
  }

  .section.section-py-sm.first-section-header-offset {
    padding-top: 100px;
  }

  .section.section-py-sm.first-section-header-offset.bg-purple.pb-0-mobile {
    padding-bottom: 0;
  }

  .section.section-py-sm.section-py-0-mobile {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.section-py-sm.section-py-0-mobile.first-section-header-offset, .section.section-py-sm.section-pt-0-mobile.first-section-header-offset {
    padding-top: 80px;
  }

  .section.bg-dark-green.pb-0-mobile {
    padding-bottom: 0;
  }

  .section.bg-dark-green.pb-0-mobile.home-section-our-story {
    flex-direction: column;
    display: flex;
  }

  .section.bg-dark-green.home-section-our-story {
    flex-direction: column;
    padding-top: 0;
    display: flex;
  }

  .section.first-section-header-offset.section-py-0-mobile {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .section.first-section-header-offset.pt0-mobile {
    padding-top: 80px;
  }

  .section.first-section-header-offset.pt-0.pb-0-mobile {
    padding-bottom: 0;
  }

  .section.section-home-bottles-1, .section.section-home-bottles-2 {
    height: 600px;
  }

  .section.section-timeline {
    padding-top: 270px;
  }

  .section.section-home-interstitial {
    height: 600px;
  }

  .body {
    background-size: cover;
  }

  .display-xxl {
    font-size: 64px;
    line-height: 64px;
  }

  .display-xxl.text-align-right.color-sand.my-0.display-xl-tablet.display-lg-mobile, .display-xxl.color-purple.my-0.display-xl-tablet.display-lg-mobile, .display-xl.color-sand.my-0.display-lg-mobile, .display-lg.color-sand {
    font-size: 32px;
    line-height: 38px;
  }

  .display-lg.color-yellow.my-0.text-align-center-mobile, .display-sm.text-align-center-mobile {
    text-align: center;
  }

  .body-lg.color-sand {
    font-size: 18px;
    line-height: 24px;
  }

  .body-lg.color-sand.my-0.text-align-center-mobile, .body-lg.text-align-center-mobile {
    text-align: center;
  }

  .body-sm.wholesale-parkst-code {
    margin-bottom: 2px;
  }

  .pill {
    height: 28px;
    padding-left: 16px;
  }

  .pill-label {
    font-size: 12px;
    line-height: 18px;
  }

  .form-email-capture-arrow {
    display: none;
  }

  .grid {
    grid-template-rows: auto;
  }

  .grid.grid-y-sm {
    grid-row-gap: var(--spacing-y--sm--mobile);
  }

  .grid.grid-y-xs {
    grid-row-gap: var(--spacing-y--xs--mobile);
  }

  .grid.grid-y-xxs {
    grid-row-gap: var(--spacing-y--xxs--mobile);
  }

  .grid.grid-y-md {
    grid-row-gap: var(--spacing-y--md--mobile);
  }

  .grid.grid-y-lg {
    grid-row-gap: var(--spacing-y--lg--mobile);
  }

  .grid.grid-y-xl {
    grid-row-gap: var(--spacing-y--xl--mobile);
  }

  .grid.grid-y-xxl {
    grid-row-gap: var(--spacing-y--xxl--mobile);
  }

  .grid.home-hero-grid {
    grid-row-gap: 140px;
  }

  .layout-y-md {
    grid-column-gap: var(--spacing-y--md--mobile);
    grid-row-gap: var(--spacing-y--md--mobile);
  }

  .layout-y-md.layout-oaxaca-map-header {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .layout-y-md.align-center.batch2-modal-copy {
    margin-top: 98px;
  }

  .layout-y-sm {
    grid-column-gap: var(--spacing-y--sm--mobile);
    grid-row-gap: var(--spacing-y--sm--mobile);
  }

  .layout-y-xs {
    grid-column-gap: var(--spacing-y--xs--mobile);
    grid-row-gap: var(--spacing-y--xs--mobile);
  }

  .section-launch-teaser-footer-links-legal {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
  }

  .layout-y-lg {
    grid-column-gap: var(--spacing-y--lg--mobile);
    grid-row-gap: var(--spacing-y--lg--mobile);
  }

  .layout-y-lg.layout-y-0-mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .layout-x-sm {
    grid-column-gap: var(--spacing-y--sm--mobile);
    grid-row-gap: var(--spacing-y--sm--mobile);
  }

  .product-info-block {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .layout-y-xl {
    grid-column-gap: var(--spacing-y--xl--mobile);
    grid-row-gap: var(--spacing-y--xl--mobile);
  }

  .layout-y-xxl {
    grid-column-gap: var(--spacing-y--xxl--mobile);
    grid-row-gap: var(--spacing-y--xxl--mobile);
  }

  .layout-y-xxs {
    grid-column-gap: var(--spacing-y--xxs--mobile);
    grid-row-gap: var(--spacing-y--xxs--mobile);
  }

  .ratio-box._4-3.image-rounded.image-no-rounded-mobile {
    border-radius: 0;
  }

  .docs-table-row {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .docs-table-row.first-child {
    grid-template-columns: 1fr 1fr;
  }

  .layout-x-xs {
    grid-column-gap: var(--spacing-y--xs--mobile);
    grid-row-gap: var(--spacing-y--xs--mobile);
  }

  .layout-x-xxs {
    grid-column-gap: var(--spacing-y--xxs--mobile);
    grid-row-gap: var(--spacing-y--xxs--mobile);
  }

  .layout-x-xxs.align-item-center-mobile {
    justify-content: center;
    width: 100%;
  }

  .layout-x-xxs.hidden-mobile, .position-absolute.lets-be-friends {
    display: none;
  }

  .text-offset-display-display-xxl {
    margin-top: -14px;
  }

  .free-of-item-image {
    width: 64px;
    height: 64px;
  }

  .header-logo {
    padding-left: 0;
  }

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

  .header-yotobi-wordmark-svg {
    width: 100px;
  }

  .header-nav-menu-button {
    left: 0;
  }

  .layout-x-md {
    grid-column-gap: var(--spacing-y--md--mobile);
    grid-row-gap: var(--spacing-y--md--mobile);
  }

  .footer-logo {
    padding-left: 0;
  }

  .footer-logo-svg {
    width: 100px;
  }

  .layout-oaxaca-map {
    height: 700px;
  }

  .oaxaca-map {
    width: 1600px;
    margin-left: -730px;
    top: 1430px;
  }

  .section-bg-fill.split-right.home-our-story-bg-fill {
    order: -1;
    width: auto;
    height: 300px;
    margin: 0 -16px 80px;
    position: relative;
    inset: auto 0;
  }

  .home-hero-logo {
    width: 700px;
    height: 280px;
    margin-top: -140px;
    margin-left: -350px;
  }

  .home-hero-grid-child {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .home-hero-grid-child.home-hero-grid-child-top {
    margin-bottom: -50px;
  }

  .home-hero-grid-child.home-hero-grid-child-bottom {
    margin-top: -80px;
    padding-left: 0;
  }

  .cart-html-embed {
    width: 24px;
  }

  .carousel-slide.process-slide {
    margin-right: 16px;
  }

  .carousel-arrow.him-arrow {
    top: -40px;
  }

  .home-hero-logo-wrapper {
    height: 280px;
  }

  .home-hero-layout {
    margin-top: -16px;
  }

  .product-info-block-image-wrapper {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }

  .mezcal-ingredients-header {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .pacific-ocean {
    top: 1430px;
  }

  .pdp-meta {
    display: flex;
  }

  .recipes-instructions-item-wrapper {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .home-ig-collection-carousel-wrapper {
    width: 100%;
  }

  .the-mezcal-hero {
    border-radius: 0;
    width: auto;
    margin-top: 0;
    margin-left: -16px;
    margin-right: -16px;
  }

  .our-story-hero {
    height: 500px;
  }

  .our-story-hero-image-wrapper {
    aspect-ratio: auto;
    width: auto;
    height: 100%;
    margin-left: -16px;
    margin-right: -16px;
    position: absolute;
    inset: 0%;
  }

  .our-story-hero-content {
    justify-content: flex-end;
    margin-right: 0;
    padding-bottom: 24px;
  }

  .our-story-hero-image {
    border-radius: 0;
  }

  .body-xl.color-sand {
    font-size: 18px;
    line-height: 24px;
  }

  .body-xl.color-sand.my-0.text-align-center-mobile, .body-xl.text-align-center-mobile {
    text-align: center;
  }

  .flying-man {
    width: 96px;
  }

  .section-yotobi-name-star.star-3 {
    top: 400px;
  }

  .team-person-image-wrapper {
    aspect-ratio: 1;
  }

  .timeline {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
  }

  .milestone {
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-left: 80px;
  }

  .timeline-milestone-marker, .timeline-milestone-marker.pull-left {
    left: -60px;
  }

  .timeline-line {
    margin-left: 0;
    left: 28px;
  }

  .section-timeline-agave-top {
    margin-left: 0;
    left: -12px;
  }

  .section-timeline-agave-bottom {
    margin-left: 0;
    left: -69px;
  }

  .section-timeline-agave-middle {
    margin-left: 0;
    left: 44px;
  }

  .age-gate-yotobi-wordmark-svg {
    width: 150px;
  }

  .recipe-grid {
    grid-template-rows: auto;
  }

  .recipe-grid.grid-y-sm {
    grid-row-gap: var(--spacing-y--sm--mobile);
  }

  .recipe-grid.grid-y-xs {
    grid-row-gap: var(--spacing-y--xs--mobile);
  }

  .recipe-grid.grid-y-xxs {
    grid-row-gap: var(--spacing-y--xxs--mobile);
  }

  .recipe-grid.grid-y-md {
    grid-row-gap: var(--spacing-y--md--mobile);
  }

  .recipe-grid.grid-y-lg {
    grid-row-gap: var(--spacing-y--lg--mobile);
  }

  .recipe-grid.grid-y-xl {
    grid-row-gap: var(--spacing-y--xl--mobile);
  }

  .recipe-grid.grid-y-xxl {
    grid-row-gap: var(--spacing-y--xxl--mobile);
  }

  .recipe-grid.home-hero-grid {
    grid-row-gap: 140px;
  }

  .product-card-lg {
    border-radius: 0;
    margin-left: -16px;
    margin-right: -16px;
    padding: 48px 16px;
  }

  .product-card-lg-inner {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .product-card-lg-image-wrapper {
    border-radius: 30px;
  }

  .oaxaca-map-marker {
    width: 70px;
    margin-left: 50px;
    top: 2090px;
  }

  .masonry-grid {
    column-count: 2;
  }

  .masonry-grid._2-col.timeline-expand-left {
    margin-left: 0;
  }

  .masonry-grid._2-col.timeline-expand-right {
    margin-right: 0;
  }

  .masonry-item.item-stagger {
    padding-top: 20px;
  }

  .milestone-images-wrapper {
    column-count: 2;
  }

  .milestone-images-wrapper._2-col.timeline-expand-left {
    margin-left: 0;
  }

  .milestone-images-wrapper._2-col.timeline-expand-right {
    margin-right: 0;
  }

  .milestone-images._2-col.timeline-expand-left {
    margin-left: 0;
  }

  .milestone-images._2-col.timeline-expand-right {
    margin-right: 0;
  }

  .milestone-images.primary.pull-left {
    margin-left: 0;
  }

  .milestone-images.primary.pull-right {
    margin-right: 0;
  }

  .milestone-images.secondary {
    margin-top: -12px;
  }

  .milestone-images.secondary.pull-right {
    margin-right: 0;
  }

  .milestone-images.secondary.pull-left {
    margin-left: 0;
  }

  .milestone-image.item-stagger {
    margin-top: 0;
  }

  .milestone-image.ar-1x1.item-stagger {
    margin-top: 12px;
  }

  .milestone-image.ar-1x1.item-stagger.item-stagger-first {
    margin-top: 0;
  }

  .product-card-lg-image {
    border-radius: 30px;
  }

  .team-person-image {
    aspect-ratio: 1;
  }

  .section-home-interstitial-1-img {
    width: 1080px;
    margin-left: -540px;
    left: 50%;
  }

  .locations-map {
    margin-left: -16px;
    margin-right: -16px;
  }

  .locations-map-wrapper {
    height: 30vh;
  }

  .locations-legend {
    left: 4px;
  }

  .heading-1 {
    font-size: 44px;
    line-height: 46px;
  }

  .heading-2 {
    font-size: 32px;
    line-height: 34px;
  }

  .heading-3 {
    font-size: 24px;
    line-height: 28px;
  }

  .heading-4 {
    font-size: 16px;
    line-height: 18px;
  }

  .text-offset-heading-1 {
    margin-top: -13px;
  }

  .modal-content-yotobi.modal-batch2-launch {
    background-position: 50% 29%;
    background-size: cover;
  }
}

@media screen and (max-width: 479px) {
  .button.button-medium.form-button, .button.button-fluid-mobile {
    width: 100%;
  }

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

  .icon.header-nav-burger-icon {
    transition: color .3s cubic-bezier(.455, .03, .515, .955);
  }

  .section.section-py-md.first-section-header-offset {
    padding-top: 160px;
  }

  .section.section-py-sm.first-section-header-offset {
    padding-top: 100px;
  }

  .section.section-py-sm.section-pt-0-mobile {
    padding-top: 0;
  }

  .section.section-py-sm.section-pt-0-mobile.section-first-header-offset {
    padding-top: 80px;
  }

  .section.section-timeline {
    padding-top: 80px;
    padding-bottom: 160px;
  }

  .section.section-home-interstitial {
    height: 550px;
  }

  .body {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .section-launch-teaser-logo {
    height: 48px;
  }

  .display-xxl {
    font-size: 48px;
    line-height: 48px;
  }

  .display-xxl.text-align-right.color-sand.my-0.display-xl-tablet.display-lg-mobile.the-mezcal-hero-heading, .display-xxl.color-purple.my-0.display-xl-tablet.display-lg-mobile.the-mezcal-hero-heading {
    font-size: 36px;
    line-height: 42px;
  }

  .body-lg {
    font-size: 18px;
    line-height: 24px;
  }

  .body-lg.text-align-right.my-0.color-dark-green.text-align-center-mobile, .body-lg.text-align-right.my-0.color-dark-green.text-align-center-mobile-portrait {
    text-align: center;
  }

  .body-sm.text-offset-body-sm.my-0.text-align-center.hide-phone {
    display: none;
  }

  .body-sm.text-offset-body-sm.my-0.text-align-center.batch2-banner-mobile-text {
    display: block;
  }

  .section-launch-teaser-footer {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .section-launch-teaser-footer.launch-teaser-container-outer {
    margin-top: 48px;
  }

  .form-email-capture {
    flex-direction: column;
  }

  .form-field {
    flex: none;
    height: 44px;
  }

  .form {
    height: auto;
  }

  .html-embed-3 {
    margin-left: auto;
    margin-right: auto;
  }

  .grid.grid-y-lg.grid-x-lg {
    grid-column-gap: var(--layout-xs);
  }

  .grid.home-hero-grid {
    grid-column-gap: 0px;
    grid-row-gap: 150px;
    grid-template-columns: 1fr;
  }

  .grid.the-mezcal-hero-grid {
    padding-left: 16px;
    padding-right: 16px;
  }

  .layout-y-md.align-center.batch2-modal-copy {
    padding-right: var(--layout-xs);
    padding-bottom: 100px;
    padding-left: var(--layout-xs);
    margin-top: 425px;
  }

  .ratio-box._4-3.image-rounded.image-no-rounded-mobile.our-story-hero-image {
    padding-top: 0%;
  }

  .ratio-box.hidden-mobile-portrait {
    display: none;
  }

  .text-offset-display-display-xxl {
    margin-top: -12px;
  }

  .header-nav-menu-wrapper {
    z-index: 5000;
    width: 100%;
    position: fixed;
  }

  .header-nav-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    position: relative;
  }

  .header-nav-menu-link {
    align-self: stretch;
    width: auto;
    height: 44px;
    display: flex;
  }

  .header-nav-menu-link-label {
    text-align: left;
    width: 100%;
  }

  .header-nav-menu-button {
    transition: color .2s cubic-bezier(.455, .03, .515, .955);
  }

  .header-nav-menu-button.w--open {
    z-index: 5001;
    border-radius: 100px;
  }

  .layout-oaxaca-map {
    height: 990px;
  }

  .oaxaca-map {
    margin-left: -770px;
    top: 1600px;
  }

  .section-bg-fill._404 {
    background-position: 50%;
    background-size: cover;
  }

  .home-hero-logo {
    width: 380px;
    height: 152px;
    margin-top: -76px;
    margin-left: -190px;
  }

  .home-hero-grid-child.home-hero-grid-child-top {
    margin-bottom: 0;
  }

  .home-hero-grid-child.home-hero-grid-child-bottom {
    margin-top: -15px;
  }

  .carousel.the-mezcal {
    pointer-events: auto;
    margin-top: 40px;
  }

  .carousel-slide {
    width: 100%;
    margin-top: 0;
  }

  .carousel-slide.carousel-slide-tablet-split.carousel-slide-mobile-full {
    width: 100%;
  }

  .carousel-slide.the-mezcal {
    aspect-ratio: 1;
    margin-top: 0;
  }

  .carousel-slide.the-mezcal.second {
    margin-top: 0;
  }

  .carousel-slide.the-mezcal.ar-4x3, .carousel-slide.the-mezcal.ar-3x4, .carousel-slide.the-mezcal.ar-3x5 {
    aspect-ratio: 1;
  }

  .carousel-mask.the-mezcal {
    column-count: auto;
    white-space: nowrap;
    border-radius: 20px;
  }

  .carousel-slide-image.the-mezcal {
    object-fit: cover;
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .carousel-slide-image.the-mezcal.hidden.visible-mobile-portrait {
    display: block;
  }

  .carousel-arrow.the-mezcal {
    display: flex;
  }

  .home-hero-logo-wrapper {
    height: 152px;
  }

  .san-martin-image-wrapper {
    max-width: 250px;
  }

  .pacific-ocean {
    top: 1600px;
  }

  .pdp-meta {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
  }

  .the-mezcal-hero {
    height: 350px;
    padding-top: 0%;
  }

  .our-story-hero {
    height: 600px;
  }

  .our-story-hero-image-wrapper {
    height: 100%;
  }

  .our-story-hero-content {
    margin-right: 0;
  }

  .our-story-hero-image {
    height: 100%;
  }

  .our-mission-eyebrow {
    width: 120px;
    margin-left: -20px;
  }

  .mission-value-number {
    left: -30px;
  }

  .body-xl {
    font-size: 18px;
    line-height: 24px;
  }

  .body-xl.text-align-right.my-0.color-dark-green.text-align-center-mobile {
    text-align: center;
  }

  .section-yotobi-name-star.star-2 {
    margin-right: 30px;
    display: none;
  }

  .section-yotobi-name-star.star-1 {
    margin-left: 60px;
    top: 200px;
  }

  .section-yotobi-name-star.star-3 {
    margin-right: 70px;
    top: auto;
    bottom: 20px;
  }

  .timeline {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .milestone {
    padding-left: 0;
  }

  .carousel-nav.the-mezcal {
    display: block;
  }

  .timeline-milestone-marker, .timeline-line, .section-timeline-agave-top, .section-timeline-agave-bottom, .section-timeline-agave-middle {
    display: none;
  }

  .button-group.button-group-vertical-mobile {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .overlay-header.fixed {
    position: fixed;
  }

  .recipe-grid.home-hero-grid {
    grid-column-gap: 0px;
    grid-row-gap: 150px;
    grid-template-columns: 1fr;
  }

  .recipe-grid.the-mezcal-hero-grid {
    padding-left: 16px;
    padding-right: 16px;
  }

  .recipe-image {
    width: 100%;
    display: block;
  }

  .product-card-lg {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .free-shipping-promo {
    padding-left: 12px;
    padding-right: 12px;
  }

  .free-shipping-promo-arrow {
    display: none;
  }

  .oaxaca-map-marker {
    margin-left: 10px;
    top: 2262px;
  }

  .masonry-grid {
    column-count: 2;
  }

  .milestone-images-wrapper {
    column-count: 1;
  }

  .milestone-images {
    column-count: 2;
    margin-left: -50px;
    margin-right: -50px;
  }

  .milestone-images.primary.pull-left {
    margin-left: -50px;
  }

  .milestone-images.primary.pull-right, .milestone-images.secondary.pull-right {
    margin-right: -50px;
  }

  .milestone-images.secondary.pull-left {
    margin-left: -50px;
  }

  .section-home-interstitial-1-img {
    width: 980px;
    margin-left: -490px;
  }

  .brand-resources-image.logomark {
    width: 100px;
  }

  .brand-resources-image.logotype {
    width: 200px;
  }

  .locations-map-wrapper {
    height: 40vh;
  }

  .locations-legend {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
  }

  .modal-content-yotobi.modal-batch2-launch {
    background-color: #c73b03;
    background-position: 50% 0;
    background-size: 525px;
  }
}

#w-node-_1a161802-18c8-92b9-2af6-0bd0603d0bf5-02c9cf05 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-_7bd840f6-2adb-a32b-c482-04ddb330bff4-02c9cf05 {
  grid-area: 2 / 1 / 3 / 13;
}

#w-node-_01d8e879-3b3b-4758-e5c5-0462954c2331-02c9cf05 {
  grid-area: 3 / 4 / 4 / 13;
}

#w-node-_58c19f71-cf90-6975-0251-5345479fe1b6-02c9cf05 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-c3f7f528-c09d-e8d2-5a79-59d5d87fc0a7-02c9cf05 {
  grid-area: 2 / 6 / 3 / 13;
}

#w-node-_1175e4cc-b779-7545-a041-aa5c03857680-02c9cf05 {
  grid-area: span 1 / span 5 / span 1 / span 5;
  align-self: center;
}

#w-node-_9cdea68c-d9cc-a30f-9014-db44c985ccfd-02c9cf05 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_514edfc0-8b3e-8f85-ae9b-d78f13565814-1356580e, #w-node-e8afb637-3a45-63ec-cc59-1264625cc4b6-625cc4af, #w-node-e8afb637-3a45-63ec-cc59-1264625cc4cc-625cc4af {
  grid-area: 1 / 3 / 2 / 11;
}

#w-node-_417d1b5f-46ed-d04f-2189-971b292a512c-292a5129 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  place-self: start;
}

#w-node-_417d1b5f-46ed-d04f-2189-971b292a5130-292a5129, #w-node-_417d1b5f-46ed-d04f-2189-971b292a5141-292a5129, #w-node-a2382f91-cc53-4b3c-252b-228cca824baf-ca824bae, #w-node-a2382f91-cc53-4b3c-252b-228cca824bb3-ca824bae, #w-node-a2382f91-cc53-4b3c-252b-228cca824bb7-ca824bae {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_38d568b2-1c6f-bb6d-e8de-e816a5efee12-c0412666 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_38d568b2-1c6f-bb6d-e8de-e816a5efee25-c0412666 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_874958df-d90e-2e41-f010-647c64b168df-c0412666 {
  grid-area: 1 / 4 / 2 / 13;
}

#w-node-_45865c83-186d-347d-4b33-a1a6ce0b1b5a-c0412666, #w-node-_7ebc9c18-331f-60e4-f9b0-4080e089d69c-c0412666, #w-node-_07db5667-d36d-50b6-1ca5-e358022cc55f-c0412666 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-f02d4489-8cf0-5192-7d0d-dca4864a0299-c0412666, #w-node-_84381a4e-a24b-8bf9-a117-e453e467c923-c0412666, #w-node-_4cae3079-466a-4c72-58db-c7d111f8806c-c0412666, #w-node-_4ebb94c5-30bf-0267-f3f3-40b07efc7c62-c0412666, #w-node-_4e9b6286-fccd-b34f-2171-f00d0debda24-c0412666, #w-node-_541f914f-903d-f35f-eb01-d457e0f3c5a9-c0412666, #w-node-_15368d2e-4a78-fe20-1a7f-af4fd69d27bf-c0412666, #w-node-_15368d2e-4a78-fe20-1a7f-af4fd69d27c9-c0412666, #w-node-_15368d2e-4a78-fe20-1a7f-af4fd69d27d3-c0412666, #w-node-_15368d2e-4a78-fe20-1a7f-af4fd69d27dd-c0412666 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_355ee1ba-0c54-df7e-6eb5-6cea88c1b927-c0412666 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_355ee1ba-0c54-df7e-6eb5-6cea88c1b942-c0412666, #w-node-_355ee1ba-0c54-df7e-6eb5-6cea88c1b94b-c0412666, #w-node-_355ee1ba-0c54-df7e-6eb5-6cea88c1b954-c0412666 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_390dc81c-a989-5147-b809-1dd1a4402357-c0412666, #w-node-_390dc81c-a989-5147-b809-1dd1a4402362-c0412666, #w-node-ecf33fe6-a5f2-c09b-fc54-c4c4be6ca6da-c0412666, #w-node-_9ed505e0-3d28-ed38-3ceb-522115385c40-c0412666, #w-node-_9ed505e0-3d28-ed38-3ceb-522115385c55-c0412666, #w-node-_7c455a70-7a86-8004-0201-4e93b9d88fe2-c0412666, #w-node-_7c455a70-7a86-8004-0201-4e93b9d88ff7-c0412666, #w-node-_7c455a70-7a86-8004-0201-4e93b9d8900e-c0412666, #w-node-_0d888c6c-ae55-e4cb-9edc-1c69ee872eb8-c0412666, #w-node-_0d888c6c-ae55-e4cb-9edc-1c69ee872ecd-c0412666, #w-node-_0d888c6c-ae55-e4cb-9edc-1c69ee872ee4-c0412666, #w-node-_8110fd90-f270-294f-df78-29991faf6d0e-c0412666, #w-node-_8110fd90-f270-294f-df78-29991faf6d23-c0412666, #w-node-_8110fd90-f270-294f-df78-29991faf6d3a-c0412666, #w-node-_73f4da2b-6205-7e1a-01fe-055f748e511e-c0412666, #w-node-_73f4da2b-6205-7e1a-01fe-055f748e5135-c0412666, #w-node-_73f4da2b-6205-7e1a-01fe-055f748e514e-c0412666, #w-node-_2121207f-5de5-dc49-c5e9-9916a0e9f110-c0412666, #w-node-_2121207f-5de5-dc49-c5e9-9916a0e9f125-c0412666, #w-node-_2121207f-5de5-dc49-c5e9-9916a0e9f13c-c0412666 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-f5d41c24-0e97-cc80-0c29-b3215fb421d7-5499f0d4 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  place-self: center;
}

#w-node-_069a39bd-70ad-6062-0a11-b1227710ecb2-5499f0d4 {
  grid-area: 2 / 2 / 3 / 12;
}

#w-node-d779775f-5a9f-873a-314e-6d010fcbaa3a-5499f0d4 {
  grid-area: 3 / 2 / 4 / 12;
}

#\32 .w-node-_774326ef-d821-7a6d-5724-af93735e1817-3c4d62a5, #w-node-_99853ccc-cdf0-f697-68c7-35b2a40e068b-be2a779d {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-d9ded2b2-bcd0-04cc-979a-0206a79f8a1f-27b712b1, #w-node-_35a3c8e6-07b0-ee22-3002-7caf87e1633b-27b712b1, #w-node-b778291f-9c0b-cb31-9679-3cf16ca5f11b-27b712b1 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-b778291f-9c0b-cb31-9679-3cf16ca5f11d-27b712b1 {
  grid-area: 2 / 2 / 3 / 12;
}

#w-node-b778291f-9c0b-cb31-9679-3cf16ca5f121-27b712b1, #w-node-b778291f-9c0b-cb31-9679-3cf16ca5f123-27b712b1, #w-node-b778291f-9c0b-cb31-9679-3cf16ca5f125-27b712b1 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-b778291f-9c0b-cb31-9679-3cf16ca5f12d-27b712b1, #w-node-_27695996-007f-77fb-d50a-bb3c53fc4b59-27b712b1, #w-node-_8bb049a8-59c0-5a44-f698-1f853ef94d47-27b712b1, #w-node-_35bdd5ca-f43f-0bdb-6adb-8a821d127a3e-27b712b1 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-dc9eda61-70d8-5d2a-332a-d7bc505307b4-27b712b1 {
  grid-area: 1 / 6 / 2 / 13;
  align-self: center;
}

#w-node-dfad42f6-8224-943a-53a4-8d750449661f-27b712b1 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6aebc399-d638-1137-faf9-763167999321-27b712b1 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: center;
}

#w-node-df348336-4a61-8f3d-a9b2-3bc6f200bc9a-27b712b1 {
  grid-area: span 1 / span 5 / span 1 / span 5;
  align-self: center;
}

#w-node-df348336-4a61-8f3d-a9b2-3bc6f200bc9c-27b712b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a368c3ce-04b2-570b-70aa-7e5fffced9bf-27b712b1 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_7d35700b-4ff9-c776-95b0-50aa5a289eca-27b712b1 {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-_37ad0205-9b1e-6cc3-4079-8f4be46e9607-27b712b1 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: center;
}

#w-node-_45fe076e-09ac-f412-8581-b1101a9d5a33-1a2624d0 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-d6241760-8c3a-013f-68cf-b16005055687-1a2624d0, #w-node-_15f03031-c82b-4824-9a3b-fe9e28517ac0-1a2624d0, #w-node-_2207b6fb-78e9-f599-763d-004593c1e810-1a2624d0 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-ae85366d-6502-2d93-c9bf-415b551ff124-1a2624d0 {
  order: 9999;
}

#w-node-_98ed015a-d4ae-17b4-28ab-5650e6063641-1a2624d0, #w-node-dccaee75-9b5a-be88-a0ee-dc8da6c416af-1a2624d0, #w-node-f225773a-192f-28ec-3c96-6afd40152a00-1a2624d0 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_98a8953e-4df4-53b2-28fb-69660034cead-1a2624d0 {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-cec50c90-4563-8666-9830-87e0ed212ff7-1a2624d0 {
  grid-area: 1 / 3 / 2 / 11;
}

#w-node-d7fe131c-7b11-94d3-b4cc-e77ec727aefb-1a2624d0 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-ac91bf01-f7de-a672-b0be-842c838f9cb6-09cafa6a {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-_2b769389-7f97-a22f-f1c0-b03e4f6d398d-fda68313, #w-node-ad9d8ad6-bbc1-1d70-065d-2b30b112fb23-fda68313, #w-node-d1dc8cd8-9ccc-a597-14a1-aac40349b69e-fda68313 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_983ff519-fcca-1a02-ac87-bf3e8a2e6613-73931d15, #w-node-_41fa6b17-47e0-fc6f-8eb5-8ccb8f36c6ae-73931d15 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_4f34af03-1296-1fb7-288f-045382efa05d-73931d15, #w-node-_4d9761bb-3c88-93f0-39e7-ee7014a34979-73931d15, #w-node-_587b1c3e-ed2e-851f-e1a4-a55c13865017-73931d15, #w-node-c201c638-3b10-377b-5202-40188d7e4a59-73931d15, #w-node-ffcf7bd0-54f7-f9ab-a21a-54dd8e2a619f-73931d15, #w-node-d109faa4-4920-608b-8d10-9e43ea102160-73931d15, #w-node-b321f6e7-9006-fbb5-bc5a-06b09aa8e10b-73931d15, #w-node-_2333da1d-6c42-1181-9673-c65922a5b5dd-73931d15, #w-node-_360ce64a-4152-b2b8-0bd8-80a63a57c07b-73931d15 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_9f5d7575-006a-4266-9d2e-e5eb28898afa-9933c73c, #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898b04-9933c73c {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_80525c0b-1296-9ab3-3724-7a975a96f1c9-9933c73c, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1cd-9933c73c, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d1-9933c73c, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d5-9933c73c {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-fc04d25e-945c-5cc9-de4d-c59595bf21b7-9933c73c, #w-node-fc04d25e-945c-5cc9-de4d-c59595bf21bb-9933c73c, #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898afa-a40c9d3a, #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898b04-a40c9d3a {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_80525c0b-1296-9ab3-3724-7a975a96f1c9-a40c9d3a, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1cd-a40c9d3a, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d1-a40c9d3a, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d5-a40c9d3a {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_176d3922-e8ac-1360-6e4c-51e7043e16d8-a40c9d3a, #w-node-_176d3922-e8ac-1360-6e4c-51e7043e16e0-a40c9d3a, #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898afa-f0015f49, #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898b04-f0015f49 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_80525c0b-1296-9ab3-3724-7a975a96f1c9-f0015f49, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1cd-f0015f49, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d1-f0015f49, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d5-f0015f49 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b5321705-e1d6-9792-83ec-fc038db1b9f1-f0015f49, #w-node-b5321705-e1d6-9792-83ec-fc038db1b9f5-f0015f49, #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898afa-e66e27f3, #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898b04-e66e27f3 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_80525c0b-1296-9ab3-3724-7a975a96f1c9-e66e27f3, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1cd-e66e27f3, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d1-e66e27f3, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d5-e66e27f3 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

@media screen and (min-width: 1440px) {
  #w-node-c3f7f528-c09d-e8d2-5a79-59d5d87fc0a7-02c9cf05 {
    grid-area: 2 / 6 / 3 / 13;
  }

  #w-node-e8afb637-3a45-63ec-cc59-1264625cc4cc-625cc4af {
    grid-area: 1 / 4 / 2 / 10;
  }

  #w-node-d779775f-5a9f-873a-314e-6d010fcbaa3a-5499f0d4 {
    grid-column: 3 / 11;
  }

  #\32 .w-node-_774326ef-d821-7a6d-5724-af93735e1817-3c4d62a5, #w-node-_99853ccc-cdf0-f697-68c7-35b2a40e068b-be2a779d {
    grid-area: 1 / 3 / 2 / 11;
  }

  #w-node-b778291f-9c0b-cb31-9679-3cf16ca5f12d-27b712b1 {
    grid-area: 1 / 3 / 2 / 5;
  }

  #w-node-_27695996-007f-77fb-d50a-bb3c53fc4b59-27b712b1 {
    grid-area: 1 / 5 / 2 / 7;
  }

  #w-node-_8bb049a8-59c0-5a44-f698-1f853ef94d47-27b712b1 {
    grid-area: 1 / 7 / 2 / 9;
  }

  #w-node-_35bdd5ca-f43f-0bdb-6adb-8a821d127a3e-27b712b1 {
    grid-area: 1 / 9 / 2 / 11;
  }

  #w-node-_45fe076e-09ac-f412-8581-b1101a9d5a33-1a2624d0 {
    grid-column: span 8 / span 8;
  }

  #w-node-ae85366d-6502-2d93-c9bf-415b551ff124-1a2624d0 {
    order: 9999;
  }

  #w-node-d7fe131c-7b11-94d3-b4cc-e77ec727aefb-1a2624d0 {
    grid-column: 2 / 12;
  }

  #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898b04-9933c73c {
    grid-area: 1 / 8 / 2 / 13;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1c9-9933c73c {
    grid-area: 1 / 3 / 2 / 5;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1cd-9933c73c {
    grid-area: 1 / 5 / 2 / 7;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d1-9933c73c {
    grid-area: 1 / 7 / 2 / 9;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d5-9933c73c {
    grid-area: 1 / 9 / 2 / 11;
  }

  #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898b04-a40c9d3a {
    grid-area: 1 / 8 / 2 / 13;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1c9-a40c9d3a {
    grid-area: 1 / 3 / 2 / 5;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1cd-a40c9d3a {
    grid-area: 1 / 5 / 2 / 7;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d1-a40c9d3a {
    grid-area: 1 / 7 / 2 / 9;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d5-a40c9d3a {
    grid-area: 1 / 9 / 2 / 11;
  }

  #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898b04-f0015f49 {
    grid-area: 1 / 8 / 2 / 13;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1c9-f0015f49 {
    grid-area: 1 / 3 / 2 / 5;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1cd-f0015f49 {
    grid-area: 1 / 5 / 2 / 7;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d1-f0015f49 {
    grid-area: 1 / 7 / 2 / 9;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d5-f0015f49 {
    grid-area: 1 / 9 / 2 / 11;
  }

  #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898b04-e66e27f3 {
    grid-area: 1 / 8 / 2 / 13;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1c9-e66e27f3 {
    grid-area: 1 / 3 / 2 / 5;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1cd-e66e27f3 {
    grid-area: 1 / 5 / 2 / 7;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d1-e66e27f3 {
    grid-area: 1 / 7 / 2 / 9;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d5-e66e27f3 {
    grid-area: 1 / 9 / 2 / 11;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-c3f7f528-c09d-e8d2-5a79-59d5d87fc0a7-02c9cf05 {
    grid-area: 2 / 6 / 3 / 13;
  }

  #w-node-dc9eda61-70d8-5d2a-332a-d7bc505307b4-27b712b1 {
    grid-area: 1 / 7 / 2 / 13;
    align-self: center;
  }

  #w-node-_6aebc399-d638-1137-faf9-763167999321-27b712b1 {
    grid-area: 1 / 5 / 2 / 10;
    align-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-c3f7f528-c09d-e8d2-5a79-59d5d87fc0a7-02c9cf05 {
    grid-area: 2 / 3 / 3 / 13;
  }

  #w-node-_1175e4cc-b779-7545-a041-aa5c03857680-02c9cf05 {
    grid-area: span 1 / span 6 / span 1 / span 6;
    align-self: center;
  }

  #w-node-_9cdea68c-d9cc-a30f-9014-db44c985ccfd-02c9cf05 {
    grid-area: span 1 / span 9 / span 1 / span 9;
  }

  #w-node-_514edfc0-8b3e-8f85-ae9b-d78f13565814-1356580e {
    grid-column: 3 / 11;
  }

  #w-node-e8afb637-3a45-63ec-cc59-1264625cc4b6-625cc4af {
    grid-column: 4 / 10;
  }

  #w-node-e8afb637-3a45-63ec-cc59-1264625cc4cc-625cc4af {
    grid-area: 1 / 2 / 2 / 12;
  }

  #w-node-d5edf609-e2e6-2293-1519-47aa92d7ff4e-92d7ff3d {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-b67f2b19-ef8a-f3f4-e314-eb25dad739d2-92d7ff3d, #w-node-c005735a-0b9a-1a66-99f7-3931f69a89f0-92d7ff3d {
    place-self: start;
  }

  #w-node-_38d568b2-1c6f-bb6d-e8de-e816a5efee12-c0412666, #w-node-_874958df-d90e-2e41-f010-647c64b168df-c0412666, #w-node-d779775f-5a9f-873a-314e-6d010fcbaa3a-5499f0d4 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-b778291f-9c0b-cb31-9679-3cf16ca5f12d-27b712b1, #w-node-_27695996-007f-77fb-d50a-bb3c53fc4b59-27b712b1, #w-node-_8bb049a8-59c0-5a44-f698-1f853ef94d47-27b712b1, #w-node-_35bdd5ca-f43f-0bdb-6adb-8a821d127a3e-27b712b1 {
    grid-column: span 3 / span 3;
  }

  #w-node-_6aebc399-d638-1137-faf9-763167999321-27b712b1 {
    grid-area: 1 / 5 / 2 / 11;
    align-self: center;
  }

  #w-node-df348336-4a61-8f3d-a9b2-3bc6f200bc9a-27b712b1 {
    grid-column: span 12 / span 12;
  }

  #w-node-_7d35700b-4ff9-c776-95b0-50aa5a289eca-27b712b1 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_98a8953e-4df4-53b2-28fb-69660034cead-1a2624d0 {
    grid-column: 3 / 11;
  }

  #w-node-d7fe131c-7b11-94d3-b4cc-e77ec727aefb-1a2624d0 {
    grid-column: 2 / 12;
  }

  #w-node-ac91bf01-f7de-a672-b0be-842c838f9cb6-09cafa6a {
    grid-column: 4 / 10;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1c9-9933c73c, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1cd-9933c73c, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d1-9933c73c, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d5-9933c73c, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1c9-a40c9d3a, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1cd-a40c9d3a, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d1-a40c9d3a, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d5-a40c9d3a, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1c9-f0015f49, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1cd-f0015f49, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d1-f0015f49, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d5-f0015f49, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1c9-e66e27f3, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1cd-e66e27f3, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d1-e66e27f3, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d5-e66e27f3 {
    grid-column: span 3 / span 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c3f7f528-c09d-e8d2-5a79-59d5d87fc0a7-02c9cf05 {
    grid-area: 2 / 5 / 3 / 13;
  }

  #w-node-_1175e4cc-b779-7545-a041-aa5c03857680-02c9cf05 {
    grid-area: span 1 / span 12 / span 1 / span 12;
    align-self: center;
  }

  #w-node-_9cdea68c-d9cc-a30f-9014-db44c985ccfd-02c9cf05 {
    grid-column: span 12 / span 12;
  }

  #w-node-_514edfc0-8b3e-8f85-ae9b-d78f13565814-1356580e, #w-node-e8afb637-3a45-63ec-cc59-1264625cc4b6-625cc4af {
    grid-column: 3 / 11;
  }

  #w-node-e8afb637-3a45-63ec-cc59-1264625cc4cc-625cc4af {
    grid-area: 1 / 1 / 2 / 13;
  }

  #w-node-_417d1b5f-46ed-d04f-2189-971b292a512c-292a5129 {
    grid-area: span 2 / span 6 / span 2 / span 6;
  }

  #w-node-_417d1b5f-46ed-d04f-2189-971b292a5130-292a5129 {
    grid-area: 1 / 7 / 3 / 13;
    align-self: center;
  }

  #w-node-_417d1b5f-46ed-d04f-2189-971b292a5141-292a5129 {
    grid-area: 3 / 1 / 4 / 7;
  }

  #w-node-_45865c83-186d-347d-4b33-a1a6ce0b1b5a-c0412666, #w-node-_7ebc9c18-331f-60e4-f9b0-4080e089d69c-c0412666, #w-node-_07db5667-d36d-50b6-1ca5-e358022cc55f-c0412666 {
    grid-column: span 12 / span 12;
  }

  #w-node-f02d4489-8cf0-5192-7d0d-dca4864a0299-c0412666 {
    order: 9999;
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-f02d4489-8cf0-5192-7d0d-dca4864a029e-c0412666 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_84381a4e-a24b-8bf9-a117-e453e467c923-c0412666 {
    order: 9999;
    grid-column: span 12 / span 12;
  }

  #w-node-_84381a4e-a24b-8bf9-a117-e453e467c928-c0412666 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_4cae3079-466a-4c72-58db-c7d111f8806c-c0412666 {
    order: 9999;
    grid-column: span 12 / span 12;
  }

  #w-node-_4cae3079-466a-4c72-58db-c7d111f88071-c0412666 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_4ebb94c5-30bf-0267-f3f3-40b07efc7c62-c0412666 {
    order: 9999;
    grid-column: span 12 / span 12;
  }

  #w-node-_4ebb94c5-30bf-0267-f3f3-40b07efc7c67-c0412666 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_4e9b6286-fccd-b34f-2171-f00d0debda24-c0412666 {
    order: 9999;
    grid-column: span 12 / span 12;
  }

  #w-node-_4e9b6286-fccd-b34f-2171-f00d0debda29-c0412666 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_541f914f-903d-f35f-eb01-d457e0f3c5a9-c0412666 {
    order: 9999;
    grid-column: span 12 / span 12;
  }

  #w-node-_541f914f-903d-f35f-eb01-d457e0f3c5ae-c0412666 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_15368d2e-4a78-fe20-1a7f-af4fd69d27bf-c0412666 {
    order: 9999;
    grid-column: span 12 / span 12;
  }

  #w-node-_15368d2e-4a78-fe20-1a7f-af4fd69d27c4-c0412666 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_15368d2e-4a78-fe20-1a7f-af4fd69d27c9-c0412666 {
    order: 9999;
    grid-column: span 12 / span 12;
  }

  #w-node-_15368d2e-4a78-fe20-1a7f-af4fd69d27ce-c0412666 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_15368d2e-4a78-fe20-1a7f-af4fd69d27d3-c0412666 {
    order: 9999;
    grid-column: span 12 / span 12;
  }

  #w-node-_15368d2e-4a78-fe20-1a7f-af4fd69d27d8-c0412666 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_15368d2e-4a78-fe20-1a7f-af4fd69d27dd-c0412666 {
    order: 9999;
    grid-column: span 12 / span 12;
  }

  #w-node-_15368d2e-4a78-fe20-1a7f-af4fd69d27e2-c0412666 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_355ee1ba-0c54-df7e-6eb5-6cea88c1b927-c0412666 {
    order: 9999;
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_355ee1ba-0c54-df7e-6eb5-6cea88c1b92c-c0412666 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_355ee1ba-0c54-df7e-6eb5-6cea88c1b942-c0412666 {
    order: 9999;
    grid-column: span 12 / span 12;
  }

  #w-node-_355ee1ba-0c54-df7e-6eb5-6cea88c1b947-c0412666 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_355ee1ba-0c54-df7e-6eb5-6cea88c1b94b-c0412666 {
    order: 9999;
    grid-column: span 12 / span 12;
  }

  #w-node-_355ee1ba-0c54-df7e-6eb5-6cea88c1b950-c0412666 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_355ee1ba-0c54-df7e-6eb5-6cea88c1b954-c0412666 {
    order: 9999;
    grid-column: span 12 / span 12;
  }

  #w-node-_355ee1ba-0c54-df7e-6eb5-6cea88c1b959-c0412666 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_390dc81c-a989-5147-b809-1dd1a4402357-c0412666, #w-node-_390dc81c-a989-5147-b809-1dd1a4402362-c0412666, #w-node-ecf33fe6-a5f2-c09b-fc54-c4c4be6ca6da-c0412666, #w-node-_9ed505e0-3d28-ed38-3ceb-522115385c40-c0412666, #w-node-_9ed505e0-3d28-ed38-3ceb-522115385c55-c0412666, #w-node-_7c455a70-7a86-8004-0201-4e93b9d88fe2-c0412666, #w-node-_7c455a70-7a86-8004-0201-4e93b9d88ff7-c0412666, #w-node-_7c455a70-7a86-8004-0201-4e93b9d8900e-c0412666, #w-node-_0d888c6c-ae55-e4cb-9edc-1c69ee872eb8-c0412666, #w-node-_0d888c6c-ae55-e4cb-9edc-1c69ee872ecd-c0412666, #w-node-_0d888c6c-ae55-e4cb-9edc-1c69ee872ee4-c0412666, #w-node-_8110fd90-f270-294f-df78-29991faf6d0e-c0412666, #w-node-_8110fd90-f270-294f-df78-29991faf6d23-c0412666, #w-node-_8110fd90-f270-294f-df78-29991faf6d3a-c0412666, #w-node-_73f4da2b-6205-7e1a-01fe-055f748e511e-c0412666, #w-node-_73f4da2b-6205-7e1a-01fe-055f748e5135-c0412666, #w-node-_73f4da2b-6205-7e1a-01fe-055f748e514e-c0412666, #w-node-_2121207f-5de5-dc49-c5e9-9916a0e9f110-c0412666, #w-node-_2121207f-5de5-dc49-c5e9-9916a0e9f125-c0412666, #w-node-_2121207f-5de5-dc49-c5e9-9916a0e9f13c-c0412666 {
    grid-column: span 12 / span 12;
  }

  #w-node-_069a39bd-70ad-6062-0a11-b1227710ecb2-5499f0d4 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #\32 .w-node-_774326ef-d821-7a6d-5724-af93735e1817-3c4d62a5 {
    grid-area: 1 / 1 / 2 / 13;
  }

  #w-node-_99853ccc-cdf0-f697-68c7-35b2a40e068b-be2a779d, #w-node-b778291f-9c0b-cb31-9679-3cf16ca5f11d-27b712b1 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-b778291f-9c0b-cb31-9679-3cf16ca5f121-27b712b1, #w-node-b778291f-9c0b-cb31-9679-3cf16ca5f123-27b712b1, #w-node-b778291f-9c0b-cb31-9679-3cf16ca5f125-27b712b1 {
    grid-column: span 12 / span 12;
  }

  #w-node-b778291f-9c0b-cb31-9679-3cf16ca5f12d-27b712b1, #w-node-_27695996-007f-77fb-d50a-bb3c53fc4b59-27b712b1, #w-node-_8bb049a8-59c0-5a44-f698-1f853ef94d47-27b712b1, #w-node-_35bdd5ca-f43f-0bdb-6adb-8a821d127a3e-27b712b1 {
    grid-column: span 6 / span 6;
  }

  #w-node-dc9eda61-70d8-5d2a-332a-d7bc505307b4-27b712b1 {
    grid-area: 1 / 2 / 2 / 12;
    align-self: center;
  }

  #w-node-dfad42f6-8224-943a-53a4-8d750449661f-27b712b1 {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-_6aebc399-d638-1137-faf9-763167999321-27b712b1 {
    grid-area: span 1 / span 7 / span 1 / span 7;
    align-self: center;
  }

  #w-node-a368c3ce-04b2-570b-70aa-7e5fffced9bf-27b712b1, #w-node-_37ad0205-9b1e-6cc3-4079-8f4be46e9607-27b712b1 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_45fe076e-09ac-f412-8581-b1101a9d5a33-1a2624d0 {
    grid-column: span 12 / span 12;
  }

  #w-node-d6241760-8c3a-013f-68cf-b16005055687-1a2624d0 {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-_15f03031-c82b-4824-9a3b-fe9e28517ac0-1a2624d0 {
    grid-area: 2 / 4 / 3 / 10;
  }

  #w-node-_2207b6fb-78e9-f599-763d-004593c1e810-1a2624d0 {
    grid-area: 3 / 7 / 4 / 13;
  }

  #w-node-ae85366d-6502-2d93-c9bf-415b551ff124-1a2624d0 {
    order: -9999;
  }

  #w-node-_98ed015a-d4ae-17b4-28ab-5650e6063641-1a2624d0 {
    grid-column: span 10 / span 10;
  }

  #w-node-dccaee75-9b5a-be88-a0ee-dc8da6c416af-1a2624d0 {
    grid-area: 2 / 1 / 3 / 7;
  }

  #w-node-f225773a-192f-28ec-3c96-6afd40152a00-1a2624d0 {
    grid-area: 2 / 7 / 3 / 13;
  }

  #w-node-_98a8953e-4df4-53b2-28fb-69660034cead-1a2624d0 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-d7fe131c-7b11-94d3-b4cc-e77ec727aefb-1a2624d0 {
    grid-column: 2 / 12;
  }

  #w-node-ac91bf01-f7de-a672-b0be-842c838f9cb6-09cafa6a {
    grid-column: 3 / 11;
  }

  #w-node-_983ff519-fcca-1a02-ac87-bf3e8a2e6613-73931d15, #w-node-_41fa6b17-47e0-fc6f-8eb5-8ccb8f36c6ae-73931d15, #w-node-_4f34af03-1296-1fb7-288f-045382efa05d-73931d15, #w-node-_4d9761bb-3c88-93f0-39e7-ee7014a34979-73931d15, #w-node-_587b1c3e-ed2e-851f-e1a4-a55c13865017-73931d15, #w-node-c201c638-3b10-377b-5202-40188d7e4a59-73931d15, #w-node-ffcf7bd0-54f7-f9ab-a21a-54dd8e2a619f-73931d15, #w-node-d109faa4-4920-608b-8d10-9e43ea102160-73931d15, #w-node-b321f6e7-9006-fbb5-bc5a-06b09aa8e10b-73931d15, #w-node-_2333da1d-6c42-1181-9673-c65922a5b5dd-73931d15, #w-node-_360ce64a-4152-b2b8-0bd8-80a63a57c07b-73931d15 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898afa-9933c73c, #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898b04-9933c73c {
    grid-column: span 12 / span 12;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1c9-9933c73c, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1cd-9933c73c, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d1-9933c73c, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d5-9933c73c {
    grid-column: span 6 / span 6;
  }

  #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898afa-a40c9d3a, #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898b04-a40c9d3a {
    grid-column: span 12 / span 12;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1c9-a40c9d3a, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1cd-a40c9d3a, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d1-a40c9d3a, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d5-a40c9d3a {
    grid-column: span 6 / span 6;
  }

  #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898afa-f0015f49, #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898b04-f0015f49 {
    grid-column: span 12 / span 12;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1c9-f0015f49, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1cd-f0015f49, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d1-f0015f49, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d5-f0015f49 {
    grid-column: span 6 / span 6;
  }

  #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898afa-e66e27f3, #w-node-_9f5d7575-006a-4266-9d2e-e5eb28898b04-e66e27f3 {
    grid-column: span 12 / span 12;
  }

  #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1c9-e66e27f3, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1cd-e66e27f3, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d1-e66e27f3, #w-node-_80525c0b-1296-9ab3-3724-7a975a96f1d5-e66e27f3 {
    grid-column: span 6 / span 6;
  }
}

@media screen and (max-width: 479px) {
  #w-node-a131654a-58a3-5913-4679-052d40fee91c-02c9cf05, #w-node-c3f7f528-c09d-e8d2-5a79-59d5d87fc0a7-02c9cf05, #w-node-_514edfc0-8b3e-8f85-ae9b-d78f13565814-1356580e, #w-node-e8afb637-3a45-63ec-cc59-1264625cc4b6-625cc4af, #w-node-_417d1b5f-46ed-d04f-2189-971b292a512c-292a5129 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_417d1b5f-46ed-d04f-2189-971b292a5130-292a5129 {
    grid-row-start: 2;
    grid-column-start: 1;
  }

  #w-node-_417d1b5f-46ed-d04f-2189-971b292a5141-292a5129 {
    grid-column-end: 13;
  }

  #w-node-dc9eda61-70d8-5d2a-332a-d7bc505307b4-27b712b1 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-dfad42f6-8224-943a-53a4-8d750449661f-27b712b1, #w-node-_6aebc399-d638-1137-faf9-763167999321-27b712b1, #w-node-a368c3ce-04b2-570b-70aa-7e5fffced9bf-27b712b1 {
    grid-column: span 12 / span 12;
  }

  #w-node-d6241760-8c3a-013f-68cf-b16005055687-1a2624d0 {
    grid-area: 1 / 2 / 2 / 13;
  }

  #w-node-_15f03031-c82b-4824-9a3b-fe9e28517ac0-1a2624d0 {
    grid-area: 2 / 2 / 3 / 13;
  }

  #w-node-_2207b6fb-78e9-f599-763d-004593c1e810-1a2624d0 {
    grid-area: 3 / 2 / 4 / 13;
  }

  #w-node-_98ed015a-d4ae-17b4-28ab-5650e6063641-1a2624d0 {
    grid-column: span 12 / span 12;
  }

  #w-node-dccaee75-9b5a-be88-a0ee-dc8da6c416af-1a2624d0 {
    grid-column-end: 13;
  }

  #w-node-f225773a-192f-28ec-3c96-6afd40152a00-1a2624d0 {
    grid-area: 3 / 1 / 4 / 13;
  }

  #w-node-d7fe131c-7b11-94d3-b4cc-e77ec727aefb-1a2624d0 {
    grid-column: 1 / 13;
  }

  #w-node-ac91bf01-f7de-a672-b0be-842c838f9cb6-09cafa6a {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }
}