/* Custom Projects Archive Page */
.progetto-archivio-content {
    padding  : var(--side-spacer);
    position : relative;
    align-items: start;
}
.sidebar {
    position: sticky;
}
.sidebar-archivio-item {
    border-bottom  : 1px solid var(--dark);
    display        : block;
    font           : var(--serif);
    padding        : 1rem 0;
    pointer-events : all;
}
.sidebar-archivio-item:hover {
    color : var(--accent);
}
/* Archive Page Intro */
.progetto-archivio-title {
    font : var(--serif-l);
    margin-bottom : 0.25rem;
}
.progetto-archivio-intro {
    font : var(--sans-m);
    margin-bottom : 1rem;
}
/* Single Edition Block */
.progetto-archivio-edizione {
    position : relative;
}
.progetto-edizione-slider-container {
    position : relative;
}
.progetto-edizione-slider-container::after {
    content : "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0) , transparent 10%);
    pointer-events: none;
}
.progetto-edizione-year {
    position : absolute;
    bottom   : 1.2rem;
    left     : 1rem;
    z-index  : 1;
    color    : var(--light);
}
.progetto-edizione-index {
    position : absolute;
    bottom   : 1.2rem;
    right    : 1rem;
    z-index  : 1;
    color    : var(--light);
}
.progetto-edizione-buttons {
    color           : var(--light);
    display         : flex;
    justify-content : center;
    gap             : 0.5rem;
    position        : absolute;
    bottom          : 1rem;
    right           : 5rem;
    left            : 5rem;
    z-index         : 1;
    margin-top : 0.5rem;
}
.progetto-edizione-index,
.progetto-edizione-year {
    font : var(--sans-m);
}
.progetto-edizione-slide {
    height: 70vmin;
}
.progetto-edizione-image {
    width: auto;
    height: 100%;
}
@media (width < 1450px) {
    .progetto-edizione-buttons {
        position              : static;
        color                 : var(--dark);
        display               : grid;
        grid-template-columns : 1fr 1fr;
        gap                   : 0.5rem;
    }

    .progetto-edizione-button {
        max-width: unset;
    }

    .progetto-edizione-index,
    .progetto-edizione-year {
        bottom : 3rem;
    }
}
/* Hide On Mobile */
@media (width <= 1100px) {
    .sidebar { display : none; }
}
/* Mobile Adjustments */
@media (width < 700px) {

    .progetto-edizione-year {
        position       : static;
        font           : var(--nav);
        color          : var(--light);
        text-transform : uppercase;
        background     : var(--dark);
        padding        : 0.25rem 0.5rem;
        margin-bottom  : 0.5rem;
    }

    .progetto-edizione-slider-container::after {
        background: linear-gradient(to top left, black , transparent 30%);
    }

}