/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/scss/sections/hero.scss ***!
  \************************************************************************************************************************************************************************************************************************/.hero{position:relative;display:grid;flex-shrink:0;grid-template:1fr/1fr;align-items:center;width:100%;padding-inline:var(--base-space)}.hero--full{aspect-ratio:414/552}@media (min-width: 640px){.hero--full{aspect-ratio:1680/672}}.hero--half{aspect-ratio:414/352}@media (min-width: 768px){.hero--half{aspect-ratio:1680/529}}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay);pointer-events:none}.hero__text{--content-gap: 1.6rem;z-index:1;grid-area:1/1;width:min(100%,950px + var(--row-space) * 2);padding-top:4.8rem;padding-bottom:4.8rem}@media (min-width: 768px){.hero__text{--content-gap: 2.4rem;padding:var(--row-space)}}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-hero.css.map */