@media (min-width:768px) {
    .shopify-section .wrapper-spacing--v.layered-showcase {
        padding-bottom: calc(var(--padding-section-bottom) + var(--bottom-padding-threshold))
    }
}

.layered-showcase__container {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1
}

@media (min-width:768px) {
    .layered-showcase__container {
        gap: var(--padding-section-bottom);
        min-height: calc(100vh - var(--padding-section-bottom) - var(--padding-section-top) - var(--header-height-offset, 0px))
    }
}

@media (min-width:768px) {

    .js-enabled layered-showcase:not([data-blocks-count="1"]) .layered-showcase__container,
    .js-enabled layered-showcase[data-blocks-count="1"] .layered-showcase__container {
        min-height: 0
    }
}

.layered-showcase__block {
    display: flex;
    flex-direction: column
}

@media (max-width:767px) {
    .layered-showcase__block {
        gap: 15px;
        width: 100%;
        min-width: 100%
    }
}

@media (min-width:768px) {
    .layered-showcase__block {
        width: 100%;
        padding: 0 0 0 40px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center
    }

    layered-showcase .layered-showcase__block {
        height: calc(100vh - var(--padding-section-bottom) - var(--padding-section-top) - var(--header-height-offset, 0px))
    }
}

@media (min-width:768px) {
    .layered-showcase__block.layered-showcase__desktop-media-right {
        padding-left: 0;
        gap: 40px
    }
}

@media (min-width:768px) {
    layered-showcase:not([data-blocks-count="1"]) .layered-showcase__block {
        position: sticky;
        top: calc(var(--padding-section-top) + var(--header-height-offset, 0px))
    }
}

@media (min-width:768px) {
    .layered-showcase__block:not(:first-child) {
        margin-top: 40px
    }
}

@media (min-width:768px) {
    .js-enabled .layered-showcase__block:not(:first-child) {
        margin-top: 0
    }
}

@media (min-width:768px) {
    layered-showcase[data-blocks-count="1"] .layered-showcase__container.layered-showcase__container--desktop {
        display: flex;
        align-items: center
    }
}

.layered-showcase__desktop-media-left .layered-showcase__media {
    order: 1
}

.layered-showcase__desktop-media-left .layered-showcase__content {
    order: 2
}

.layered-showcase__desktop-media-right .layered-showcase__media {
    order: 2
}

.layered-showcase__desktop-media-right .layered-showcase__content {
    order: 1
}

@media (max-width:767px) {
    .layered-showcase__mobile-media-top .layered-showcase__media {
        order: 1
    }
}

@media (max-width:767px) {
    .layered-showcase__mobile-media-top .layered-showcase__content {
        order: 2
    }
}

@media (max-width:767px) {
    .layered-showcase__mobile-media-bottom .layered-showcase__media {
        order: 2
    }
}

@media (max-width:767px) {
    .layered-showcase__mobile-media-bottom .layered-showcase__content {
        order: 1
    }
}

.layered-showcase__desktop-align-left .layered-showcase__content,
.layered-showcase__desktop-alignment--left .layered-showcase__content {
    text-align: left
}

.layered-showcase__desktop-align-left .layered-showcase__content .layered-showcase__buttons,
.layered-showcase__desktop-alignment--left .layered-showcase__content .layered-showcase__buttons {
    justify-content: flex-start
}

.layered-showcase__desktop-align-left .layered-showcase__content .layered-showcase__content-inner,
.layered-showcase__desktop-alignment--left .layered-showcase__content .layered-showcase__content-inner {
    margin-left: 0;
    margin-right: auto
}

.layered-showcase__desktop-align-center .layered-showcase__content,
.layered-showcase__desktop-alignment--center .layered-showcase__content {
    text-align: center
}

.layered-showcase__desktop-align-center .layered-showcase__content .layered-showcase__buttons,
.layered-showcase__desktop-alignment--center .layered-showcase__content .layered-showcase__buttons {
    justify-content: center
}

.layered-showcase__desktop-align-center .layered-showcase__content .layered-showcase__content-inner,
.layered-showcase__desktop-alignment--center .layered-showcase__content .layered-showcase__content-inner {
    margin-left: auto;
    margin-right: auto
}

.layered-showcase__desktop-align-right .layered-showcase__content,
.layered-showcase__desktop-alignment--right .layered-showcase__content {
    text-align: right
}

.layered-showcase__desktop-align-right .layered-showcase__content .layered-showcase__buttons,
.layered-showcase__desktop-alignment--right .layered-showcase__content .layered-showcase__buttons {
    justify-content: flex-end
}

