body[data-template="home"] #work-page {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

/* 
LAYOUT
*/
#work_p-layout {z-index: 20;}
body[data-template="work"] #work_p-layout {top: 4rem;}

#work_p-layout img {
    width: 2rem;
    height: 2rem;
}

@media (hover: hover) {
    #work_p-layout a {transition: opacity 250ms;}
    #work_p-layout a:hover {opacity: .5;}
}



.work_p-section {padding-top: 0;}
/* 
GRID
*/
.work_p-grid-column {row-gap: var(--size-m);}


/* 
TABLE
*/
#work_p-table--list {grid-column: 1/-1;}
@media only screen and (min-width: 1096px) {
    #work_p-table--list {grid-column: 1/9;}

    .work_p-table--item figure {
        top: 0;
        left: calc(100% + var(--size));
        min-width: calc(calc(100vw - 13rem) / 12 * 4 + 3rem);
        max-width: calc(calc(100vw - 13rem) / 12 * 4 + 3rem);
        opacity: 0;
        transition: opacity 500ms;
    }
}

@media (hover: hover) {
    .work_p-table--item:hover figure {opacity: 1;}
}