.hero-banner.image-with-text{overflow:visible}@media screen and (min-width:750px){.hero-banner .image-with-text__grid{--gutter-width: 0;display:grid;grid-template-columns:repeat(12,1fr)}.hero-banner .image-with-text__media-wrapper{grid-column:1 / span 7;grid-row:1;width:100%;max-width:100%}.hero-banner .image-with-text__content-wrapper{grid-column:7 / span 6;grid-row:1;width:100%;max-width:100%;z-index:2}.image-with-text__grid.reverse .image-with-text__content-wrapper{grid-column:1 / span 6}.image-with-text__grid.reverse .image-with-text__media-wrapper{grid-column:6 / span 7}}@media screen and (min-width:750px){.hero-banner .image-with-text__grid{--offset: max( var(--outer-margin), calc(((var(--vw, 1vw) * 100) - var(--page-width)) / 2) );--offset-safe: max(0px, var(--offset))}.hero-banner .image-with-text__media-wrapper>*{margin-left:calc(-1 * var(--offset-safe));min-width:calc(100% + var(--offset-safe))}.hero-banner .image-with-text__grid.reverse .image-with-text__media-wrapper>*{margin-left:0;margin-right:calc(-1 * var(--offset-safe));min-width:calc(100% + var(--offset-safe))}}@media screen and (max-width:749px){.hero-banner .image-with-text__media-wrapper>*{margin-left:calc(-1 * var(--outer-margin));margin-right:calc(-1 * var(--outer-margin));min-width:calc(100% + (var(--outer-margin) * 2))}}@media screen and (min-width:750px){.hero-banner .image-with-text__media-wrapper .media-block:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(237deg,#0000 60%,#000 80%);opacity:.8;transform:scaleX(-1);--clip-path-size: 24rem;clip-path:polygon(var(--clip-path-size, 26%) 0,100% 0,100% calc(100% - var(--clip-path-size, 26%)),calc(100% - var(--clip-path-size, 26%)) 100%,0 100%,0 var(--clip-path-size, 26%))}}.hero-banner .reverse .image-with-text__media-wrapper .media-block:after{transform:scaleX(1)}@media screen and (max-width:749px){.hero-banner .container{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero-banner.css.map */