.home-intro{position:relative;padding-top:120px;height:100vh;max-height:800px;background:url(../../../../../assets/images/svg/bg-home-intro.svg) right bottom/cover no-repeat;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.home-intro__wrap{width:100%;max-width:1170px;margin:0 auto;color:#fff;padding:40px 0}
.home-intro__wrap::after{display:block;content:"";position:absolute;top:100%;left:50%;width:400px;height:1000vh;background:rgba(43,0,231,.03);-webkit-transform:translate(-50%,15px);-ms-transform:translate(-50%,15px);transform:translate(-50%,15px);z-index:-1}
.home-intro__content{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 10px}
.home-intro__illustration{position:relative;-moz-box-flex:1;-ms-flex:1;flex:1;-ms-flex-negative:0;flex-shrink:0}
.home-intro__illustration img.illustration{display:block;position:absolute;max-width:125px;-webkit-mask:url(../../../../../assets/images/svg/silhouette.svg) center bottom;mask:url(../../../../../assets/images/svg/silhouette.svg) center bottom;top:0;-webkit-transform:translate(0,45px);-ms-transform:translate(0,45px);transform:translate(0,45px);z-index:2}
.home-intro__teaser{position:relative;padding:40px 25px 40px 130px;z-index:1}
.home-intro__teaser::before{content:"";display:block;position:absolute;top:50%;left:50%;width:100%;height:100%;border-left:2px solid rgba(255,255,255,.28);border-right:2px solid rgba(255,255,255,.28);border-bottom:2px solid rgba(255,255,255,.28);border-bottom-left-radius:16px;border-bottom-right-radius:16px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}
.home-intro__title{font-family:"Franklin Gothic FS Demi";font-size:2.8rem;line-height:2.8rem;font-weight:600;color:#fff;position:absolute;top:0;left:0;padding:0 40px;width:100%;margin-bottom:15px;-webkit-transform:translate(0,calc(-50% - 20px));-ms-transform:translate(0,calc(-50% - 20px));transform:translate(0,calc(-50% - 20px))}
.home-intro__title::before{position:absolute;content:"";display:block;width:16px;height:16px;left:-2px;top:50%;border-top:2px solid rgba(255,255,255,.28);border-left:2px solid rgba(255,255,255,.28);border-top-left-radius:16px;-webkit-transform:translate(0,calc(-50% + 10px));-ms-transform:translate(0,calc(-50% + 10px));transform:translate(0,calc(-50% + 10px))}
.home-intro__title::after{position:absolute;content:"";display:block;width:16px;height:16px;right:-2px;top:50%;border-top:2px solid rgba(255,255,255,.28);border-right:2px solid rgba(255,255,255,.28);border-top-right-radius:16px;-webkit-transform:translate(0,calc(-50% + 10px));-ms-transform:translate(0,calc(-50% + 10px));transform:translate(0,calc(-50% + 10px))}
.home-intro__title h1{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.home-intro__title h1 span{-moz-box-flex:2;-ms-flex:2;flex:2}
.home-intro__rebounds{position:absolute;width:100%;left:0;top:100%;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;margin-top:40px;z-index:3}
.home-intro__rebounds li{width:100%;max-width:280px}
.home-intro__rebounds li .button{display:block}
.home-intro+.section{margin-top:0}
@media (min-width:600px){
.home-intro{background:url(../../../../../assets/images/svg/bg-home-intro.svg) center center/cover no-repeat}
.home-intro__teaser{padding-bottom:0}
.home-intro__rebounds{position:relative;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:30px;width:auto;top:auto;margin-top:0;margin-left:-15px;margin-right:-15px;-webkit-transform:translate(0,50%);-ms-transform:translate(0,50%);transform:translate(0,50%)}
}
@media (min-width:768px){
.home-intro{padding-top:0;background:url(../../../../../assets/images/svg/bg-home-intro.svg) center bottom/cover no-repeat}
.home-intro__wrap{margin:auto}
.home-intro__wrap::after{left:auto;-webkit-transform:translate(66px,15px);-ms-transform:translate(66px,15px);transform:translate(66px,15px)}
.home-intro__content{-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.home-intro__illustration img.illustration{top:50%;left:50%;max-width:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.home-intro__teaser{-moz-box-flex:2;-ms-flex:2;flex:2;padding:40px 60px 0;max-width:640px}
.home-intro__title{font-size:3.2rem;line-height:3.8rem;padding:0 20px 0 60px}
.home-intro__title h1::after{content:"";display:block;-moz-box-flex:1;-ms-flex:1;flex:1;max-width:100px;height:2px;background-color:rgba(255,255,255,.28);-webkit-transform:translate(4px,2px);-ms-transform:translate(4px,2px);transform:translate(4px,2px)}
.home-intro__rebounds li{width:auto}
.home-intro__rebounds li .button{display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}
}
@media (min-width:980px){
body.homepage .header--main{position:fixed;width:100%;top:0;background-color:transparent}
body.homepage .header--main.sticky{background:#070027}
}
@media (min-width:1680px){
.home-intro{background-size:100% 100%}
}