.cf-hero{background-color:var(--cf-blue);background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--cf-white);position:relative}.cf-hero:before{background:linear-gradient(270deg,transparent,#000 72%);content:"";inset:0;opacity:.8;position:absolute}.cf-hero__inner{align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr;padding-block:96px;position:relative;z-index:1}.cf-hero__eyebrow{color:var(--cf-green);letter-spacing:.08em}.cf-hero__eyebrow,.cf-hero__title{font-family:var(--cf-font-heading);font-weight:500;text-transform:uppercase}.cf-hero__title{font-size:clamp(2rem,4vw,3.25rem);line-height:1.1;margin:16px 0 0;text-wrap:balance}.cf-hero__title:after{background-color:var(--cf-white);content:"";display:block;height:3px;margin:20px 0;width:70px}.cf-hero__text{font-size:1.125rem;line-height:1.5;max-width:42ch}.cf-hero__actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.cf-hero__form{background-color:var(--cf-white);border-radius:var(--cf-radius);box-shadow:0 20px 50px rgba(0,0,0,.25);color:var(--cf-text);padding:32px}.cf-hero__form-title{color:var(--cf-blue);font-family:var(--cf-font-heading);font-size:1.6rem;font-weight:500;margin:0 0 -16px;text-align:center;text-transform:uppercase}@media (max-width:1024px){.cf-hero__inner{grid-template-columns:1fr;padding-block:64px}}@media (max-width:767px){.cf-hero__form{padding:24px}}