/** Shopify CDN: Minification failed

Line 206:0 Unexpected "}"

**/
.m-ehi__upper {
  display: grid;
}

.m-ehi__upper .m-ehi__background,
.m-ehi__upper .m-ehi-content__wrapper {
  grid-area: 1 / 1;
}

.m-ehi {
  display: flex;
  flex-direction: column;
}

.m-ehi-background__picture {
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 1284px;
}

.m-ehi-background__picture img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  object-position: top;
  aspect-ratio: 1440 / 1284;
}

.m-ehi__background {
  position: relative;
}

.m-ehi-content__wrapper {
  position: relative;
  z-index: 3;
  pointer-events: none;
}

.m-ehi-content__wrapper .page-width {
  height: 100%;
}

.m-ehi-content__stack {
  pointer-events: all;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
}

.m-ehi__foreground {
  width: 100%;
  max-width: 1168px;
  margin-inline: auto;
  aspect-ratio: 138/103;
  z-index: 1;
}

.m-ehi__foreground picture,
.m-ehi__foreground img {
  width: 100%;
  height: auto;
  display: block;
}

.m-ehi-content__copy {
  box-sizing: content-box;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin-top: -7%;

  @media (width >= 768px) {
    gap: 24px;
  }
}

.m-ehi__title {
  font-family: "Phosphate";
  font-size: 56px;
  line-height: 0.78;
  font-weight: 400;
  letter-spacing: -0.04em;
  color: var(--white);

  @media (min-width: 768px) {
    letter-spacing: 0.02em;
    font-size: 72px;
  }

  @media (min-width: 1025px) {
    font-size: 100px;
  }
}

.m-ehi__wordmark img {
  max-width: 100%;
  height: auto;
}

.m-ehi__description {
  font-family: var(--font-body);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.04em;
  max-width: 900px;
  margin-inline: auto;

  @media (min-width: 1025px) {
    font-size: 32px;
  }
}

.m-ehi__title.visually-hidden + .m-ehi__wordmark {
  margin-top: 0;
}

.m-ehi__btn-wrapper .ne-btn {
  border: 2px solid var(--hardwood-dark-green, #2F7);
  border-radius: 8px;
  --_button-text-color: var(--hardwood-charcoal, #22221F);

  font-family: "Digital Numbers";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 0.8;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  transition: 0.3s ease-in-out box-shadow, 0.3s ease-in-out background-color;
  box-shadow:
    inset 0 0 4px var(--hardwood-light-green),
    inset 0 0 12px var(--hardwood-light-green),
    0 0 4px 0 var(--hardwood-light-green),
    0 0 12px 0 var(--hardwood-light-green);
}

.m-ehi__btn-wrapper .ne-btn-primary {
  background: var(--hardwood-dark-green, #2F7);
}

.m-ehi__btn-wrapper .ne-btn-secondary {
  --_button-text-color: var(--hardwood-dark-green, #2F7);
  background-color: transparent;
  text-shadow: 0 0 4px var(--hardwood-light-green), 0 0 12px var(--hardwood-light-green);
}

.m-ehi__btn-wrapper .ne-btn:hover,
.m-ehi__btn-wrapper .ne-btn:focus-visible {
  box-shadow: inset 0 0 8px var(--hardwood-light-green),
              inset 0 0 16px var(--hardwood-light-green),
              0 0 8px 0 var(--hardwood-light-green),
              0 0 16px 0 var(--hardwood-light-green) !important;
}

  .m-product_with_team_slider__main-buttons .ne-btn {
    border: 2px solid var(--hardwood-dark-green, #2F7);

    border-radius: 8px;
    --_button-text-color: var(--hardwood-charcoal, #22221F);

    font-family: "Digital Numbers";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 0.8;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    transition: 0.3s ease-in-out box-shadow, 0.3s ease-in-out background-color;
    box-shadow:
      inset 0 0 4px var(--hardwood-light-green),
      inset 0 0 12px var(--hardwood-light-green),
      0 0 4px 0 var(--hardwood-light-green),
      0 0 12px 0 var(--hardwood-light-green);
  }

  .m-product_with_team_slider__main-buttons .ne-btn-primary {
    background: var(--hardwood-dark-green, #2F7);
  }

  .m-product_with_team_slider__main-buttons .ne-btn-secondary {
    --_button-text-color: var(--hardwood-dark-green, #2F7);
    background-color: transparent;
    text-shadow: 0 0 4px var(--hardwood-light-green), 0 0 12px var(--hardwood-light-green);
  }

  .m-product_with_team_slider__main-buttons .ne-btn:hover,
  .m-product_with_team_slider__main-buttons .ne-btn:focus-visible {
    box-shadow: inset 0 0 8px var(--hardwood-light-green),
                inset 0 0 16px var(--hardwood-light-green),
                0 0 8px 0 var(--hardwood-light-green),
                0 0 16px 0 var(--hardwood-light-green) !important;
  }
}
