.image-with-text{--section-background-color: transparent;--section-text-color: var(--body-text-color);color:var(--section-text-color);background-color:var(--section-background-color)}.image-with-text.image-with-text--primary{--section-background-color: var(--primary-color);--section-text-color: var(--body-text-color-white)}.image-with-text.image-with-text--secondary{--section-background-color: var(--secondary-color);--section-text-color: var(--body-text-color-white)}.image-with-text.image-with-text--light{--section-background-color: var(--light-color);--section-text-color: var(--body-text-color)}.image-with-text.image-with-text--dark{--section-background-color: var(--dark-color);--section-text-color: var(--body-text-color-white)}.image-with-text.image-with-text--white{--section-background-color: var(--white-color);--section-text-color: var(--body-text-color)}.image-with-text.image-with-text--black{--section-background-color: var(--black-color);--section-text-color: var(--body-text-color-white)}.image-with-text__grid{align-items:center}.image-with-text__media{position:relative}.image-with-text__media img,.image-with-text__media svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.image-with-text__media-item--small .image-with-text__media,.image-with-text__media-item--large .image-with-text__content{flex-grow:0}.image-with-text__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--spacing-normal);padding:var(--spacing-xxx-large);height:100%;word-break:break-word}.image-with-text__content--dark{background-color:var(--bg-color-dark);color:var(--body-text-color-white)}.image-with-text__content--light{background-color:var(--bg-color);color:var(--body-text-color)}.image-with-text__caption{line-height:var(--line-height-heading);text-transform:uppercase;letter-spacing:.0625rem}.image-with-text__caption,.image-with-text__heading{margin:0;color:inherit}@media (max-width: 768px){.image-with-text__content{padding:var(--spacing-x-large) var(--spacing-large)}.image-with-text__media{position:relative}.image-with-text__content--light,.image-with-text__content--dark{padding:var(--spacing-xx-large) 0}.image-with-text__content--light .image-with-text__content,.image-with-text__content--dark .image-with-text__content{padding-bottom:0}section[id*=image_with_text]+section[id*=image_with_text] .image-with-text__content--light,section[id*=image_with_text]+section[id*=image_with_text] .image-with-text__content--dark{padding-top:0}}@media (min-width: 769px){.image-with-text__grid--reverse .image-with-text__media{order:2}.image-with-text__content--light,.image-with-text__content--dark{padding:var(--spacing-xxx-large) 0}section[id*=image_with_text]+section[id*=image_with_text] .image-with-text__content--light,section[id*=image_with_text]+section[id*=image_with_text] .image-with-text__content--dark{padding-top:0}}@media (min-width: 769px) and (max-width: 1024px){.image-with-text__media-item--large .image-with-text__content{flex-grow:1}.image-with-text__content{padding:0 var(--spacing-large)}}