/* 
MOBILE AND TABLET
:
GRID
*/
#home_p-grid {
    column-gap: 0;
    row-gap: 2rem;
}

@media only screen and (min-width: 1096px) {
    /* 
    GRID
    */
    #home_p-grid {
        gap: 0 !important;
        width: 100%;
        z-index: 20;
    }

    .home_p-grid-item {min-height: 20dvh;}
    .home_p-grid-item:nth-child(7n+1) {grid-column: 1/2;}
    .home_p-grid-item:nth-child(7n+2) {grid-column: 3/4;}
    .home_p-grid-item:nth-child(7n+3) {grid-column: 5/6;}
    .home_p-grid-item:nth-child(7n+4) {grid-column: 7/-1;}
    .home_p-grid-item:nth-child(7n+5) {grid-column: 2/3;}
    .home_p-grid-item:nth-child(7n+6) {grid-column: 4/5;}
    .home_p-grid-item:nth-child(7n+7) {grid-column: 6/7;}

    .home_p-grid-item a {width: fit-content;}

    .home_p-grid--preview {
        top: 50dvh;
        left: 50vw;
        transform: translate(-50%, -50%);
        max-width: 60vw;
        width: fit-content;
        max-height: 80dvh;
        height: fit-content;
        opacity: 0;
    }


    /* 
    LIST
    */
    #home_p-list {
        position: sticky;
        top: 0;
        grid-column: 1/5;
        padding: 0 1rem;
        max-height: calc(50dvh - calc(var(--header-height) / 2));
        overflow-y: auto;
    }

    .home_p-list-item {
        padding: .7rem 0;
        border-bottom: .5px solid var(--c-gray);
    }
    .home_p-list-item.--header {position: sticky;top: 0;}

    .home_p-list-item a {display: grid !important;}
    .home_p-list-item p:first-of-type {grid-column: 1/3;}



    .home_p-list--preview {
        top: .7rem;
        right: .7rem;
        max-width: calc(calc(calc(calc(100vw - 14rem) / 7) * 2) + 2rem);
        width: fit-content;
        max-height: calc(50dvh - calc(var(--header-height) / 2));
        height: fit-content;
        opacity: 0;
    }
}


@media (hover: hover) {
    body[data-transition="false"] .home_p-list-item {transition: opacity 500ms;}
    #home_p-list ul:hover .home_p-list-item {opacity: .4 !important;}
    #home_p-list ul .home_p-list-item:hover {opacity: 1 !important;}
}