.hero{background:#006471;overflow:hidden}.hero:before{background:#134f5c;content:"";height:100%;left:0;position:absolute;top:0;width:21%}.hero>div{padding:0}.hero .wrapper{border-radius:3.2rem;color:#fff;display:flex;flex-flow:column;gap:4.8rem;max-width:var(--max-width--wide);padding:clamp(4.8rem,4.8rem + 44*(100vw - 375px)/1545,9.2rem) 0 clamp(4.8rem,4.8rem + 45*(100vw - 375px)/1545,9.3rem)}@media only screen and (max-width:639.99px){.hero .wrapper{padding-bottom:2.8rem}}@media only screen and (min-width:960px){.hero .wrapper{align-items:center;flex-flow:row;gap:10%;justify-content:space-between}.hero .content{max-width:64.3rem}}.hero .content .heading{font-size:clamp(3.6rem,3.6rem + 24*(100vw - 375px)/1545,6rem);font-weight:400}@media only screen and (min-width:960px){.hero .content .text{max-width:52.2rem}}.hero .content .text.is-style-lead{font-size:clamp(1.8rem,1.8rem + 6*(100vw - 375px)/1545,2.4rem);margin-bottom:1em}.hero .content .buttons{margin-top:4.8rem}.hero .content .btn-link.is-style-outlined{color:inherit}.hero .content .ping{--circle-color:#006471;height:32rem;left:0;margin:auto;position:absolute;right:0;top:-10%;width:32rem;z-index:-1}.hero .content .ping>svg{height:128rem;left:50%;margin:auto;max-height:128rem;max-width:128rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:128rem}.hero .media{margin:0 0 0 auto;max-width:52rem;position:relative;z-index:1}@media only screen and (min-width:960px){.hero .media{margin:0;max-width:unset}}.hero .primary-image{aspect-ratio:1/1;border-radius:50%;overflow:hidden}@media only screen and (min-width:960px){.hero .primary-image{max-width:61.5rem}}.hero .primary-image img{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.hero .primary-image:before{background:#4fa2ad;content:"";height:100%;position:absolute;width:50%}.hero .secondary-image{bottom:0;left:-15%;margin:auto;max-width:75%;position:absolute;top:0;transform:translateY(10%)}@media only screen and (min-width:640px){.hero .secondary-image{left:-30%}}.hero .information{bottom:3em;z-index:2}@media only screen and (min-width:640px){.hero .information{bottom:0;left:-10%;position:absolute}}@media only screen and (min-width:960px){.hero .information{bottom:-1em}}@media only screen and (max-width:1439.99px){.hero .information .tooltip__panel{left:unset;right:-1rem;transform:unset}.hero .information .tooltip__panel:after{left:unset;right:1.6rem}}
