/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/scss/sections/hero.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.hero {
  position: relative;
  display: grid;
  width: 100%;
  flex-shrink: 0;
}
.hero::after {
  content: "";
  background: var(--overlay);
  pointer-events: none;
  position: absolute;
  inset: 0px;
}
@media (max-width: 1023px) {
  .hero::after {
    display: none;
  }
}
.hero--standard .shop-the-look--bottom-right {
  right: var(--row-space);
}
.hero--standard .shop-the-look--bottom-left {
  left: var(--row-space);
}
.slider--arrows .hero {
  /* Add additional spacing to prevent overlap of arrows on text content */
  padding-inline: calc(var(--row-space) + var(--arrow-size) + 2.4rem);
}
@media (min-width: 768px) {
  .slider--arrows .hero {
    padding-inline: calc(var(--row-space) + var(--arrow-size) + 4.8rem);
  }
}
.slider--arrows.section-spacing--full .hero {
  padding-left: 0px;
  padding-right: 0px;
}
.hero__text {
  --content-gap: 1.6rem;
  grid-area: 1/1;
  width: min(100%, 950px + var(--row-space) * 2);
  z-index: 1;
  height: 100%;
  padding-top: 3.6rem;
  padding-bottom: 3.6rem;
  padding-left: var(--row-space);
  padding-right: var(--row-space);
  /* Banner (Split) */
}
@media (min-width: 768px) {
  .hero__text {
    --content-gap: 2rem;
    grid-area: 1/1;
    width: 100%;
    padding-top: 4.8rem;
    padding-bottom: 4.8rem;
  }
}
.hero--split .hero__text {
  --inner-padding: 4%;
  grid-area: unset;
}
@media (min-width: 768px) {
  .hero--split .hero__text {
    grid-area: 1/1;
    width: 50%;
    padding-right: var(--inner-padding);
  }
}
@media (min-width: 1024px) {
  .hero--split .hero__text {
    width: calc(25.75% + var(--row-space));
  }
}
.hero__media {
  grid-area: 1/1;
  aspect-ratio: inherit;
  /* Banner (Split) */
}
.hero--split .hero__media {
  grid-area: unset;
  position: relative;
}
@media (min-width: 768px) {
  .hero--split .hero__media {
    grid-area: 1/1;
    height: 100%;
  }
}
@media (min-width: 1024px) {
  .hero--split .hero__media {
    width: calc(100% - (25.75% + var(--row-space)));
    margin-left: auto;
  }
}
.hero--split .hero__media .slider-arrows {
  position: absolute;
  top: 0;
}
@media (min-width: 768px) {
  .hero__item {
    order: var(--order);
  }
}
@media (max-width: 767px) {
  .hero__item-text {
    order: 10;
  }
}
@media (min-width: 768px) {
  .hero {
    grid-template: 1fr/1fr;
    align-items: center;
  }
}

/*# sourceMappingURL=section-hero.min.css.map*/