.image-and-text-columns{position:relative;width:100%}.image-and-text-columns__container{display:flex;flex-direction:column;gap:3rem}.image-and-text-columns__header{margin-bottom:0}.image-and-text-columns__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--xo-grid-col-gap, 60px);align-items:stretch}.image-and-text-columns__text-column{display:flex;flex-direction:column;justify-content:center;padding-right:2rem}.image-and-text-columns__content-wrapper{display:flex;flex-direction:column}.image-and-text-columns__description{font-size:calc(var(--font-body-scale) * 2.2rem);line-height:1.6;color:color-mix(in srgb,rgba(var(--color-foreground)) 85%,transparent);text-align:justify}.image-and-text-columns__description p{margin:0}.image-and-text-columns__image-column{position:relative;width:100%;overflow:hidden;border-radius:16px}.image-and-text-columns__image-wrapper{position:relative;width:100%;height:100%}.image-and-text-columns__image-wrapper .xo-image{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;overflow:hidden}.image-and-text-columns__image-wrapper .xo-image img{width:100%;height:100%;object-fit:cover;border-radius:16px}.image-and-text-columns__image-wrapper .xo-image__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-and-text-columns__cta-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.image-and-text-columns__grid--reverse{direction:rtl}.image-and-text-columns__grid--reverse>*{direction:ltr}.image-and-text-columns__grid--reverse .image-and-text-columns__text-column{padding-right:0;padding-left:2rem}@media screen and (max-width:749px){.image-and-text-columns__grid{grid-template-columns:1fr;gap:2rem;align-items:start}.image-and-text-columns__grid--reverse{direction:ltr}.image-and-text-columns__text-column{order:2;padding-right:0;padding-left:0}.image-and-text-columns__grid--reverse .image-and-text-columns__text-column{padding-left:0}.image-and-text-columns__image-column{order:1}.image-and-text-columns__image-wrapper{height:auto;aspect-ratio:16/9}.image-and-text-columns__image-wrapper .xo-image,.image-and-text-columns__image-wrapper .xo-image__placeholder{position:relative;height:auto;aspect-ratio:16/9}.image-and-text-columns__description{font-size:calc(var(--font-body-scale) * 1.6rem)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/image-and-text-columns.css.map */