:root{--cta-bgc:#fff;--cta-kicker-color:#000;--cta-title-color:#000;--cta-intro-color:#000}.cta{container:cta/inline-size;position:relative}.cta__container{background-color:var(--cta-bgc)}.cta__container,.cta__image,.cta__media{position:relative}.cta__image{display:grid;grid-template-areas:"image";height:100%;width:100%}.cta__image picture{background-color:var(--text-media-content-background-color);grid-area:image}.cta__image img{aspect-ratio:16/9;height:100%;object-fit:cover;width:100%}.cta__content-container{container:cta-content/inline-size;position:relative}.cta__content{background-color:var(--cta-bgc);display:flex;flex-direction:column;height:100%;padding:30px 20px}.cta__kicker{color:var(--cta-kicker-color);display:block;font-size:var(--text-font-size);font-weight:400;margin:0 0 .5rem;text-transform:uppercase}.cta__title{color:var(--cta-title-color);font-size:var(--heading-3-font-size)}.cta__title span{font-weight:400}.cta__title:last-child{margin:0}.cta__intro{color:var(--cta-intro-color);font-size:var(--text-font-size);line-height:1.5}.cta__intro:last-child{margin:0}.cta__buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px 20px}.cta__buttons,.cta__form{margin-top:1rem}.cta--white{--cta-bgc:#fff}.cta--grey{--cta-bgc:#f3eeee}.cta--grey-dark{--cta-bgc:#dbd2d1}.cta--black{--cta-bgc:#000;--cta-kicker-color:#fff;--cta-title-color:#fff;--cta-intro-color:#fff}.cta--yellow{--cta-bgc:#fd0}@container cta (width >= 700px){.cta--half .cta__container{display:flex;flex-direction:row;position:relative}.cta--half .cta__container--right{flex-direction:row-reverse}.cta--half .cta__content-container,.cta--half .cta__media{flex:1 0 50%}.cta--half .cta__content{justify-content:center}}@container cta (width >= 800px){.cta--overlay .cta__container{align-items:center;display:flex;min-height:650px;padding:60px 40px}.cta--overlay .cta__container--right{justify-content:end}.cta--overlay .cta__media{height:100%;left:0;position:absolute;top:0;width:100%}.cta--overlay .cta__image{display:block}.cta--overlay .cta__content-container{width:60%;z-index:2}}@container cta (width >= 1000px){.cta--overlay .cta__container{padding:5rem 60px}.cta--overlay .cta__content-container{width:50%}}@container cta (width >= 1200px){.cta--overlay .cta__container{padding:6rem}.cta--overlay .cta__content-container{width:45%}}@container cta (width >= 1400px){.cta--overlay .cta__content-container{width:40%}}@container cta-content (width >= 450px){.cta__content{padding:40px}}@container cta-content (width >= 650px){.cta__content{padding:60px}.cta__intro{font-size:var(--text-font-size-large)}.cta__buttons,.cta__form{margin-top:20px}.cta__button{--button-border-radius:4px;--button-height:56px;--button-icon-size:22px;--button-font-size:var(--text-font-size-large);--button-padding:0 30px}.cta__button+.cta__link{margin-left:10px}}