.hero{overflow:hidden;position:relative}.hero.single-img .content-wrapper{align-items:center;display:flex;flex-direction:row;padding:120px 20px;position:relative}.hero.hero--blue.single-img:after,.hero.hero--purple.single-img:after{background:hsla(0,0%,100%,.1);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);content:"";height:100%;position:absolute;right:0;top:0;width:50%}.hero.hero--purple{background:#3d1397}.hero.hero--blue{background:#1c3a63}.hero__content{max-width:50%;padding:120px 0}.hero.single-img .hero__content{padding:0 1.5em 0 0}.hero--subtitle,.hero--title{color:#fff}.hero--subtitle{font-size:18px}.hero__content .button{margin-top:1em}.hero__image{max-width:50%;padding-left:1.5em}.hero__images{background:hsla(0,0%,100%,.1);display:flex;flex-direction:row;flex-wrap:wrap;max-width:43%;padding-left:1em;position:absolute;right:-4em;top:-20%;transform:rotate(22.5deg)}.hero__images--case{border-radius:3px;margin:1em;width:calc(50% - 2em)}.hero__video{border:5px solid #fff;border-radius:3px;width:50%}.embed-container{height:0;max-width:100%;overflow:hidden;padding-bottom:56.25%;position:relative}.embed-container embed,.embed-container iframe,.embed-container object{height:100%;left:0;position:absolute;top:0;width:100%}@media(max-width:1300px){.hero__images{max-width:50%}}@media(max-width:1120px){.hero__images{top:-10%}}@media(max-width:1030px){.hero__content{max-width:100%;padding:60px 20px}.hero__images{max-height:300px;max-width:100%;position:relative;right:0;top:0;transform:rotate(0deg);width:100%}.hero__images--case:first-of-type{margin-left:0}.hero__images--case{margin:1em 0 1em 1em;width:calc(25% - 1em)}}@media(max-width:767px){.hero--subtitle{font-size:16px}.hero__images{height:auto;max-height:220px}.hero.single-img .content-wrapper{flex-direction:column;padding:60px 20px}.hero.single-img .hero__image{margin-top:2em}.hero.single-img .hero__content,.hero.single-img .hero__image{max-width:100%}.hero.single-img:after{bottom:0!important;clip-path:polygon(0 30%,100% 0,100% 100%,0 100%)!important;height:50%!important;right:0;top:auto!important;width:100%!important}}@media(max-width:600px){.hero__images{align-items:flex-start}.hero__images--case{height:auto;width:calc(50% - 1em)}}