.homediaporama{
    display: flex;
    flex-direction: row;
    height: 850px;
    padding-bottom: 40px;
    position: relative;
    z-index: 1;

    --homediaporama-right-width: 500px;
    --homediaporama-content-margin-left: max(calc(((100% - 1200px + var(--homediaporama-right-width)) / 2) - var(--wp--style--root--padding-left)), 0px);
}
    .homediaporama::before{
        content: "";
        width: calc((100% - 1200px) / 2);
        height: 100%;
        background: url(/wp-content/themes/nv/assets/images/vagues.png) no-repeat right top 30px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .homediaporama_left{
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        height: 100%;
        position: relative;
    }
        .homediaporama_slider{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }
            .homediaporama_slides{
                height: 100%;
            }
                .homediaporama_slide{
                    height: 100%;
                    position: relative;
                }
                    .homediaporama_slide-image{
                        display: block;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        position: absolute;
                        left: 0;
                        top: 0;
                        z-index: 1;
                    }
                    .homediaporama_slide-imagetitle-wrapper{
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        width: 100%;
                        height: 100%;
                        padding-top: 200px;
                        padding-left: var(--wp--style--root--padding-left);
                        margin-left: var(--homediaporama-content-margin-left);
                        max-width: calc(100% - 380px - var(--homediaporama-content-margin-left));
                        position: absolute;
                        left: 0;
                        top: 0;
                        z-index: 2;
                    }
                        .homediaporama_slide-imagetitle{
                            width: 100%;
                            text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
                            color: var(--wp--preset--color--nv-white);
                            font-size: var(--wp--preset--font-size--80);
                        }
                    .homediaporama_slide-caption{
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        width: 340px;
                        height: 340px;
                        padding: 40px 40px 30px 40px;
                        background: var(--wp--preset--color--nv-white);
                        position: absolute;
                        bottom: 0;
                        right: 0;
                        z-index: 3;
                    }
                        .homediaporama_slide-caption-limiter{
                            display: flex;
                            flex-direction: column;
                            width: 100%;
                            height: 240px;
                            overflow: hidden;
                        }
                            .homediaporama_slide-title{
                                display: flex;
                                flex-direction: column;
                            }
                                .homediaporama_slide-title-part1{
                                    line-height: 40px !important;
                                    font-weight: 400;
                                    text-transform: uppercase;
                                }
                                .homediaporama_slide-title-part2{
                                    line-height: 40px !important;
                                    font-weight: 700;
                                }
                        .homediaporama_slide-button{
                            flex-shrink: 0;
                            display: flex;
                            flex-direction: row;
                            align-items: flex-end;
                            gap: 7px;
                            margin-top: 10px;
                            position: relative;
                        }
                            .homediaporama_slide-button-dot{
                                width: 6px;
                                height: 6px;
                                background: var(--wp--preset--color--nv-blue-dark);
                                transition: all .2s ease-in-out;
                            }
                            .homediaporama_slide-button:hover .homediaporama_slide-button-dot {
                                width: 16px;
                                background: var(--wp--preset--color--nv-blue-cyan);
                            }
                            .homediaporama_slide-button-label{
                                line-height: 14px;
                                color: var(--wp--preset--color--nv-blue-dark);
                                font-size: var(--wp--preset--font-size--20);
                                font-weight: 600;
                                transition: color .2s ease-in-out;
                            }
                            .homediaporama_slide-button:hover .homediaporama_slide-button-label {
                                color: var(--wp--preset--color--nv-blue-cyan);
                            }
    .homediaporama_right{
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        width: var(--homediaporama-right-width);
        height: 100%;
    }
        .homediaporama_right-top{
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            position: relative;
            z-index: 1;
        }
            .homediaporama_image{
                height: 100% !important;
                width: 100%;
                object-fit: cover;
                overflow: hidden;
            }
        .homediaporama_right-bottom{
            display: flex;
            flex-direction: row;
            height: 340px;
            position: relative;
            z-index: 2;
        }
            .homediaporama_anchor{
                flex-grow: 1;
                background: var(--wp--preset--color--nv-beige);
                position: relative;
            }
                .homediaporama_anchor::after{
                    content: "";
                    width: 100%;
                    height: 481px;
                    background: url(/wp-content/themes/nv/assets/images/ancre.png) no-repeat center top;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                }
            .homediaporama_pagination{
                flex-shrink: 0;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 10px;
                width: 160px;
                background: var(--wp--preset--color--nv-white);
                position: relative;
                bottom: 0;
                left: 0;
            }
                .homediaporama_pagination::after{
                    content: "";
                    width: 160px;
                    height: 140px;
                    background: var(--wp--preset--color--nv-blue-cyan);
                    position: absolute;
                    right: 0;
                    bottom: -140px;
                }
                .homediaporama_pagination span{
                    width: 40px;
                    height: auto;
                    border-radius: none;
                    background: none;
                    color: var(--wp--preset--color--nv-grey);
                    font-size: 26px;
                    font-weight: 300;
                    position: relative;
                    cursor: pointer;
                    text-align: center;
                    opacity: 1;
                    transition: color .2s ease-in-out;
                }
                .homediaporama_pagination span.swiper-pagination-bullet-active{
                    background: none;
                    color: var(--wp--preset--color--nv-blue-dark);
                }
                    .homediaporama_pagination span::after{
                        content: "";
                        position: absolute;
                        width: 6px;
                        height: 6px;
                        background: var(--wp--preset--color--nv-blue-dark);
                        position: absolute;
                        top: calc(50% - 3px);
                        right: -10px;
                        opacity: 0;
                        transition: opacity .2s ease-in-out;
                    }
                    .homediaporama_pagination span.swiper-pagination-bullet-active::after{
                        opacity: 1;
                    }

@media (max-width: 1500px) {

    .homediaporama{
        --homediaporama-right-width: 400px;
    }

}

@media (max-width: 1280px) {

    .homediaporama{
        --homediaporama-right-width: 180px;
    }
    .homediaporama::before{
        display: none
    }
    .homediaporama_slide-imagetitle-wrapper{
        padding-top: var(--wp--style--root--padding-left);
        max-width: calc(100% - var(--homediaporama-right-width) - var(--wp--style--root--padding-right) - var(--homediaporama-content-margin-left));
    }

    .homediaporama_anchor::after{
        display: none;
    }

}

@media (max-width: 1024px) {

    .homediaporama{
        height: 600px;
        padding-bottom: 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        --homediaporama-right-width: 100px;
    }
    .homediaporama_slide-imagetitle-wrapper {
        height: auto;
        max-width: calc(100% - var(--wp--style--root--padding-right) - var(--homediaporama-content-margin-left));
    }
    .homediaporama_slide-imagetitle {
        font-size: 60px;
    }
    .homediaporama_slide-caption{
        width: 300px;
        height: 300px;
        padding: 30px;
        right: var(--homediaporama-right-width);
        border-right: 5px solid var(--wp--preset--color--nv-beige);
    }
    .homediaporama_slide-caption-limiter{
        height: 192px;
    }
    .homediaporama_slide-title-part1{
        line-height: 32px !important;
    }
    .homediaporama_slide-title-part2{
        line-height: 32px !important;
    }
    .homediaporama_right{
        height: auto;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 4;
    }
    .homediaporama_right-top{
        display: none;
    }
    .homediaporama_right-bottom{
        height: 300px;
    }
    .homediaporama_anchor{
        display: none;
    }
    .homediaporama_pagination{
        width: 100px;
    }
    .homediaporama_pagination::after{
        display: none;
    }
    .homediaporama_pagination span{
        width: 32px;
        font-size: 20px;
    }

}

@media (max-width: 600px) {

    .homediaporama_slide-imagetitle {
        font-size: 52px;
    }
    .homediaporama_slide-caption{
        width: calc(100% - 100px);
        height: 200px;
        padding: 20px;
    }
    .homediaporama_slide-caption-limiter{
        height: 112px;
    }
    .homediaporama_slide-title-part1{
        line-height: 28px !important;
    }
    .homediaporama_slide-title-part2{
        line-height: 28px !important;
    }
    .homediaporama_right-bottom {
        height: 200px;
    }
    .homediaporama_pagination {
        gap: 0;
    }

}