.hero-banner{position:relative}.hero-banner .hero-banner--link{inset:0;position:absolute;z-index:1}.hero-banner [class*=button]:not(.button-group){position:relative;z-index:1}@media(width >= 56.25rem){.hero-banner .hero-banner--media{max-height:calc(100dvh - 16.5rem);overflow:hidden}}.hero-banner .hero-banner--media>[class*=media]{aspect-ratio:var(--aspect-ratio);height:100%}.hero-banner .hero-banner--content{align-items:var(--content-alignment);display:flex;flex-direction:column;gap:var(--spacer-20);height:auto;padding-bottom:var(--content--padding-bottom);padding-top:var(--content--padding-top);text-align:var(--text-align);width:100%}@media(width >= 56.25rem){.hero-banner .hero-banner--content{align-items:center;flex-flow:row;gap:var(--spacer-56);justify-content:space-between}}
/*# sourceMappingURL=hero-banner.css.map*/