.hero-banner{position:relative;color:#fff;height:700px;border-top:1px solid #000000}@media (min-width: 768px){.hero-banner{height:788px}}@media (min-width: 2048px){.hero-banner{min-height:calc(100dvh - var(--header-height, 49px))}}.hero-banner__slider,.hero-banner__slider-wrapper{height:100%}.hero-banner__slider{overflow:hidden}.hero-banner__slide{position:relative;width:100%}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%}.hero-banner__media .component-picture__wrapper{width:100%;height:100%}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:var(--overlay-opacity, 0);background:var(--overlay-color, #000000)}.hero-banner__container{position:relative;height:100%;display:flex;flex-direction:column;padding:24px}.hero-banner__content{display:flex;flex-direction:column;align-items:inherit;justify-content:inherit;gap:34px}@media (min-width: 768px){.hero-banner__content{max-width:692px}}.hero-banner__title,.hero-banner__pre-title{color:inherit;margin:0}.hero-banner__button{width:auto!important;margin-top:0!important}.align--top{justify-content:flex-start}.align--middle{justify-content:center}.align--bottom{justify-content:flex-end}.align--left{text-align:left;align-items:flex-start}.align--center{text-align:center;align-items:center}.align--right{text-align:right;align-items:flex-end}