:root{--hero-height:720px;--hero-height--mobile:620px}.hero-banner{align-items:center;aspect-ratio:16/9;border-radius:1.2rem;display:flex;overflow:hidden;position:relative;width:100%;@media only screen and (max-width:768px){aspect-ratio:9/16;height:60vh}}.hero-banner .hero-banner__background{all:unset;align-items:center;aspect-ratio:16/9;background-color:var(--background-brand-purple);border-radius:1.2rem;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1;@media only screen and (max-width:768px){aspect-ratio:9/16;height:100%}}.hero-banner .hero-banner__background:before{background-color:rgba(0,0,0,.5);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.hero-banner .hero-banner__background iframe,.hero-banner .hero-banner__background img{height:100%;left:50%;object-fit:cover;position:absolute;top:0;transform:translateX(-50%);width:100%;z-index:1;@media only screen and (max-width:768px){height:100vh;object-fit:cover;transform:translateX(-50%);width:177.77778vh}}.hero-banner .hero-banner__content{color:var(--text-contrast);display:flex;flex-direction:column;justify-content:center;position:relative;width:70%;z-index:3;@media only screen and (max-width:768px){height:auto;text-align:center;width:100%}}.hero-banner .hero-banner__content .container{display:flex;flex-direction:column;gap:40px;padding:0 40px;@media only screen and (max-width:768px){align-items:center}}.hero-banner .hero-banner__content .container h1{line-height:100%}.hero-banner .hero-banner__content .container .button{background-color:#fff;color:var(--text-brand-blue);gap:.8rem;width:fit-content}@media only screen and (max-width:768px){.hero-banner .hero-banner__content .container{margin:calc(var(--container-padding)*2) 0}}