.hero-banner{position:relative;width:100%;min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hero-banner__overlay{position:absolute;inset:0;background:rgba(7,40,74,.3);z-index:0}.hero-banner__content{position:relative;z-index:1;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;padding:40px 20px 80px}.hero-banner__title{font-family:Lexend,sans-serif;font-weight:800;font-size:40px;line-height:1.1;color:#fff;text-transform:uppercase;margin:0 0 24px}@media print,screen and (min-width:40em){.hero-banner__title{font-size:55px}}@media print,screen and (min-width:64em){.hero-banner__title{font-size:70px}}.hero-banner__subtitle{font-family:Lexend,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#fff;margin:0;max-width:700px}@media print,screen and (min-width:40em){.hero-banner__subtitle{font-size:18px}}@media print,screen and (min-width:64em){.hero-banner__subtitle{font-size:20px}}.hero-banner__scroll{position:relative;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding-bottom:110px;-webkit-animation:hero-bounce 2s infinite;animation:hero-bounce 2s infinite}.hero-banner__scroll-label{font-family:Lexend,sans-serif;font-weight:400;font-size:12px;letter-spacing:.1em;color:#fff;text-transform:uppercase}.hero-banner__scroll-icon{width:22px;height:37px}.hero-banner__curve{position:absolute;bottom:-1px;left:0;width:100%;height:calc(46% + 1px);z-index:2;pointer-events:none}.hero-banner__curve svg{display:block;width:100%;height:100%}@-webkit-keyframes hero-bounce{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hero-bounce{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(8px);transform:translateY(8px)}}