.layered-showcase__desktop-align-right .layered-showcase__content .layered-showcase__content-inner,
.layered-showcase__desktop-alignment--right .layered-showcase__content .layered-showcase__content-inner {
    margin-right: 0;
    margin-left: auto
}

@media (max-width:767px) {

    .layered-showcase__mobile-align-left .layered-showcase__content,
    .layered-showcase__mobile-alignment--left .layered-showcase__content {
        text-align: left
    }

    .layered-showcase__mobile-align-left .layered-showcase__content .layered-showcase__buttons,
    .layered-showcase__mobile-alignment--left .layered-showcase__content .layered-showcase__buttons {
        justify-content: flex-start
    }
}

@media (max-width:767px) {

    .layered-showcase__mobile-align-center .layered-showcase__content,
    .layered-showcase__mobile-alignment--center .layered-showcase__content {
        text-align: center
    }

    .layered-showcase__mobile-align-center .layered-showcase__content .layered-showcase__buttons,
    .layered-showcase__mobile-alignment--center .layered-showcase__content .layered-showcase__buttons {
        justify-content: center
    }
}

@media (max-width:767px) {

    .layered-showcase__mobile-align-right .layered-showcase__content,
    .layered-showcase__mobile-alignment--right .layered-showcase__content {
        text-align: right
    }

    .layered-showcase__mobile-align-right .layered-showcase__content .layered-showcase__buttons,
    .layered-showcase__mobile-alignment--right .layered-showcase__content .layered-showcase__buttons {
        justify-content: flex-end
    }
}

.layered-showcase__content {
    display: flex;
    opacity: 1
}

@media (min-width:768px) {
    .layered-showcase__content {
        height: 100%;
        position: relative;
        z-index: 2
    }
}

.layered-showcase__content-inner {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}

@media (min-width:768px) {
    .layered-showcase__content-inner {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        padding: 0 30px
    }
}

.layered-showcase__content-inner>:last-child {
    margin-bottom: 0
}

.layered-showcase__subheading {
    opacity: .8;
    margin-bottom: 0;
    font-size: var(--text-size-mobile)
}

@media (min-width:768px) {
    .layered-showcase__subheading {
        font-size: var(--text-size-desktop)
    }
}

.layered-showcase__heading {
    margin: 0 0 .5em;
    font-size: var(--heading-size-mobile)
}

@media (min-width:768px) {
    .layered-showcase__heading {
        font-size: var(--heading-size-desktop)
    }
}

.layered-showcase__text {
    margin-bottom: 0;
    font-size: var(--text-size-mobile)
}

@media (min-width:768px) {
    .layered-showcase__text {
        font-size: var(--text-size-desktop)
    }
}

.layered-showcase__text:not(:last-child) {
    margin-bottom: 15px
}

.layered-showcase__text p:last-child {
    margin-bottom: 0
}

.layered-showcase .rte>:last-child {
    margin-bottom: 0
}

.layered-showcase__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--grid-spacing) * .75)
}

@media (min-width:768px) {
    .layered-showcase__buttons {
        gap: var(--grid-spacing)
    }
}

.layered-showcase__buttons .dynamic-section-button {
    flex-shrink: 0
}

.layered-showcase__media {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-height: 100%;
    max-width: 100%
}

@media (max-width:767px) {
    .layered-showcase__media {
        height: auto
    }
}

.layered-showcase__media .ytp-autohide {
    cursor: default
}

@media (max-width:767px) {

    .layered-showcase__aspect-ratio-adapt_to_first_image .layered-showcase__media,
    .layered-showcase__aspect-ratio-square .layered-showcase__media,
    .layered-showcase__aspect-ratio-tall .layered-showcase__media,
    .layered-showcase__aspect-ratio-wide .layered-showcase__media {
        width: 100%;
        height: auto
    }
}

.layered-showcase__aspect-ratio-adapt_to_first_image deferred-media .deferred-media-poster-image,
.layered-showcase__aspect-ratio-square deferred-media .deferred-media-poster-image,
.layered-showcase__aspect-ratio-tall deferred-media .deferred-media-poster-image,
.layered-showcase__aspect-ratio-wide deferred-media .deferred-media-poster-image {
    overflow: hidden
}

