/* ==========================================================================
   MINIMAL GRID THEME — LIGHTWEIGHT OVERLAY (ADDITIONAL STYLES ONLY)
   ========================================================================= */

.exhibition-theme-minimal_grid #experience-ui {
    background: var(--color-surface);
}

.exhibition-theme-minimal_grid .timeline {
    display: none;
}

.exhibition-theme-minimal_grid .link-editorial {
    color: var(--color-text-primary);
}

.exhibition-theme-minimal_grid #title-node {
    font-family: var(--font-serif);
}


/* --------------------------------------------------------------------------
   1. TABLET LANDSCAPE & MEDIUM SCREENS (1025px to 1400px, max-height 1024px)
   -------------------------------------------------------------------------- */
@media (min-width: 1025px) and (max-width: 1400px) and (max-height: 1024px) {

    .exhibition-theme-minimal_grid #active-art {
        max-width: 65vw;
        max-height: 52vh;
    }
}


/* --------------------------------------------------------------------------
   2. DESKTOP & LARGE SCREENS (From 1401px)
   -------------------------------------------------------------------------- */
@media (min-width: 1401px) {

    .exhibition-theme-minimal_grid #experience-ui {
        display: grid;
        grid-template-columns: 220px 1fr 220px;
        align-items: center;
        justify-content: stretch;
    }

    .exhibition-theme-minimal_grid #nav-group {
        display: contents;
    }

    .exhibition-theme-minimal_grid #prev-btn {
        grid-column: 1;
        justify-self: center;
    }

    .exhibition-theme-minimal_grid #next-btn {
        grid-column: 3;
        justify-self: center;
    }

    .exhibition-theme-minimal_grid .art-zone {
        grid-column: 2;
        position: relative;
        inset: auto;
        width: 100%;
        height: 100%;
        padding: 8vh 20px 18vh 20px;
        box-sizing: border-box;
    }

    .exhibition-theme-minimal_grid #active-art {
        max-height: 62vh;
        max-width: 60vw;
    }

    .exhibition-theme-minimal_grid .info-zone {
        position: absolute;
        bottom: 4vh;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        max-width: 50vw;
        text-align: center;
        align-items: center;
    }

    .exhibition-theme-minimal_grid #title-node {
        font-size: 1.15rem;
    }
}