body:has(.hero-banner) .navbar.navbar-invert,body:has(.hero-banner) .navbar.navbar-mobile.navbar-invert{--navbar-background: transparent;--navbar-color: var(--text-inverse-primary)}body:has(.hero-banner) .navbar.navbar-invert .navbar-login .dropdown-menu,body:has(.hero-banner) .navbar.navbar-mobile.navbar-invert .navbar-login .dropdown-menu{--navbar-color: var(--text-primary);background-color:var(--surface-default)}body:has(.hero-banner) .navbar+.navbar.navbar-mobile:has(.dropdown-toggle.show){--navbar-color: var(--text-primary);--navbar-background: var(--surface-default)}body:has(.hero-banner) .navbar.scrolled,body:has(.hero-banner) .navbar.scrolled+.navbar.navbar-mobile{--navbar-background: var(--surface-default);--navbar-color: var(--text-primary)}.hero-banner{position:relative;width:100%;margin-top:calc(-1 * var(--navbar-height))}.hero-banner-background{z-index:-1}.hero-banner-background:after,.hero-banner-background-image,.hero-banner-background-video{width:100%;height:auto}.hero-banner-content{position:absolute;top:var(--navbar-height);display:flex;flex-direction:column;align-items:center;height:fit-content;padding-top:16px;padding-bottom:var(--section-spacing-between)}.hero-banner-title{text-align:center}.hero-banner-title h1{color:var(--text-inverse-primary)}@media only screen and (min-width: 1024px){.hero-banner-content{top:50%;left:50%;transform:translate(-50%,-50%);padding-top:0;padding-bottom:0;align-items:flex-start}.hero-banner-title{text-align:left}}.hero-banner.hero-banner-bottom .hero-banner-content{top:unset;bottom:0}@media only screen and (min-width: 1024px){.hero-banner.hero-banner-bottom .hero-banner-content{top:50%;left:50%;transform:translate(-50%,-50%)}}