.custom-feature-banner{overflow:hidden}.custom-feature-banner__inner{display:flex;flex-direction:column;gap:3.2rem}.custom-feature-banner__media{width:100%;aspect-ratio:169 / 157}.custom-feature-banner__image{width:100%;height:100%;object-fit:cover}.custom-feature-banner__content{position:relative;max-width:56.4rem}.custom-feature-banner__texture{position:absolute;top:3.3rem;left:-1.5rem;z-index:-1;width:clamp(12rem,32vw,22.6rem);height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.custom-feature-banner__heading{position:relative;margin:0 0 1.2rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:2.8rem;font-weight:800;line-height:1;text-transform:uppercase;color:rgb(var(--color-foreground))}.custom-feature-banner__text{font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:1.6rem;font-weight:400;line-height:1.4;color:rgb(var(--color-foreground))}.custom-feature-banner__text>:first-child{margin-top:0}.custom-feature-banner__text>:last-child{margin-bottom:0}@media screen and (min-width:750px){.custom-feature-banner__texture{left:-5rem}}@media screen and (min-width:990px){.custom-feature-banner__inner{flex-direction:row;justify-content:space-between;gap:7.2rem}.custom-feature-banner--media-left .custom-feature-banner__inner{padding-left:0;padding-right:9.6rem}.custom-feature-banner--media-right .custom-feature-banner__inner{flex-direction:row-reverse;padding-left:9.6rem;padding-right:0}.custom-feature-banner__content{display:flex;flex-direction:column}.custom-feature-banner--content-top .custom-feature-banner__content{justify-content:flex-start}.custom-feature-banner--content-middle .custom-feature-banner__content{justify-content:center}.custom-feature-banner--content-bottom .custom-feature-banner__content{justify-content:flex-end}.custom-feature-banner__media{flex-shrink:0;width:54.5%;max-width:73.2rem;height:100%}.custom-feature-banner__heading{font-size:4rem}.custom-feature-banner__text{font-size:1.9rem}.custom-feature-banner--media-right .custom-feature-banner__texture{left:calc(-9.6rem - ((100vw - min(var(--page-width),100vw))/2))}.custom-feature-banner--media-left .custom-feature-banner__texture{left:auto;right:calc(-9.6rem - ((100vw - min(var(--page-width),100vw))/2))}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-custom-feature-banner.css.map */