.section-custom-hero--container{height:var(--mobile-height);position:relative}.section-custom-hero--container .media-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.section-custom-hero--container .media-wrapper>*{width:100%;height:100%;object-fit:cover;object-position:center center}.section-custom-hero--container .text-wrapper{position:relative;display:flex;flex-direction:column;justify-content:end;width:100%;height:100%;padding-block:20px}.section-custom-hero--container .text-wrapper .subheading{color:#fff;font-family:var(--font-body);font-size:14px;font-style:normal;font-weight:600;line-height:123%;margin-bottom:16px}.section-custom-hero--container .text-wrapper .heading{color:#fff;font-family:var(--font-heading);font-size:72.384px;font-style:italic;font-weight:800;line-height:80%;margin-bottom:16px;overflow-wrap:anywhere;word-break:break-word}.section-custom-hero--container .text-wrapper .description{margin-bottom:16px;overflow-wrap:anywhere;word-break:break-word}.section-custom-hero--container .text-wrapper .description *{color:#fff;font-family:var(--font-body);font-size:14px;font-style:normal;font-weight:600;line-height:123%;margin:0;overflow-wrap:anywhere;word-break:break-word}.section-custom-hero--container .text-wrapper .default-button{width:fit-content;border-radius:100px;font-size:16px;min-width:150px;height:53px}.section-custom-hero--container .mask-image{display:flex;width:100%;height:fit-content;position:absolute;bottom:0;left:0;top:auto;transform:translateY(var(--mobile-top-offset, 0px))}.section-custom-hero--container .mask-image svg{display:flex;width:100%;height:auto;position:relative}.section-custom-hero--container .mask-image:before{content:"";position:absolute;bottom:0;width:100%;height:0px;background:#fff}@media screen and (max-width:749px){.section-custom-hero--container .text-wrapper .subheading{font-size:var(--hero-subheading-size-mobile, 14px)}.section-custom-hero--container .text-wrapper .heading{font-size:var(--hero-heading-size-mobile, 44px)}.section-custom-hero--container .text-wrapper .description,.section-custom-hero--container .text-wrapper .description *{font-size:var(--hero-description-size-mobile, 14px)}}@media screen and (min-width:750px){.section-custom-hero--container{height:var(--height)}.section-custom-hero--container .mask-image{transform:translateY(var(--desktop-top-offset, var(--mobile-top-offset, 0px)))}.section-custom-hero--container .text-wrapper{padding-block:140px}.section-custom-hero--container .text-wrapper .default-button{min-width:200px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-custom-hero.css.map */