.hero-v4{overflow:hidden}.hero-v4:before{background:#dff0f7;content:"";display:block;height:70%;left:25%;margin:auto;position:absolute;top:-25%;width:100%;z-index:-1}@media only screen and (min-width:960px){.hero-v4:before{height:90%}}@media only screen and (min-width:1440px){.hero-v4:before{height:100%}}.hero-v4>div{padding:2.4rem 0 0}@media only screen and (min-width:960px){.hero-v4>div{padding:0}}.hero-v4 .wrapper{border-radius:3.2rem;display:flex;flex-flow:column;gap:2.4rem;max-width:var(--max-width--wide)}@media only screen and (min-width:960px){.hero-v4 .wrapper{align-items:center;flex-flow:row;gap:5%;justify-content:space-between;padding:clamp(4.2rem,4.2rem + 14*(100vw - 375px)/1545,5.6rem) 0 clamp(5.6rem,5.6rem + 40*(100vw - 375px)/1545,9.6rem)}}@media only screen and (min-width:1440px){.hero-v4 .wrapper{padding:clamp(4.2rem,4.2rem + 14*(100vw - 375px)/1545,5.6rem) 0 clamp(5.6rem,5.6rem + 40*(100vw - 375px)/1545,9.6rem)}}.hero-v4 .content{order:2;padding-bottom:clamp(3.6rem,3.6rem + 36*(100vw - 375px)/1545,7.2rem)}@media only screen and (min-width:960px){.hero-v4 .content{max-width:55%;order:1}}@media only screen and (min-width:1440px){.hero-v4 .content{max-width:65.4rem}}.hero-v4 .content .heading{font-size:clamp(3.6rem,3.6rem + 24*(100vw - 375px)/1545,6rem);font-weight:400;margin-bottom:.25em}.hero-v4 .content .buttons{margin-top:4.8rem}.hero-v4 .content .btn-link.is-style-outlined{color:inherit}.hero-v4 .image{flex:0 0 50%;order:1}@media only screen and (min-width:960px){.hero-v4 .image{order:2}}@media only screen and (min-width:1440px){.hero-v4 .image{margin-top:auto}}.hero-v4 .image img{aspect-ratio:777/515;border-radius:1.6rem}
