.image-text-mosaic{scroll-margin-top:2rem;--image-text-mosaic-pan-x:-14%;--image-text-mosaic-panels-off:100%}.image-text-mosaic__row--image-right{--image-text-mosaic-pan-x:14%;--image-text-mosaic-panels-off:-100%}.image-text-mosaic__inner{width:100%}.image-text-mosaic__row{position:relative}@media (max-width:767px){.image-text-mosaic__row{grid-gap:0}}.image-text-mosaic__media{min-height:240px;overflow:hidden;position:relative}.image-text-mosaic__image{display:block;height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;width:100%}.image-text-mosaic__panels,.image-text-mosaic__text-panel{display:flex;flex-direction:column;gap:1.5rem}.image-text-mosaic__text-panel{background-color:var(--color-tint-purple-20);justify-content:center;padding:3rem var(--grid-gutter) 1.5rem}.image-text-mosaic--on-dark .image-text-mosaic__text-panel{background-color:var(--color-primary-black);color:var(--color-primary-white)}.image-text-mosaic--on-dark .image-text-mosaic__chip{background-color:var(--color-primary-gray);color:var(--color-primary-white)}.image-text-mosaic__copy{display:flex;flex-direction:column;gap:1.5rem}.image-text-mosaic__heading{margin:0}@media (min-width:768px){.image-text-mosaic__row{gap:0;min-height:600px;overflow:hidden}.image-text-mosaic__media{inset:0;position:absolute;z-index:0}.image-text-mosaic__panels{align-self:stretch;gap:0;position:relative;z-index:1}.image-text-mosaic__text-panel{flex:1;gap:2rem;padding:80px}.image-text-mosaic__row--image-right .image-text-mosaic__text-panel{align-items:flex-end}.image-text-mosaic__copy{display:flex;flex-direction:column;gap:1rem}.image-text-mosaic__chips,.image-text-mosaic__copy{max-width:550px;width:100%}}@media (min-width:768px) and (prefers-reduced-motion:no-preference){.image-text-mosaic__media,.image-text-mosaic__panels{transition:transform 1s cubic-bezier(.22,.61,.36,1)}.image-text-mosaic__row[data-anim]:not(.is-inview) .image-text-mosaic__panels{transform:translateX(var(--image-text-mosaic-panels-off));will-change:transform}.image-text-mosaic__row[data-anim]:not(.is-inview) .image-text-mosaic__media{transform:translateX(0);will-change:transform}.image-text-mosaic__row.is-inview .image-text-mosaic__panels{transform:translateX(0)}.image-text-mosaic__row.is-inview .image-text-mosaic__media{transform:translateX(var(--image-text-mosaic-pan-x))}.is-in-editor .image-text-mosaic__media,.is-in-editor .image-text-mosaic__panels{transform:none!important}}