.hero-with-boxed-video{background-color:#202322;background-image:url(https://20498867.fs1.hubspotusercontent-na1.net/hubfs/20498867/Mask%20Group%203.svg);background-position:right -18px top -16px;background-repeat:no-repeat;background-size:540px;display:flex;flex-direction:column;padding:140px 0 0;position:relative}.hero-with-boxed-video__content{margin:0 auto -100px;max-width:1600px;padding:0 80px;position:relative;width:100%}.hero-with-boxed-video__content:before{background-image:var(--badge-image);background-repeat:no-repeat;background-size:contain;content:"";height:100px;position:absolute;right:60px;top:70px;transform:translateY(-50%);width:80px}.hero-with-boxed-video__prehead{color:#ccc;margin-bottom:0}.hero-with-boxed-video__headline{margin-bottom:30px;width:70%}.hero-with-boxed-video__headline strong{color:#b8ccea}.hero-with-boxed-video__cta-group{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.hero-with-boxed-video__text{flex-basis:60%}.hero-with-boxed-video__cta{margin-bottom:2rem}.hero-with-boxed-video__video{background-color:#111;border-radius:16px;margin-top:30px;max-width:1600px;overflow:hidden;position:relative;width:100%;z-index:2}.hero-with-boxed-video__video video{border-radius:0;display:block;height:auto;width:100%}.hero-with-boxed-video__video-error{margin-top:40px}.hero-with-boxed-video__video .video-wrapper{cursor:pointer;position:relative}.hero-with-boxed-video__video .video-thumbnail{position:relative}.hero-with-boxed-video__video .video-thumbnail img{display:block;height:auto;transition:transform .3s ease,opacity .3s ease;width:100%}.hero-with-boxed-video__video .video-wrapper:hover img{opacity:.85}.hero-with-boxed-video__video .play-button{align-items:center;background:hsla(0,0%,100%,.95);border-radius:50%;box-shadow:0 4px 30px rgba(0,0,0,.3);color:#202322;display:flex;font-size:36px;height:100px;justify-content:center;left:50%;padding-left:8px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:100px}.hero-with-boxed-video__video .video-wrapper:hover .play-button{background:#fff;transform:translate(-50%,-50%) scale(1.1)}.video-modal{align-items:center;background:rgba(0,0,0,.92);display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9999}.video-modal.hidden{display:none}.video-modal .modal-content{max-width:1100px;position:relative;width:90%}.video-modal .modal-close{color:#fff;cursor:pointer;font-size:36px;line-height:1;position:absolute;right:0;top:-50px;transition:color .3s ease}.video-modal .modal-close:hover{color:#b8ccea}.video-modal .video-embed-container{background-color:#111;border-radius:16px;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-modal .video-embed-container iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (max-width:1024px) and (min-width:768px){.hero-with-boxed-video{background-position:right -48px top -16px;background-size:540px}.hero-with-boxed-video__content{padding:0 40px}.hero-with-boxed-video__headline{width:100%}.hero-with-boxed-video__cta-group{align-items:flex-start;flex-direction:column}.hero-with-boxed-video__text{flex-basis:80%}.hero-with-boxed-video__video .play-button{font-size:30px;height:80px;padding-left:6px;width:80px}}@media screen and (max-width:767px){.hero-with-boxed-video{background-position:right -48px top -16px;background-size:340px;overflow:hidden}.hero-with-boxed-video__content{padding:0 25px}.hero-with-boxed-video__headline{margin-bottom:20px;width:100%}.hero-with-boxed-video__cta-group{align-items:flex-start;flex-direction:column}.hero-with-boxed-video__text{flex-basis:100%}.hero-with-boxed-video__content:before{display:none}.hero-with-boxed-video__video{margin-top:30px}.hero-with-boxed-video__video .play-button{font-size:24px;height:60px;padding-left:4px;width:60px}.video-modal .modal-close{font-size:30px;top:-45px}.video-modal .video-embed-container{border-radius:8px}}