.layered-showcase__aspect-ratio-adapt_to_first_image .homepage-video-content__placeholder,
.layered-showcase__aspect-ratio-adapt_to_first_image .layered-showcase__video-wrapper,
.layered-showcase__aspect-ratio-adapt_to_first_image .responsive-image-wrapper,
.layered-showcase__aspect-ratio-adapt_to_first_image deferred-media,
.layered-showcase__aspect-ratio-square .homepage-video-content__placeholder,
.layered-showcase__aspect-ratio-square .layered-showcase__video-wrapper,
.layered-showcase__aspect-ratio-square .responsive-image-wrapper,
.layered-showcase__aspect-ratio-square deferred-media,
.layered-showcase__aspect-ratio-tall .homepage-video-content__placeholder,
.layered-showcase__aspect-ratio-tall .layered-showcase__video-wrapper,
.layered-showcase__aspect-ratio-tall .responsive-image-wrapper,
.layered-showcase__aspect-ratio-tall deferred-media,
.layered-showcase__aspect-ratio-wide .homepage-video-content__placeholder,
.layered-showcase__aspect-ratio-wide .layered-showcase__video-wrapper,
.layered-showcase__aspect-ratio-wide .responsive-image-wrapper,
.layered-showcase__aspect-ratio-wide deferred-media {
    position: absolute;
    width: 100%;
    height: 100%
}

.layered-showcase__aspect-ratio-adapt_to_first_image .homepage-video-content__placeholder img,
.layered-showcase__aspect-ratio-adapt_to_first_image .homepage-video-content__placeholder video,
.layered-showcase__aspect-ratio-adapt_to_first_image .layered-showcase__video-wrapper img,
.layered-showcase__aspect-ratio-adapt_to_first_image .layered-showcase__video-wrapper video,
.layered-showcase__aspect-ratio-adapt_to_first_image .responsive-image-wrapper img,
.layered-showcase__aspect-ratio-adapt_to_first_image .responsive-image-wrapper video,
.layered-showcase__aspect-ratio-adapt_to_first_image deferred-media img,
.layered-showcase__aspect-ratio-adapt_to_first_image deferred-media video,
.layered-showcase__aspect-ratio-square .homepage-video-content__placeholder img,
.layered-showcase__aspect-ratio-square .homepage-video-content__placeholder video,
.layered-showcase__aspect-ratio-square .layered-showcase__video-wrapper img,
.layered-showcase__aspect-ratio-square .layered-showcase__video-wrapper video,
.layered-showcase__aspect-ratio-square .responsive-image-wrapper img,
.layered-showcase__aspect-ratio-square .responsive-image-wrapper video,
.layered-showcase__aspect-ratio-square deferred-media img,
.layered-showcase__aspect-ratio-square deferred-media video,
.layered-showcase__aspect-ratio-tall .homepage-video-content__placeholder img,
.layered-showcase__aspect-ratio-tall .homepage-video-content__placeholder video,
.layered-showcase__aspect-ratio-tall .layered-showcase__video-wrapper img,
.layered-showcase__aspect-ratio-tall .layered-showcase__video-wrapper video,
.layered-showcase__aspect-ratio-tall .responsive-image-wrapper img,
.layered-showcase__aspect-ratio-tall .responsive-image-wrapper video,
.layered-showcase__aspect-ratio-tall deferred-media img,
.layered-showcase__aspect-ratio-tall deferred-media video,
.layered-showcase__aspect-ratio-wide .homepage-video-content__placeholder img,
.layered-showcase__aspect-ratio-wide .homepage-video-content__placeholder video,
.layered-showcase__aspect-ratio-wide .layered-showcase__video-wrapper img,
.layered-showcase__aspect-ratio-wide .layered-showcase__video-wrapper video,
.layered-showcase__aspect-ratio-wide .responsive-image-wrapper img,
.layered-showcase__aspect-ratio-wide .responsive-image-wrapper video,
.layered-showcase__aspect-ratio-wide deferred-media img,
.layered-showcase__aspect-ratio-wide deferred-media video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.layered-showcase__aspect-ratio-adapt_to_first_image .layered-showcase__media {
    aspect-ratio: var(--aspect-width, 1)/var(--aspect-height, 1)
}

@media (min-width:768px) {
    .layered-showcase__aspect-ratio-adapt_to_first_image .layered-showcase__media {
        width: 100%;
        height: auto;
        margin: 0 auto
    }
}

.layered-showcase__aspect-ratio-adapt_to_first_image .layered-showcase__media deferred-media .deferred-media-poster-image {
    height: auto !important
}

@media (min-width:768px) {
    .layered-showcase__aspect-ratio-adapt_to_first_image[data-center-media=true] .layered-showcase__media {
        width: auto;
        height: 100%;
        margin: 0 auto
    }

    .layered-showcase__aspect-ratio-adapt_to_first_image[data-center-media=true] .layered-showcase__media .icon--placeholder {
        width: auto
    }
}

.layered-showcase__aspect-ratio-adapt_to_first_image[data-center-media=true] .layered-showcase__media deferred-media .deferred-media-poster-image {
    height: 100% !important
}

.layered-showcase__aspect-ratio-square .layered-showcase__media {
    aspect-ratio: 1/1
}

