.project-page {
    min-height: calc(var(--vh) * 100);
    padding-left: 0;
    padding-right: 0;
}
@media only screen and (min-width: 1024px) {
    .project-page {padding: 0;}

    body[data-template-start = 'project'] {overflow-y: hidden !important;}
    
    body[data-template-current = 'project'],
    .project-page[data-barba-namespace = 'project'] {
        min-height: calc(var(--vh) * 100);
        height: calc(var(--vh) * 100);
        max-height: calc(var(--vh) * 100);
        margin-top: 0;
    }
}

.project-page > * {grid-column: 1/-1;}

/* 
HEADER
*/
.project_p-header {
    position: sticky;
    top: calc(8vw + 3.6rem);
    width: 100vw;
    padding: 0 1rem .7rem;
    background-color: white;
    z-index: 10;
}
.project_p-header > * {grid-column: 1/-1;}
.project_p-header span {display: block;}
@media only screen and (min-width: 768px) {
    .project_p-header {
        top: 5.75rem;
    }
}
@media only screen and (min-width: 1024px) {
    .project_p-header {
        position: fixed;
        top: 5rem;
        padding: 0 2.5rem 1rem;
        background-color: transparent;
    }
    .project_p-header > * {grid-column: -6/-1;}
    .project_p-header span {display: inline;}

    body.os-win .project_p-header,
    body.os-win .project_p-article {
        margin-left: -.75rem;
    }
}


/* 
DESCRIPTION
*/
.project_p-article {
    position: sticky;
    top: calc(calc(calc(8vw + 3.6rem) + 6rem) + 3.5rem);
    padding: 0 1rem;
    transition: transform 1s ease;
    z-index: 10;
}
@media only screen and (min-width: 1024px) {
    .project_p-article {
        position: fixed;
        top: calc(5rem + 2.2rem);
        left: 50vw;
        padding: 0 2.5rem 0 .5rem;
    }
}
.project_p-article.show {
    transition: 1s ease;
    opacity: 1;
}

/*
GALLERY
*/
.project_p-gallery {
    z-index: 5;
    margin-top: 10rem;
}

@media only screen and (min-width: 1024px) {
    /* Hide gallery from Project->parent('projects') but not from Project->parent('news') */
    .project_p-gallery.project_p-gallery-projects {
        display: none !important;
    }

    .project_p-gallery {
        position: absolute;
        top: calc(var(--vh) * 50);
        left: 0;
        right: 0;
        margin-top: 0;
    }
}