.two-column-promo{padding:40px 0}.two-column-promo .container-xl{display:flex;flex-direction:column-reverse;max-width:1140px}.two-column-promo.dark{background:var(--black);color:var(--white)}.two-column-promo.dark .three-titles{background:transparent;padding:0}.three-titles.dark .heading,.three-titles.dark .subheading{color:var(--white)}.three-titles .subheading{opacity:.8}.three-titles.dark .eyebrow{color:var(--yellow)}.three-titles .eyebrow+.heading,.three-titles .heading+.subheading{margin-bottom:0;margin-top:16px}.two-column-promo .right-side{margin-bottom:40px}.two-column-promo .preview-image{border-radius:4px;box-shadow:1.2px 9.6px 24px -24px rgba(0,0,0,.2),0 36px 33.6px -38.4px rgba(0,0,0,.3);filter:drop-shadow(-2.4px 4.8px 16.8px rgb(0 0 0/25%));max-width:355px;width:100%}.preview{display:inline-block;position:relative}.preview .lights,.preview .texture{bottom:0;left:0;position:absolute;right:0;top:0}.preview .lights{background:radial-gradient(177.32% 100.9% at 46.2% 0,#fff 0,hsla(0,0%,100%,0) 100%),linear-gradient(90deg,hsla(0,0%,100%,0) .46%,hsla(0,0%,100%,.2) .82%,hsla(0,0%,100%,0) 2.18%,hsla(0,0%,100%,0) 4.43%,transparent 4.79%,rgba(0,0,0,.064) 5.18%,rgba(0,0,0,.148) 5.44%,rgba(0,0,0,.2) 5.74%,hsla(0,0%,100%,.2) 5.78%,hsla(0,0%,100%,.174) 6.03%,hsla(0,0%,100%,.094) 6.29%,hsla(0,0%,100%,0) 6.56%);box-shadow:inset -1.2px -1.2px 4.8px rgba(0,0,0,.35),inset 1.2px 1.2px 4.8px hsla(0,0%,100%,.35),inset 9.6px -9.6px 19.2px -9.6px rgb(0 0 0/8%),inset 19.2px -19.2px 19.2px -19.2px rgba(0,0,0,.25);mix-blend-mode:overlay}.preview .texture{background:url(https://info.productiveedge.com/hubfs/assets/img/texture.png) 50% repeat;mix-blend-mode:multiply;z-index:1}.two-column-promo .cta-button .button{display:flex;justify-content:space-between;margin-top:30px;max-width:296px;width:100%}@media (min-width:767px){.two-column-promo{padding:120px 0}.two-column-promo .container-xl{align-items:center;display:grid;grid-template-columns:59.5% 40.5%;justify-content:space-between}.two-column-promo .left-side{padding-right:10%}.two-column-promo .right-side{margin-bottom:0;text-align:right}.three-titles .eyebrow+.heading,.three-titles .heading+.subheading{margin-top:24px}.two-column-promo .cta-button .button{margin-top:40px}}