@media (min-width:768px) {
    .layered-showcase__aspect-ratio-square .layered-showcase__media {
        width: 100%;
        height: auto;
        margin: 0 auto
    }
}

.layered-showcase__aspect-ratio-tall .layered-showcase__media {
    aspect-ratio: 3/4
}

@media (min-width:768px) {
    .layered-showcase__aspect-ratio-tall .layered-showcase__media {
        width: auto;
        height: 100%;
        margin: 0 auto
    }
}

.layered-showcase__aspect-ratio-wide .layered-showcase__media {
    aspect-ratio: 4/3
}

@media (min-width:768px) {
    .layered-showcase__aspect-ratio-wide .layered-showcase__media {
        width: 100%;
        height: auto
    }
}

@media (max-width:767px) {
    .layered-showcase__container--desktop {
        display: none
    }
}

@media (min-width:768px) {
    .layered-showcase__container--mobile {
        display: none
    }
}

@media (max-width:767px) {
    .layered-showcase__editor .layered-showcase__block {
        padding: 20px 0
    }

    .layered-showcase__editor .layered-showcase__block:last-child {
        padding-bottom: 0
    }

    .layered-showcase__editor .layered-showcase__block:first-child {
        padding-top: 0
    }
}

@media (min-width:768px) {
    .layered-showcase__editor .layered-showcase__aspect-ratio-tall .layered-showcase__media {
        width: 80%
    }
}

.layered-showcase-preview__desktop {
    gap: 40px;
    align-items: center
}

@media (max-width:767px) {
    .layered-showcase-preview__desktop {
        display: none
    }
}

@media (min-width:768px) {
    .layered-showcase-preview__desktop {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:767px) {
    .layered-showcase-preview__mobile {
        display: block
    }
}

@media (min-width:768px) {
    .layered-showcase-preview__mobile {
        display: none
    }
}

.layered-showcase-preview__images {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    place-items: center;
    padding: 60px 60px 100px 60px
}

.layered-showcase-preview__image {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    aspect-ratio: 4/3;
    position: relative
}

.layered-showcase-preview__image .icon--placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius)
}

.layered-showcase-preview__image--1 {
    z-index: 1;
    transform: translate(0, 0)
}

.layered-showcase-preview__image--2 {
    z-index: 2;
    transform: translate(20px, 20px)
}

.layered-showcase-preview__image--3 {
    z-index: 3;
    transform: translate(40px, 40px)
}

.layered-showcase-preview__content {
    padding: 30px
}

.layered-showcase-preview__content .layered-showcase__heading,
.layered-showcase-preview__content .layered-showcase__subheading,
.layered-showcase-preview__content .layered-showcase__text {
    margin-bottom: 15px
}

.layered-showcase-preview__content .layered-showcase__heading {
    font-size: var(--heading-size-desktop)
}

.layered-showcase-preview__content .layered-showcase__text {
    font-size: var(--text-size-desktop)
}

.layered-showcase-preview__content>:last-child {
    margin-bottom: 0
}

.layered-showcase-preview__mobile-block {
    display: flex;
    flex-direction: column;
    padding: 15px 0
}

.layered-showcase-preview__mobile-block:not(:last-child) {
    border-bottom: 1px solid rgba(var(--color-border), .2);
    margin-bottom: 15px;
    padding-bottom: 20px
}

.layered-showcase-preview__mobile-block .layered-showcase__media {
    margin-bottom: 15px
}

.layered-showcase-preview__mobile-block .layered-showcase__content {
    padding: 0
}

.layered-showcase-preview__mobile-block .layered-showcase__heading,
.layered-showcase-preview__mobile-block .layered-showcase__subheading,
.layered-showcase-preview__mobile-block .layered-showcase__text {
    margin-bottom: 15px
}

.layered-showcase-preview__mobile-block .layered-showcase__heading {
    font-size: var(--heading-size-mobile)
}

.layered-showcase-preview__mobile-block .layered-showcase__text {
    font-size: var(--text-size-mobile)
}

.layered-showcase-preview__mobile-block>:last-child {
    margin-bottom: 0
}

.layered-showcase-preview__mobile-block.layered-showcase__mobile-media-bottom .layered-showcase__media {
    order: 2;
    margin-bottom: 0;
    margin-top: 15px
}

.layered-showcase-preview__mobile-block.layered-showcase__mobile-media-bottom .layered-showcase__content {
    order: 1
}

.layered-showcase-preview__mobile-block.layered-showcase__mobile-media-top .layered-showcase__media {
    order: 1
}

.layered-showcase-preview__mobile-block.layered-showcase__mobile-media-top .layered-showcase__content {
    order: 2
}

[data-layered-showcase-editing-preview] .layered-showcase-block--inactive {
    opacity: .3
}