body[data-template="project"] {overflow: hidden;}

/* 
HOME
*/
#home[data-status="close"],
#home[data-status="close"] #h-info {height: fit-content;}
#home[data-status="close"] #h-about,
#home[data-status="close"] #h-info--lists,
#home[data-status="close"] #h-contact {height: 0;}
#home[data-status="close"] #h-nav {bottom: 0;}

#home[data-status="open"] {height: 100vh;}
#home[data-status="open"] #h-info {
    height: calc(100vh - 2.25rem);
    padding-bottom: 2.25rem;
}
#home[data-status="open"] #h-about {height: 50vh;}
#home[data-status="open"] #h-info--lists,
#home[data-status="open"] #h-contact {height: fit-content;}
#home[data-status="open"] #h-nav {bottom: var(--marquee-height);}

.h-work-item > * {width: 100%;}
#h-work-clients {column-gap: .5rem;}

#h-nav > * {width: 100%;}

@media only screen and (min-width: 1200px) {
    #home[data-status="close"] {height: 100vh;}
    #home[data-status="close"] #h-info {padding-bottom: 3.2rem;}
    /* #home[data-status="close"] #h-info {height: 100vh; padding-bottom: 3.2rem;} */
    #home[data-status="close"] #h-about {height: 50vh;}
    #home[data-status="close"] #h-info--lists,
    #home[data-status="close"] #h-contact {height: fit-content;}
}


/* 
PROJECT
*/
#project {padding-bottom: var(--marquee-height);}

#p-button {
    bottom: calc(var(--marquee-height) + 1rem);
    right: 1rem;
    z-index: 20;
}

.p-column {margin-bottom: .25rem;}
.p-column[data-c-width='1/1'],
.p-column[data-c-width='1/3'] {grid-column: 1/-1;}
.p-column[data-c-width='1/2'],
.p-column[data-c-width='1/4'] {grid-column: span 1;}
@media only screen and (min-width: 768px) {
    .p-column[data-c-width='1/2'] {grid-column: span 6;}
    .p-column[data-c-width='1/3'] {grid-column: span 4;}
    .p-column[data-c-width='1/4'] {grid-column: span 3;}

    .p-detail_list {
        flex-direction: row;
        justify-content: space-between;
    }
    .p-detail_list > * {width: 100%;}
    .p-detail_list dd {text-align: right;}

}

.p-detail_list:not(:last-of-type) {margin-bottom: 1rem;}