.atlas_p-pagination p {grid-column: 1/2;}
.atlas_p-pagination nav {grid-column: 2/-1;}
.atlas_p-pagination a {display: inline-block;}

@media only screen and (min-width: 768px) {
    body {overflow: hidden;}
    .atlas-page {
        padding-top: 0;
        min-height: calc(var(--vh) * 100);
        height: calc(var(--vh) * 100);
        max-height: calc(var(--vh) * 100);
        overflow: hidden !important;
    }

    #atlas_p-large {display: grid !important;}

    .atlas_p-l-area {
        position: relative;
        grid-column: span 4;
        min-height: calc(var(--vh) * 100);
        height: calc(var(--vh) * 100);
        max-height: calc(var(--vh) * 100);
        min-width: calc(50vw + 1rem);
        width: calc(50vw + 1rem);
        max-width: calc(50vw + 1rem);
        padding: var(--topGuide) 0 2rem;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: whitesmoke;
    }
    #atlas_p-l-practices {
        margin-left: -1.5rem;
        z-index: 10;
    }

    .atlas_p-l-area-header {
        position: sticky;
        top: -4rem; /* Header height*/
        padding-top: 0;
        z-index: 5;
    }
    .atlas_p-l-area-header > a {grid-column: 1/2;}
    .atlas_p-l-area-header > button {grid-column: 2/-1;}

    .atlas_p-l-area-menu {
        position: fixed;
        top: 10rem;
        height: 0;
        padding: 0 1rem;
        z-index: 2;
        width: calc(50vw + 1rem);
    }
    .atlas_p-l-area-menu > * {grid-column: 2/-1;}

    /* STATUS */
    .atlas_p-l-area.--active {z-index: 20;}
    #atlas_p-l-artifacts.--active .atlas_p-l-area-header {width: 100%;}
    .atlas_p-l-area.blur {overflow-y: hidden;}
}

@media (hover: hover) {
    @media only screen and (min-width: 1024px) {
        .atlas-project-thumb {
            position: fixed;
            top: var(--topGuide);
            width: 50vw;
            aspect-ratio: 3/2;
            z-index: 80;
        }

        #atlas-project_thumb-artifact {left: 50vw; right: 0;}
        #atlas-project_thumb-practice {left: 0; right: 50vw;}

        .atlas-project-thumb figure {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            aspect-ratio: 3/2;
            background-color: lightgray;
            filter: blur(.25rem);
            opacity: 0;
            transition: opacity 500ms ease, filter 500ms ease;
        }
        .atlas-project-thumb figure.--no-crop {padding: 1rem;}

        .atlas-project-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .atlas-project-thumb figure.--no-crop img {object-fit: contain;}
    }
}

@media (hover: hover) {
    .atlas_p-l-area ul li,
    .atlas_p-l-area-menu a {transition: 500ms ease;}

    .atlas_p-l-area ul:hover li,
    .atlas_p-l-area-menu:hover a {
        opacity: .25;
        filter: blur(1px);
    }

    .atlas_p-l-area ul li:hover,
    .atlas_p-l-area-menu a:hover {
        opacity: 1;
        filter: blur(0);
    }
}