.banner{display:flex;position:relative}body:has(hh-sticky-header) .banner{padding-top:var(--hh-announcement-height)}@media screen and (min-width:750px){.banner{padding-top:unset;height:calc(100vh - var(--hh-announcement-height) - var(--hh-header-height))}body:has(hh-sticky-header) .banner{height:100vh}}.banner--top-left{align-items:flex-start;justify-content:flex-start;text-align:left}.banner--top-center{align-items:flex-start;justify-content:center;text-align:center}.banner--top-right{align-items:flex-start;justify-content:flex-end;text-align:right}.banner--middle-left{align-items:center;justify-content:flex-start;text-align:left}.banner--middle-center{align-items:center;justify-content:center;text-align:center}.banner--middle-right{align-items:center;justify-content:flex-end;text-align:right}.banner--bottom-left{align-items:flex-end;justify-content:flex-start;text-align:left}.banner--bottom-center{align-items:flex-end;justify-content:center;text-align:center}.banner--bottom-right{align-items:flex-end;justify-content:flex-end;text-align:right}.banner--top-left .banner__content,.banner--middle-left .banner__content,.banner--bottom-left .banner__content{align-items:flex-start}.banner--top-center .banner__content,.banner--middle-center .banner__content,.banner--bottom-center .banner__content{align-items:center}.banner--top-right .banner__content,.banner--middle-righ .banner__content,.banner--bottom-right .banner__content{align-items:flex-end}.banner__content{display:flex;flex-direction:column;margin-top:40px;padding:40px 20px 20px;pointer-events:none;position:absolute}.banner__content>div{pointer-events:all}@media screen and (min-width:750px){.banner__content{margin-top:60px;max-width:max(720px,50%);padding:4%}}.banner__media{aspect-ratio:.75;height:100%;width:100%}.banner__media img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;-webkit-transform:translate3d(0,0,0)}.banner__text{color:var(--hh-color-star-white);margin-bottom:60px;font-family:var(--hh-font-family-tertiary)}@media screen and (min-width:750px){.banner__media{aspect-ratio:auto}.banner__text{margin-bottom:40px}}.banner__cta--highlight{border:1px var(--hh-color-sundrenched-stone) solid;pointer-events:all}@media screen and (max-width:525px){.banner__cta--highlight{width:100%}}.banner__media adaptive-video{height:100%;min-width:100vw;overflow:hidden}.banner__media--video .w1{height:100%}@media screen and (min-width:750px){.banner__media adaptive-video{height:auto;min-height:100vh}}.banner__media adaptive-image{height:100%}
/*# sourceMappingURL=/cdn/shop/t/760/assets/section-image-banner.css.map */
