.hero-banner{width:100%}@media only screen and (max-width:767px){.hero-banner{padding-left:0;padding-right:0}}.hero-banner__wrapper{display:flex;height:calc(100vh - 200px);max-height:500px;position:relative;width:100%}@media only screen and (min-width:768px){.hero-banner__wrapper{justify-content:center}}@media only screen and (min-width:1200px){.hero-banner__wrapper{max-height:unset}}.hero-banner__picture{display:flex;max-width:100%;width:100%}.hero-banner__picture img{height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hero-banner__content{bottom:0;display:flex;flex-direction:column;gap:20px;justify-content:flex-end;margin:0 auto;max-width:1440px;padding:36px 24px;position:absolute;width:100%}@media only screen and (min-width:768px){.hero-banner__content{padding:40px}}.hero-banner__title{font-size:36px}.hero-banner__title,.hero-banner__title *{line-height:1;margin:0}.hero-banner__title--small *{font-size:48px}@media only screen and (min-width:768px){.hero-banner__title--small *{font-size:48px}}.hero-banner__title--medium *{font-size:48px}@media only screen and (min-width:768px){.hero-banner__title--medium *{font-size:84px}}.hero-banner__title--large *{font-size:46px}@media only screen and (min-width:768px){.hero-banner__title--large *{font-size:96px}}.hero-banner__subtitle{font-size:14px;font-weight:400;line-height:1.2;margin:0}@media only screen and (min-width:768px){.hero-banner__subtitle{font-size:16px}}.hero-banner__text p{font-size:16px;font-weight:400;line-height:1.2;margin:0}@media only screen and (min-width:768px){.hero-banner__text p{font-size:24px}}.hero-banner__buttons{align-items:center;display:flex;gap:16px}