.hero-component{--component-padding-block:0;--parallax-factor:25%;align-items:center;background:#020f21;color:#fff;display:flex;isolation:isolate;justify-content:center;min-height:37.5rem;overflow:hidden;position:relative}.hero-component .video-bg,.hero-component__bg{inset:0;position:absolute}.hero-component__bg{opacity:.52}.hero-component__bg img,.hero-component__bg picture,.hero-component__bg picture img{height:100%;object-fit:cover;width:100%}.hero-component .video-bg:before{background:rgba(2,15,33,.48);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}@media (min-width:576px){.hero-component .video-bg .video-controls{inset-inline-start:calc((var(--browser-width) - var(--container-width))/2 - env(safe-area-inset-right) - env(safe-area-inset-left))}}.hero-component__container{position:relative;z-index:1}.hero-component__content{align-items:center;display:flex;flex-direction:column;gap:1.25rem;text-align:center}.hero-component__title{color:#fff;margin:0}.hero-component__subtitle{color:#fff;font-size:var(--fs-xl);font-weight:var(--fw-medium);line-height:var(--lh-xl);margin:0}.hero-component__modal-btn{align-items:center;background:transparent;border:0;bottom:1.25rem;color:#fff;cursor:pointer;display:inline-flex;gap:.5rem;inset-inline-start:calc(var(--bs-gutter-x)*.5);padding:0;position:absolute;z-index:1}.hero-component__modal-btn svg{fill:#fff;height:1.375rem;width:1.375rem}.hero-component__modal-btn span{color:#fff;font-size:var(--fs-m);font-weight:var(--fw-demibold);line-height:var(--lh-m)}