@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .stage__background {
        min-height: calc(max(22rem, 33.3333vw) + var(--spacing-vertical-xl));
    }

    .stage__background .stage__container {
        width: 100%;
        margin: 0;
    }

    .stage__background .landing-hero-panel {
        width: 100%;
        max-width: 24.5rem;
        margin-right: auto;
        margin-left: 0;
    }
}

@media (max-width: 47.9375rem) {
    .stage__background {
        min-height: max(28rem, calc(100vw + var(--spacing-vertical-l)));
    }
}