.hero-banner{margin:10px 10px 0;position:relative}.hero-banner:before{background:#0000004d;border-radius:16px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-banner__inner{align-items:flex-start;bottom:24px;display:flex;flex-direction:column;gap:1.25rem;left:50%;max-width:1340px;padding:0 30px;position:absolute;transform:translate(-50%);width:100%;z-index:1}@media (width > 1024px){.hero-banner__inner{align-items:flex-end;bottom:60px;flex-direction:row;justify-content:space-between}}.hero-banner__content{display:flex;flex-direction:column;gap:1.25rem;max-width:771px}.hero-banner__text,.hero-banner__title{color:var(--color-white)}.hero-banner__text{font-size:1.25rem;line-height:1.75rem}.hero-banner__video{border-radius:16px;display:flex;max-height:calc(100vh - 20px);min-height:550px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}@media (width > 1024px){.hero-banner__video{min-height:unset}}@media (width < 500px){.hero-banner__button{width:100%}}