.hero-wrapper{position:relative}.hero-banner,.hero-banner__additional,.hero-banner__logo{position:relative;z-index:10}.hero-banner{padding-bottom:calc(2vw + 2rem);padding-top:calc(8vw + 6rem);text-align:center}.hero-banner h1{font-size:60px;text-transform:uppercase}.hero-banner p{font-size:1.5rem;margin-left:auto;margin-right:auto;max-width:880px}.hero-banner__logo{margin-bottom:calc(-1vw + -2rem)}.hero-banner__logo svg{fill:var(--bz-secondary);display:block;margin:0 auto;max-width:280px;width:100%}.hero-banner__additional{padding-bottom:4rem;padding-top:calc(2vw + 4rem)}.hero-banner__additional p{font-size:1.5rem}.hero-wrapper__bg{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.hero-wrapper__bg .triangle{clip-path:polygon(0 0,100% 100%,0 100%)}.hero-wrapper__bg .triangle--light{background-color:var(--bz-light)}.hero-wrapper__bg .triangle--primary{background-color:var(--bz-primary)}.hero-wrapper__bg .triangle--secondary{background-color:var(--bz-secondary)}.hero-wrapper__bg .triangle--1,.hero-wrapper__bg .triangle--2{aspect-ratio:1.78/1;left:50%;position:absolute;top:0;width:100vw}.hero-wrapper__bg .triangle--1{transform:translateX(-75%) translateY(-133%);width:90vw;z-index:3}.hero-wrapper__bg .triangle--2{transform:scale(-1) translateX(0);z-index:10}.hero-wrapper__bg .accent--1{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-55%);width:250vw;z-index:5}.hero-wrapper__bg .accent--2{height:auto;left:50%;position:absolute;top:50%;transform:translateY(-10%);width:50vw;z-index:0}.hero-wrapper__bg .accent--1 svg{fill:var(--bz-tertiary)}.hero-wrapper__bg .hlf-logo{left:50%;position:absolute;top:50%;transform:translate(90%,-23%);width:33vw;z-index:8}.hero-wrapper__bg .hlf-logo svg{fill:var(--bz-secondary);rotate:-84deg}.hero-wrapper__bg .triangle--mask{aspect-ratio:1.87/1;background-color:var(--bz-gray-100);bottom:0;left:0;position:absolute;width:100%;z-index:10}@media (max-width:767px){.hero-wrapper__bg .triangle--1{top:50%!important}.hero-wrapper__bg .accent--2,.hero-wrapper__bg .hlf-logo{display:none}}@media (min-width:768px){.hero-wrapper__bg .triangle--1,.hero-wrapper__bg .triangle--2{aspect-ratio:1.87/1;width:25vw}.hero-wrapper__bg .triangle--1{transform:scale(-1)}.hero-wrapper__bg .triangle--2{transform:scale(-1) translateX(-100%)}.hero-wrapper__bg .accent--1{transform:translate(-25%,-60%);width:75vw}.hero-wrapper__bg .hlf-logo{transform:translate(90%,-23%);width:33vw}.hero-wrapper__bg .triangle--mask{width:95%}}@media (min-width:1025px){.hero-wrapper__bg .triangle--mask{width:75%}}