@media only screen and (min-width: 1096px) {
    #work-page {margin-bottom: var(--size-xl);}
}


/* 
FILTERS
*/
#work_p-filters {
    top: calc(var(--size-l) - 1rem);
    column-gap: var(--size);
    background: white;
    margin: 0 -1rem;
    min-width: 100vw;
    max-width: 100vw;
}
@media only screen and (min-width: 768px) {
    #work_p-filters {top: calc(var(--size-l) - 2rem);}
}

#work_p-filters button {
    min-width: max-content;
    height: fit-content;
}

#work_p-filters ul {
    width: 100%;
    gap: var(--size-xxs);
}
#work_p-filters ul[data-status="hide"] {height: 0;}

#work_p-filters li.--unactive {opacity: .4;}



/* 
VIDEOS
*/
#work_p-videos {
    column-gap: var(--size-xs);
    row-gap: var(--size);
}

@media (hover: hover) {
    #work_p-filters button,
    #work_p-filters li {transition: opacity 500ms;}

    #work_p-filters button:hover,
    #work_p-filters li:hover {opacity: .4;}
}