.two-column-image__container{color:#fff}.two-column-image__container[data-color=navy]{background-color:var(--brandColor);padding-bottom:20px}.two-column-image__container[data-color=navy] .two-column-image__heading-container{padding-top:24px;padding-bottom:20px}.two-column-image__heading-container{grid-column:1 / -1;display:grid;padding-left:0;padding-right:0}.two-column-image__container[data-color=white] .two-column-image__heading-container{padding-top:24px;border-top:2px solid var(--brandColor);color:var(--brandColor)}.two-column-image__heading{grid-column:1 / span 11}.two-column-image__images{grid-column:1 / -1;padding:0;margin-top:120px;display:flex;gap:16px}.two-column-image__image-container{max-width:50%;min-width:calc(33% - 8px);flex:1;position:relative;transition:border-radius .6s ease-in-out;overflow:hidden}.two-column-image__image-container[data-text-color=white]{color:#fff}.two-column-image__image-container[data-text-color=navy]{color:var(--brandColor)}.two-column-image__image-container:hover{border-radius:8px}.two-column-image__image-container img{transition:scale .6s ease-in-out}.two-column-image__image-container:hover img{scale:1.02}.two-column-image__images--3 .two-column-image__image .aspectholder{aspect-ratio:.8;width:100%}.two-column-image__image .aspectholder{aspect-ratio:1;width:100%}.two-column-image__image .aspectholder img{height:100%;width:100%;object-fit:cover}.two-column-image__image-title,.two-column-image__image-body{position:absolute}.two-column-image__image-title{top:16px;left:16px}.two-column-image__image-body{bottom:16px;right:16px;width:66%}@media all and (max-width: 1023px){.two-column-image__container{margin-top:40px}.two-column-image__heading{grid-column:1 / span 5;font-size:23px;line-height:24px}.two-column-image__images{margin-top:80px}.two-column-image__image{min-height:100%;border-radius:8px;overflow:hidden}.two-column-image__image-container{grid-column:1 / -1;aspect-ratio:.95}.two-column-image__image-container:first-child{margin-bottom:12px}.two-column-image__image-container>*{border-radius:8px;object-fit:cover}.two-column-image__image-container .aspecholder{height:100%;width:100%}.two-column-image__image-body{left:12px;width:75%}.two-column-image__container[data-color=white] .two-column-image__heading-container{padding-top:20px}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/section-two-column-image.css.map */