.hero-banner{background:linear-gradient(182deg,rgba(246,245,248,0) 80.76%,var(--cloud-grey-100) 96.3%),#d3d3d3 50% /cover no-repeat;position:relative}.hero-banner .container--wider{align-items:center;display:grid;gap:40px;grid-template-columns:1fr;padding-bottom:80px;padding-top:80px;position:relative;z-index:1}.hero-banner .bg-video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.hero-banner .container--wider .hero-media{aspect-ratio:373/248}.hero-banner .container--wider .hero-media img{height:100%!important;object-fit:cover;width:100%}.hero-banner .container--wider .hero-content,.hero-banner .container--wider .hero-content .block{display:flex;gap:20px}.hero-banner .container--wider .hero-content{flex-direction:column}.hero-banner .container--wider .hero-content .block{flex-direction:column-reverse}.hero-banner .container--wider .hero-content .hero-content__title,.hero-banner .container--wider .hero-content h1,.hero-banner .container--wider .hero-content p{color:var(--black);font-family:Figtree;font-style:normal;line-height:normal}.hero-banner .container--wider .hero-content .hero-content__title{font-size:32px;font-weight:400;text-transform:uppercase}.hero-banner .container--wider .hero-content h1{font-size:56px;font-weight:700}.hero-banner .container--wider .hero-content p{font-size:20px;font-weight:400}.hero-banner .container--wider .hero-content .hero-content__buttons{display:flex;flex-direction:column;gap:10px}@media (min-width:834px){.hero-banner .container--wider .hero-media{aspect-ratio:141/91}.hero-banner .container--wider .hero-content,.hero-banner .container--wider .hero-content .block{flex-direction:column;gap:20px}.hero-banner .container--wider .hero-content .hero-content__buttons{flex-direction:row}}@media (min-width:1024px){.hero-banner .container--wider{align-items:end;gap:50px;grid-template-columns:auto 1fr;padding-top:130px}.hero-banner .container--wider .hero-media{aspect-ratio:407/453;width:407px}.hero-banner .container--wider .hero-media img{height:auto!important;object-fit:unset}.hero-banner .container--wider .hero-content,.hero-banner .container--wider .hero-content .block{gap:40px}}@media (min-width:1440px){.hero-banner .container--wider{gap:100px;padding-top:80px}.hero-banner .container--wider .hero-media{aspect-ratio:620/321;width:auto}.hero-banner .container--wider .hero-content h1{font-size:100px}}@media (min-width:1920px){.hero-banner .container--wider .hero-media{aspect-ratio:723/375}}