#project-page,
#project_p-feed {row-gap: var(--size);}

#project_p-slideshow {
    min-width: 100vw;
    max-width: 100vw;
    padding-left: var(--size);
    column-gap: var(--size);
    overflow: hidden;
}

.project_p-slideshow--media {
    min-width: calc(calc(100vw - calc(var(--size) * 3)) / 2);
    max-width: calc(calc(100vw - calc(var(--size) * 3)) / 2);
    height: fit-content;
}

#project_p-details {
    max-width: 60rem;
    column-gap: .1em;
}

#project_p-nav {margin-top: var(--size);}

@media only screen and (min-width: 768px) {
    #project_p-description {margin: var(--size-m) 0;}

    .project_p-slideshow--media {
        min-width: calc(calc(100vw - calc(var(--size) * 4)) / 3);
        max-width: calc(calc(100vw - calc(var(--size) * 4)) / 3);
    }

    #project_p-details {padding-top: 0;}

    #project_p-nav {margin-top: var(--size-l);}
}

@media (hover: hover) {
    #project_p-nav a {transition: color 250ms;}
    #project_p-nav:hover a {color: var(--c-light) !important;}
    #project_p-nav a:hover {color: var(--c-gray) !important;}
}