html[data-hero-layout="photo"] .stage__background {
    min-height: 32rem;
    padding-bottom: 0;
    background: #fff;
}

html[data-hero-layout="photo"] .stage__background .background-media-image {
    background: #fff;
}

html[data-hero-layout="photo"] .landing-stage-image {
    right: 0;
    left: auto;
    width: 52%;
    height: 100%;
    transform: translateY(-50%);
    object-fit: contain;
}

html[data-hero-layout="photo"] .landing-hero-panel {
    width: 100%;
    height: auto;
    min-height: 0;
    max-width: 32rem;
    margin: 0;
    border: 0;
    background: #fff;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

html[data-hero-layout="photo"] .landing-order-button {
    width: auto;
    min-width: 12rem;
    padding-inline: 1rem;
}

@media (max-width: 47.9375rem) {
    html[data-hero-layout="photo"] .stage__background {
        min-height: 0;
    }

    html[data-hero-layout="photo"] .stage__background .background-media-image {
        position: relative;
        height: auto;
        padding: 0;
        aspect-ratio: 1;
    }

    html[data-hero-layout="photo"] .landing-stage-image {
        position: absolute;
        inset: 0;
        width: 100%;
        transform: none;
    }

    html[data-hero-layout="photo"] .stage__background .background-media-content {
        position: relative;
        inset: auto;
        display: block;
        height: auto;
        padding-bottom: 2rem;
    }

    html[data-hero-layout="photo"] .stage__background .stage__container,
    html[data-hero-layout="photo"] .stage__background .stage__column,
    html[data-hero-layout="photo"] .stage__background .stage__content {
        height: auto;
    }
}