@media (min-width: 1020px) {
    .block_base-gallery {
        min-height: 100vh;
    }
}
.block_base-gallery {
    width:100vw;
    max-width: none;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(1, minmax(0, 1fr));
    /* background-color: #131716; */
    overflow: hidden;
}




@media (min-width: 1020px) {
    .block_base-gallery .container {
        padding: var(--spacing-8xl) 0;
    }
}
.block_base-gallery .container {
    overflow: hidden;
    width: 100%;
    max-width: unset;
    min-width: 0;
    grid-column: 1 / -1;
    position: relative;
    padding: var(--spacing-8xl) var(--spacing-xl) 0;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0px;
}


.block_base-gallery .container .slider-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding-bottom: var(--spacing-xl);
}



.block_base-gallery .container .slider-wrapper .swiper-prev.swiper-button-disabled, .block_base-gallery .container .slider-wrapper .swiper-next.swiper-button-disabled {
    opacity: .6;
    cursor: not-allowed;
}

.block_base-gallery .container .slider-wrapper .swiper-prev {
    left: 0;
    padding-left: 100px;
}
@media (min-width: 1020px) {
    .block_base-gallery .container .slider-wrapper .swiper-prev, .block_base-gallery .container .slider-wrapper .swiper-next {
        position: absolute;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        z-index: 3;
        min-width: 300px;
        height: 700px;
        cursor: pointer;
        visibility: visible;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        gap: 0px;
    }
}
.block_base-gallery .container .slider-wrapper .swiper-prev, .block_base-gallery .container .slider-wrapper .swiper-next {
    display: none;
    visibility: hidden;
    background-color: transparent;
    transition: all .6s ease-in-out;
}


.block_base-gallery .container .slider-wrapper .swiper-prev.swiper-button-disabled .icon, .block_base-gallery .container .slider-wrapper .swiper-next.swiper-button-disabled .icon {
    cursor: not-allowed;
}

.block_base-gallery .container .slider-wrapper .swiper-prev .icon, .block_base-gallery .container .slider-wrapper .swiper-next .icon {
    width: 48px;
    height: 48px;
    padding: 12px;
    border-radius: 4px;
    transition: opacity .4s ease-in-out;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0px;
}

.is-liquid-cta {
    background: #ffffff26;
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, .4);
    box-shadow: inset 0 0 0 .5px #ffffff40, 0 0 20px #0003;
    color: #ffffffe6;
    transition: all .6s ease-in-out;
    cursor: pointer;
    overflow: hidden;
}


.is-liquid-cta:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(145deg, #ffffff40, #ffffff0d);
    pointer-events: none;
}

.block_base-gallery .container .slider-wrapper .swiper-prev .icon svg, .block_base-gallery .container .slider-wrapper .swiper-next .icon svg {
    width: 100%;
    height: 100%;
    transition: all .4s ease-in-out;
}
.is-liquid-cta svg {
    mix-blend-mode: difference;
}


.block_base-gallery .container .slider-wrapper .swiper-next {
    right: 0;
    padding-right: 100px;
}

@media (min-width: 1020px) {
    .block_base-gallery .container .slider-wrapper .swiper-prev, .block_base-gallery .container .slider-wrapper .swiper-next {
        position: absolute;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        z-index: 3;
        min-width: 300px;
        height: 700px;
        cursor: pointer;
        visibility: visible;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        gap: 0px;
    }
}

.block_base-gallery .container .slider-wrapper .swiper-prev .icon, .block_base-gallery .container .slider-wrapper .swiper-next .icon {
    width: 48px;
    height: 48px;
    padding: 12px;
    border-radius: 4px;
    transition: opacity .4s ease-in-out;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0px;
}

.is-liquid-cta {
    background: #ffffff26;
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, .4);
    box-shadow: inset 0 0 0 .5px #ffffff40, 0 0 20px #0003;
    color: #ffffffe6;
    transition: all .6s ease-in-out;
    cursor: pointer;
    overflow: hidden;
}

.block_base-gallery .container .slider-wrapper .swiper.base-gallery {
    overflow: visible;
    width: 100%;
}

.block_base-gallery .container .slider-wrapper .swiper.base-gallery .swiper-wrapper .swiper-slide {
    width: auto;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0px;
}


.block_base-gallery .container .slider-wrapper .swiper.base-gallery .swiper-wrapper .swiper-slide picture {
    position: relative;
    z-index: 1;
    display: block;
    height: 450px;
}

@media (min-width: 700px) {
    .block_base-gallery .container .slider-wrapper .swiper.base-gallery .swiper-wrapper .swiper-slide picture {
        height: 500px;
    }
}

@media (min-width: 1020px) {
    .block_base-gallery .container .slider-wrapper .swiper.base-gallery .swiper-wrapper .swiper-slide picture {
        height: 700px;
    }
}

.block_base-gallery .container .slider-wrapper .pagination-wrapper {
    width: 100%;
    position: relative;
    z-index: 3;
    display: none;
    visibility: hidden;
}


.block_base-gallery .container .slider-wrapper .pagination-wrapper .base-gallery-pagination {
    top: unset;
    bottom: unset;
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}


.block_base-gallery .container .slider-wrapper .pagination-wrapper {
    width: 100%;
    position: relative;
    z-index: 3;
    display: none;
    visibility: hidden;
}


.block_base-gallery .container .slider-wrapper .scrollbar-wrapper {
    width: 100%;
    max-width: 600px;
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0px;
}


.block_base-gallery .container .slider-wrapper .scrollbar-wrapper .base-gallery-scrollbar {
    position: relative;
    width: 100%;
    height: 4px;
    border-radius: 0;
    background: rgba(255, 255, 255, .2);
    touch-action: none;
    cursor: pointer;
}

.block_base-gallery .container .slider-wrapper .scrollbar-wrapper .base-gallery-scrollbar .swiper-scrollbar-drag {
    background: #fff;
    height: 4px;
    border-radius: 0;
}
.block_base-gallery .container { justify-content: flex-start; }
.block_base-gallery .container .slider-wrapper { min-width: 0; max-width: 100%; align-items: stretch; }
.block_base-gallery .container .slider-wrapper .swiper.base-gallery { min-width: 0; max-width: 100%; }
.block_base-gallery .container .slider-wrapper .scrollbar-wrapper { align-self: center; }

/* Fixed slides-per-view (ACF): image fills its slide instead of its natural width.
   Mobile value only affects < 1000px, desktop value only >= 1000px. */
@media (max-width: 999px) {
    .block_base-gallery .swiper.base-gallery[data-slides-mobile] .swiper-slide picture,
    .block_base-gallery .swiper.base-gallery[data-slides-mobile] .swiper-slide picture img {
        width: 100%;
        object-fit: cover;
    }
}
/* Desktop: every image keeps its own proportions at the fixed height, capped to
   height x max-ratio wide, and sits horizontally centred in its slide
   (works with "auto" slides and with a fixed slides-per-view). */
@media (min-width: 1000px) {
    .block_base-gallery .swiper.base-gallery {
        --gallery-height: 700px;
        --gallery-max-ratio: 1.5;
    }
    .block_base-gallery .swiper.base-gallery .swiper-slide {
        justify-content: center;
    }
    .block_base-gallery .swiper.base-gallery .swiper-slide picture {
        width: auto;
        max-width: min(100%, calc(var(--gallery-height) * var(--gallery-max-ratio)));
    }
    .block_base-gallery .swiper.base-gallery .swiper-slide picture img {
        width: auto;
        max-width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.block_full-rich-text .block_base-gallery,
.rich-text .block_base-gallery {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}