.image-with-text{background-color:var(--hh-color-sundrenched-stone)}.image-with-text__grid{display:flex;flex-direction:column;gap:40px}@media screen and (min-width: 750px){.image-with-text__grid{flex-direction:row;gap:0;justify-content:space-between}.image-with-text__grid--reverse{flex-direction:row-reverse}}.image-with-text__media{align-items:center;display:flex;min-height:100%;width:100%}.image-with-text__media .plyr__video-wrapper{aspect-ratio:1!important}.image-with-text__media adaptive-image{aspect-ratio:1}.image-with-text__media picture{width:100%;aspect-ratio:1}.image-with-text__media .data-video-mobile,.image-with-text__media .data-video-desktop{width:100%;aspect-ratio:1;object-fit:cover;object-position:center center}.image-with-text__media .data-video-mobile{display:block}.image-with-text__media .data-video-desktop{display:none}.image-with-text__media picture img{width:100%}.product-grid__item .plyr__video-wrapper{aspect-ratio:.75!important}.product-grid__item adaptive-image{aspect-ratio:.75!important}@media screen and (min-width: 750px){.image-with-text__media{width:50%}.image-with-text__media .data-video-mobile{display:none}.image-with-text__media .data-video-desktop{display:block}.product-section .image-with-text__media,.product-section .image-with-text__content,.product-grid__item .image-with-text__media,.product-grid__item .image-with-text__content{width:100%}}@media screen and (min-width: 1280px){.image-with-text__grid--reverse .image-with-text__content{padding-left:0;padding-right:0}}.image-with-text__content{display:flex;flex-direction:column}@media screen and (min-width: 750px){.image-with-text__content-container{max-width:50%;width:100%}.image-with-text__content{align-items:flex-start;height:100%;justify-content:center;max-width:max(480px,33vw);padding-left:60px}.image-with-text__content--top{justify-content:flex-start}.image-with-text__content--bottom{justify-content:flex-end}.image-with-text__grid--reverse .image-with-text__content{padding-left:0;padding-right:60px}}.image-with-text__heading{padding-bottom:2rem}.image-with-text__cta{margin-top:4rem}@media screen and (min-width: 750px){.image-with-text__heading{padding-bottom:4rem}}.product-grid__grid .spaced-section{padding:0}.product-grid__grid .image-with-text__grid{gap:20px;margin:0;padding:0}.image-with-text__title{display:flex;flex-direction:column;gap:var(--hh-spacing-2)}
/*# sourceMappingURL=/cdn/shop/t/619/assets/section-image-with-text.css.map */