.slideshow-block {
    position: fixed;
    display: flex;
    flex-wrap: nowrap;
    min-width: 100vw;
    max-width: 100vw;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    justify-content: start;
    transform: translateY(calc(var(--vh) * 100));
    scroll-behavior: auto !important;
    will-change: scroll-position;
}
@media (hover: none) {
   .slideshow-block {
        overflow-y: unset;
        overflow-x: scroll !important;
   }
}

.slideshow_b-item {
    align-self: self-start;
    min-width: 100vw;
    max-width: 100vw;
    height: calc(var(--vh) * 70);
    display: flex;
    flex-direction: column;
    scroll-snap-align: center;
    will-change: scroll-position;
}
@media only screen and (min-width: 1024px) {
    .slideshow_b-item {
        align-self: unset;
        min-width: unset;
        max-width: unset;
        margin-right: 1rem;
    }
}

/* Links */
.slideshow_b-link a {height: 100%;}
body[data-template-current='project'] .slideshow_b-link a {cursor: default;}

/* Placeholders */
.slideshow_b-item .blocks-row:first-of-type img,
.slideshow_b-placeholder img {
    width: 100%;
    height: calc(var(--vh) * 70);
    object-fit: cover;
    object-position: center top;
}
@media only screen and (min-width: 1024px) {
    .slideshow_b-placeholder img,
    .slideshow_b-link img,
    .slideshow_b-item .blocks-row:first-of-type img {
        height: 100%;
    }
}


/* 
PROJECTS
*/
.slideshow-projects {
    top: calc(var(--vh) * 30);
    height: calc(var(--vh) * 70);
    scroll-snap-type: x mandatory;
}

body[data-template-start='home'] .slideshow-projects {transform: translateY(0);}
@media only screen and (min-width: 1024px) {
    body[data-template-start='projects'] .slideshow-projects,
    body[data-template-start='project'] .slideshow-projects {
        transform: translateY(0);
        overflow-x: hidden !important;
    }

    /* HOME or DEFAULT */
    .slideshow-projects {
        top: calc(var(--vh) * 34);
        height: calc(var(--vh) * 66);
        overflow-y: hidden !important;
    }

    body[data-template-start='projects'] .slideshow-projects {
        top: calc(var(--vh) * 50);
        height: calc(var(--vh) * 50);
        overflow-y: hidden !important;
    }

    body[data-template-start='project'] .slideshow-projects {
        position: absolute;
        top: 0;
        height: calc(var(--vh) * 100);
        overflow-y: scroll !important;
    }

    body[data-template-start='project'] .slideshow-projects > * {margin-top: 50vh;}

    body[data-template-current='home'] .slideshow-projects,
    body[data-template-current='projects'] .slideshow-projects,
    body[data-template-current='press'] .slideshow-projects {overflow-y: hidden !important;}

    body[data-template-current='project'] .slideshow-projects {overflow-y: scroll !important;}
}

.slideshow_b-item {scroll-snap-align: center;}
.slideshow_b-item .blocks-row:first-of-type {margin-top: 0 !important;}
@media only screen and (min-width: 1024px) {
    .slideshow-projects .slideshow_b-item {aspect-ratio: 3/2;}

    /* HOME or DEFAULT*/
    .slideshow-projects .slideshow_b-item {
        min-width: calc(var(--vh) * 99);
        max-width: calc(var(--vh) * 99);
        height: calc(var(--vh) * 66);
    }

    .slideshow_b-item .blocks-row:first-of-type img,
    .slideshow_b-placeholder img {
        height: 100%;
    }

    /* PROJECTS */
    body[data-template-start='projects'] .slideshow-projects .slideshow_b-item {
        min-width: calc(var(--vh) * 75);
        max-width: calc(var(--vh) * 75);
        height: calc(var(--vh) * 50);
    }

    /* PROJECT */
    body[data-template-start='project'] .slideshow-projects .slideshow_b-item {
        min-width: 100vw;
        max-width: 100vw;
        width: 100vw;
        height: fit-content;
    }
}



/* 
PRESS
*/
@media only screen and (min-width: 1024px) {
    .slideshow-block {display: flex !important;}
}

.slideshow-press {
    top: calc(var(--vh) * 50);
    height: calc(var(--vh) * 50);
    overflow: hidden !important;
}

body[data-template-start='press'] .slideshow-press {transform: translateY(0);}

.slideshow-press .slideshow_b-item {
    width: auto;
    height: calc(var(--vh) * 50);
    aspect-ratio: 1/1.294;;
}

.slideshow-press img {height: 100%;}