.image-overlay-banner{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:390 / 725;color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.image-overlay-banner__media,.image-overlay-banner__media picture,.image-overlay-banner__overlay,.image-overlay-banner__content{position:absolute;top:0;right:0;bottom:0;left:0}.image-overlay-banner__media{z-index:0}.image-overlay-banner__media picture{display:block}.image-overlay-banner__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--image-overlay-banner-position-x) var(--image-overlay-banner-position-y)}.image-overlay-banner__placeholder{background:rgba(var(--color-foreground),.08)}.image-overlay-banner__overlay{display:block!important;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0000,#000);opacity:.6}.image-overlay-banner__content{z-index:2;padding:2.4rem 1.6rem 4rem}.image-overlay-banner__content--page-width{max-width:var(--page-width);margin-inline:auto;left:0;right:0}.image-overlay-banner__heading{position:absolute;top:50%;left:1.6rem;right:1.6rem;margin:0;transform:translateY(-50%);color:inherit;font-size:3rem;line-height:3.6rem;letter-spacing:normal}.image-overlay-banner__text{position:absolute;bottom:2.4rem;left:1.6rem;right:1.6rem;margin:0;color:inherit;font-size:1.8rem;line-height:2.8rem;letter-spacing:-.02em;max-width:70rem}.image-overlay-banner__text>*:first-child{margin-top:0}.image-overlay-banner__text>*:last-child{margin-bottom:0}.image-overlay-banner--left .image-overlay-banner__heading,.image-overlay-banner--left .image-overlay-banner__text{text-align:left}.image-overlay-banner--center .image-overlay-banner__heading,.image-overlay-banner--center .image-overlay-banner__text{text-align:center}.image-overlay-banner--right .image-overlay-banner__heading,.image-overlay-banner--right .image-overlay-banner__text{text-align:right}@media screen and (min-width:750px){.image-overlay-banner{aspect-ratio:1440 / 725}.image-overlay-banner__content{padding:4rem 3.2rem}.image-overlay-banner__heading{left:3.2rem;right:3.2rem;font-size:6rem;line-height:1}.image-overlay-banner__text{bottom:4rem;left:3.2rem;right:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-image-overlay-banner.css.map */
