/* Font Settings */

 @font-face {
  font-family: liberationSans;
  src: url(../fonts/LiberationSans-Regular.ttf);
  font-style: normal;
}

 @font-face {
  font-family: liberationSans;
  src: url(../fonts/LiberationSans-Italic.ttf);
  font-style: italic;
}

 @font-face {
  font-family: sourceSerif;
  src: url(../fonts/SourceSerif4Caption-Regular.otf);
  font-style: normal;
}

 @font-face {
  font-family: sourceSerif;
  src: url(../fonts/SourceSerif4Caption-It.otf);
  font-style: italic;
}

 @font-face {
  font-family: luxiMono;
  src: url(../fonts/luximr.ttf);
  font-style: normal;
}

 @font-face {
  font-family: luxiMono;
  src: url(../fonts/luximri.ttf);
  font-style: italic;
}

/* Global Styles */

:root {
    --white: rgb(252, 251, 246);
    --red: rgb(255, 45, 53);
    --brown: rgb(154, 57, 14);
    --purple: rgb(183, 170, 181);
    --purple-hover: rgb(163, 150, 161);
    --purple-active: rgb(231, 227, 231);
    --blue: rgb(140, 178, 232);
    --blue-hover: rgb(88, 144, 222);
    --green: rgb(176, 232, 129);
    --green-hover: rgb(156, 212, 109);
    --gray: rgb(195, 194, 182);
    --gray-80: rgb(207, 207, 197);
    --gray-hover: rgb(214, 213, 205);
    --off-black: rgb(17, 20, 21);
    --orange: rgb(255, 158, 96);
    /* inverted */
    --invert-black: rgb(81, 81, 81);
    --invert-brown: rgb(175, 24, 3);
    --invert-green: rgb(192, 103, 15);
    --invert-blue: rgb(163, 79, 25);
    --invert-blue-hover: rgb(123, 63, 25);
    --invert-orange: rgb(101, 101, 81);
    --invert-orange-text: rgb(162, 100, 61);
    --invert-white: rgb(98, 194, 232);
    --invert-gray: rgb(207, 87, 19);
    --invert-gray-80: rgb(217, 92, 22);
    --invert-gray-button: rgb(237, 139, 30);
}

* {
    padding: 0;
    margin: 0;
}

body {
    background-color: black;
    font-family: sourceSerif, serif;
    font-size: 17px;
    line-height: 24px;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

body#home {
    overflow: hidden;
}

a:link, a:visited {
    color: inherit;
    text-decoration: none;
}

.text-body a:link, .caption a:link {
    text-decoration: underline;
    text-underline-offset: 2.5px;
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    hyphens: auto;
}

.text-body a:hover, .caption a:hover {
    color: var(--brown);
}

.uppercase {
    text-transform: uppercase;
}

img {
    display: block;
}

model-viewer {
    width: 100%;
    height: 100%;
}

.liberation {
    font-family: liberationSans;
    font-size: 31px;
    line-height: 33px;
    text-transform: uppercase;
    letter-spacing: 0.008em;
}

.liberation.title {
    word-break: break-word;
}

header .baseline-shift {
    margin-top: 7px;
}

.luxi {
    font-family: luxiMono, monospace;
    font-size: 13px;
    line-height: 13px;
}

.display {
    font-size: 20px;
}

code {
    font-family: sourceSerif, serif;
    font-size: 13px;
    letter-spacing: 0.05em;
    margin: -2px 4px 0 2px;
    vertical-align: text-top;
    line-height: 17px;
}

figcaption, .caption {
    font-size: 13px;
    line-height: 17px;
}

figcaption p, .caption p {
    padding-bottom: 6px;
}

figcaption p:last-child, .caption p:last-child {
    padding-bottom: 0;
}

.text-body p:not(:last-child) {
    padding-bottom: 24px;
}

.text-body.caption p:not(:last-child) {
    padding-bottom: 17px;
}

.text-body strong {
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.015em;
}

.text-body h1 {
    font-size: 20px;
    font-weight: normal;
    display: block;
    text-align: center;
    max-width: calc((((100% - 43px) / 4) * 2) + 30px);
    margin: 0 auto;
    padding: 24px 0 48px 0;
}

.text-body h1:last-child {
    padding-bottom: 24px;
}

.text-body h6 {
    font-weight: normal;
    font-size: inherit;
    padding-left: 26px;
}

.text-body h6:not(:last-child) {
    padding-bottom: 24px;
}

.text-module .text-body ol, .text-module .text-body ul {
    margin-left: 26px;
}

    .text-module .text-body li {
        margin-bottom: 24px;
    }

.grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 13px;
    align-items: start;
}

#border {
    position: fixed;
    top: 13px;
    right: 13px;
    bottom: 13px;
    left: 13px;
    border: 1px solid rgb(209,80,204);
    z-index: 7;
    pointer-events: none;
}

#nav {
    grid-column: 1/-1;
    row-gap: 0;
    position: fixed;
    top: 13px;
    right: 13px;
    left: 13px;
    z-index: 6;
}

    a.active.tab {
        background-color: var(--purple-active);
    }

    a.tab {
        background-color: var(--purple);
        padding: 6px 6px;
        position: relative;
        text-decoration: none;
        /* cursor: pointer; */
        user-select: none;
    }

    a.tab:not(.active):hover {
        background-color: var(--purple-hover);
    }

    a.tab.active:hover {
        background-color: var(--purple);
    }

    #nav #nav-split-right.grid {
        grid-column: 2/-1;
        grid-template-columns: repeat(7, 1fr);
    }
        
    #nav .dropdown {
        padding-top: 1px;
        grid-row: 2;
        display: grid;
        gap: 1px;
        display: none;
    }

    #nav .dropdown:hover, a.tab.dropdown-parent:hover + div.dropdown {
        display: grid !important;
    }

        #nav .dropdown a.tab {
            display: flex;
            gap: 6px;
            line-height: 17px;
            padding: 4px 6px;
        }

        #nav .dropdown a.tab::first-line {
            line-height: 13px;
        }

            #nav .dropdown a.tab span:nth-child(2) {
                flex: 1;
            }

.label p {
    padding: 6px;
}

svg.arrow {
    width: 8px;
    min-width: 8px;
    max-width: 8px;
}

    svg.arrow .indicator {
        fill: none;
        stroke: #000;
        stroke-width: 2px;
    }

.button {
    display: flex;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: var(--gray);
    cursor: pointer;
}

.tall.button {
    height: 48px;
}

    .button:not(.null):hover {
        background-color: var(--gray-hover);
    }

        .button:not(.null):hover svg .indicator {
            stroke: var(--blue-hover);
        }

#page-footer {
    grid-column: 2/span 6;
    margin-top: 39px;
    margin-bottom: 17px;
    z-index: 2;
}

footer {
    position: fixed;
    left: 13px;
    bottom: 13px;
    right: 13px;
    z-index: 4;
}

    a#logo {
        grid-column: 1/-1;
        background-color: var(--white);
        color: var(--brown);
        padding: 6px 6px;
        font-family: liberationSans, sans-serif;
        text-transform: uppercase;
        font-size: 31px;
        line-height: 27px;
        letter-spacing: 0.008em;
        display: flex;
        column-gap: 9px;
    }

        #home a#logo {
            flex-direction: column;
        }

        a#logo:hover {
            color: var(--red);
        }

    .red {
        color: var(--red);
    }

#tape {
    background-color: black;
    position: fixed;
    height: 13px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6;
}

/* FIXED HEIGHTS / ARCHITECTURE */

#home .slides {
    height: calc(100vh - 160px);
}

#canvas, main#layer-1 {
    height: calc(100vh - 78px);
}

#canvas {
    background-color: var(--white);
    position: fixed;
    top: 13px;
    right: 13px;
    bottom: 13px;
    left: 13px;
    z-index: 2;
}

main#layer-0 {
    margin: 13px;
    min-height: calc(100vh - 28px); 
    position: fixed;
    right: 0;
    left: 0;
    z-index: 0;   
}

    .blank-column {
        border-left: 1px solid rgb(118,225,26);
        border-right: 1px solid rgb(118,225,26);
        height: 100%;
    }

main#layer-1-mirror {
    margin: 0 13px;
    padding-bottom: 65px;
    position: absolute;
    top: 13px;
    right: 0;
    left: 0;
    z-index: 1;
    /* overflow-x: hidden; */
}

main#layer-1 {
    margin: 0 13px;
    top: 13px;
    right: 0;
    left: 0;
    z-index: 3;
    position: fixed;
    overflow: hidden;
}

/* HOME */

    #sticker {
        position: fixed;
        top: calc(50vh - 80px);
        left: 0;
        right: 0;
        min-height: 338px;
        /* max-height: 507px; */
        width: 100%;
        transform: translateY(-50%) rotate(-.5deg);
        mix-blend-mode: multiply;
        /* opacity: .95; */
        display: none;
        z-index: 5;
        pointer-events: none;
    }

    #sticker.fade-in {
        animation: in .5s ease-in;
    }

    #sticker.fade-out {
        animation-name: out;
        animation-duration: .5s;
    }
    @keyframes in {
        0% {
            opacity: 0;
        }
        100% {
            opacity: .95;
        }
    }

    @keyframes out {
        100% {
            opacity: 0;
        }
    }

    #home header {
        position: fixed;
        top: 51px;
        left: 13;
        font-size: 20px;
        color: var(--brown);
        z-index: 5;
    }

        #home header a {
            padding: 1px 6px 2px 6px;
            background-color: var(--white);
            display: flex;
            gap: 6px;
        }

        #home header a:hover {
            color: var(--red);
        }
        
    #home .slides {
        grid-column: 1/-1;
        display: flex;
        gap: 13px;
        position: relative;
    }

        #home .slide {
            height: 100%;
            position: absolute;
            top: 0;
            width: 100%;
            background-color: var(--brown);
        }

                #home .slide .subhead {
                    position: absolute;
                    top: 87px;
                    left: 0;
                    right: 0;
                    color: black;
                    z-index: 4;
                    row-gap: 0;
                }
        
                #home .slide .subhead div {
                    grid-column: 1/span 3;
                }
        
                    #home .slide .subhead div p {
                        padding: 1px 6px 2px 6px;
                        background-color: var(--blue);
                        display: inline-block;
                    }

                    #home .slide .subhead:hover div p {
                        background-color: var(--blue-hover);
                    }

        #home .slide:not(.active) {
            transform: translateX(calc(100% + 15px));
        }

        #home .slide-in {
            animation: slide-in ease-out 2s forwards;
        }

        @keyframes slide-in {
            100% { transform: translateX(0); }
        }

        #home .slide-out {
            animation: slide-out ease-out 2s forwards;
        }

        @keyframes slide-out {
            100% { transform: translateX(calc(-100% - 15px)); }
        }

        #home .slide img {
            width: 100%;
            height: 100%;
            overflow: hidden;
            object-fit: cover;
        }
    
/* PAGES */

    main .overflow-wrap {
        padding-top: 25px;
        height: calc(100% - 25px);
        grid-template-rows: auto 1fr;
        row-gap: 39px;
    }

    main .overflow-wrap .season-indicator {
        grid-column: 1/-1;
        margin-top: 1px;
        padding: 6px;
    }

        main .overflow-wrap .season-indicator a:hover {
            color: var(--blue-hover);
        }

    main .overflow-wrap .page-content {
        height: 100%;
        grid-column: 1/-1;
        row-gap: 39px;
        align-content: start;
    }

/* TRANSLATION */

    .latvian {
        display: none;
    }

    .translate {
        position: absolute;
        display: flex;
        font-family: liberationSans;
        font-size: 16px;
        line-height: 14px;
        top: 0px;
        right: 0px;
    }

        .translate .en, .translate .lv {
            padding: 6px;
            background-color: var(--white);
            cursor: pointer;
        }

        .translate .en:hover, .translate .lv:hover {
            background-color: var(--brown);
        }

        .translate .lv {
            background-color: var(--orange);
        }

/* SEASONS */

    #season header.nav {
        grid-column: 1/span 3;
        row-gap: 39px;
    }

        #season header.nav .subnav {
            grid-column: 1/-1;
            display: flex;
            flex-flow: column;
            align-items: flex-start;
        }

            #season header.nav .subnav a {
                padding: 6px;
            }

                #season header.nav .subnav a:hover {
                    background-color: var(--green);
                }

            #season header.nav .subnav a.active {
                background-color: var(--green);
            }

                #season header.nav .subnav a.active:hover {
                    background-color: var(--green-hover);
                }

/* Table of Contents */

    #season header.season-title {
        grid-column: 2/span 6;
        color: var(--brown);
    }

    #season #banner-images {
        grid-column: 2/span 6;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 13px;
    }

        #season #banner-images figure {
            grid-column: span 2;
            aspect-ratio: 1/1;
        }

            #season #banner-images figure img {
                width: 100%;
                height: 100%;
                overflow: hidden;
                object-fit: cover;
            }

    #season ul#contents-list {
        grid-column: 2/span 4;
        list-style: none;
    }

        #season ul#contents-list li:not(:last-child) {
            margin-bottom: 39px;
        }

            #season ul#contents-list li a {
                display: inline-block;
            }

            #season ul#contents-list li a:hover .title {
                /* text-decoration: underline;
                text-decoration-thickness: 1px;
                text-underline-offset: 5px; */
                color: var(--blue-hover);
            }

            #season ul#contents-list li .name {
                padding: 3px 0;
            }
            
            #season ul#contents-list li .tags {
                color: var(--blue-hover);
            }

/* Curatorial Note */

    #translate-note.translate {
        top: 204px;
    }

        #curatorial-note #translate-note.translate {
            top: 64px;
        }

    #season figure#note-cover, 
    #curatorial-note figure#note-cover {
        grid-column: 2/span 4;
        aspect-ratio: 1.618/1;
    }

        #season figure#note-cover img, 
        #curatorial-note figure#note-cover img {
            width: 100%;
            height: 100%;
            overflow: hidden;
            object-fit: cover;
        }
    
    #season #note, 
    #curatorial-note #note {
        grid-column: 1/-1;
        row-gap: 24px;
    }

        #season #note .text-body, 
        #curatorial-note #note .text-body {
            grid-column: 3/span 4;
        }

        #season #note .insert-media, 
        #curatorial-note #note .insert-media {
            grid-column: 4/span 2;
            margin: 9px 0;
        }

            #season #note .insert-media img, 
            #curatorial-note #note .insert-media img {
                width: 100%;
            }

        #season #note .text-body.bio, 
        #curatorial-note #note .text-body.bio {
            padding-top: 41px;
            color: var(--brown);
        }

        /* Site Curatorial Note */
        #curatorial-note main .overflow-wrap .page-content {
            margin-top: 39px;
        }

        
        #curatorial-note header.season-title {
            grid-column: 2/span 4;
            color: var(--brown);
        }


/* Participants */

    #season ul#people {
        grid-column: 1/-1;
    }

        #season ul#people li.person {
            row-gap: 28px;
        }

            #season ul#people li.person header.name {
                grid-column: 2/span 6;
                margin-bottom: 6px;
            }

            #season ul#people li.person header.name.active {
                margin-bottom: 0;
            }

                #season ul#people li.person header.name .expand-wrap {
                    display: inline-flex;
                    gap: 9px;
                    cursor: pointer;
                }

            #season ul#people li.person .abstract {
                grid-column: 2/-1;
                grid-template-columns: repeat(7, 1fr);
                row-gap: 24px;
                margin-bottom: 27px;
                display: none;
                position: relative;
            }

                #season ul#people li.person .abstract .translate {
                    position: absolute;
                }

                #season ul#people li.person .abstract header.project-title {
                    grid-column: 4/span 2;
                    text-align: center;
                    min-width: 269px;
                }

                #season ul#people li.person .abstract .text-body {
                    grid-column: 3/span 4;
                }

                #season ul#people li.person .abstract figcaption {
                    grid-column: 2/span 2;
                    margin-top: 9px;
                }

                    #season ul#people li.person .abstract figcaption p {
                        padding: 0;
                        margin-bottom: 17px;
                    }

                #season ul#people li.person .abstract figure {
                    grid-column: 4/span 2;
                    margin: 9px 0;
                }

                    #season ul#people li.person .abstract figure img {
                        width: 100%;
                    }

                #season ul#people li.person .abstract .text-body.bio {
                    color: var(--brown);
                }

            #season .person header.name svg {
                margin-top: 11px;
                cursor: pointer;
            }

            #season .person header.name.active .expand-wrap, #season .person header.name .expand-wrap:hover {
                color: var(--brown);
            }

            #season .person header.name.active .expand-wrap svg .indicator, #season .person header.name .expand-wrap:hover svg .indicator {
                stroke: var(--brown);
            }

            #season .person header.name.active .expand-wrap svg {
                transform: rotate(90deg);
            }

            #season .person header.name.active .expand-wrap:hover {
                color: var(--red);
            }

            #season .person header.name.active .expand-wrap:hover svg .indicator {
                stroke: var(--red);
            }

    #season figure#participants-cover {
        grid-column: 5/span 2;
    }

        #season figure#participants-cover img {
            width: 100%;
        }

/* PROJECT */

        #project #canvas {
            width: calc(50% - 20px);
        }

        #project #nav {
            width: calc(50% - 20px);
            grid-template-columns: repeat(4, 1fr);
        }

            #project #nav #nav-split-right.grid {
                grid-column: 2 / span 3;
                grid-template-columns: repeat(3, 1fr);
                row-gap: 1px;
            }

                #project #nav .dropdown {
                    position: fixed;
                    top: 38px;
                    width: calc((((100% - 117px) / 8) * 2) + 13px);
                }

            #project header#project-title {
                margin-top: 26px;
            }

        #project section {
            grid-column: span 4;
            grid-template-columns: repeat(4, 1fr);
            row-gap: 39px;
        }

        #project section#left {
            height: calc(100% + 39px);
            min-height: calc(100vh - 142px);
        }

            #project section#left .scroll-wrap.grid {
                grid-template-columns: repeat(4, 1fr);
                align-content: start;
                grid-template-rows: auto auto auto 1fr auto;
                row-gap: 39px;
                height: 100%;
            }
                
        #project section#right {
            margin-top: -25px;
            grid-column: 5/span 4;
            row-gap: 13px;
        }

        #project .season-indicator {
            grid-column: 1/span 3;
        }
        
        #project header#project-title {
            grid-column: 1/span 3;
            margin-top: -2px;
        }

            #project header#project-title p {
                padding: 1px 6px 2px 6px;
            }

    /* text */

        #project #text-label {
            grid-column-start: 1;
        }

            #project #text-label p {
                display: inline-block;
                background-color: var(--blue);
            }

        #project #text-expand.button {
            grid-column: 4;
            justify-self: end;
            margin-top: -12px;
        }

        #project .text-module {
            grid-column: 1/-1;
            grid-template-columns: repeat(4, 1fr);
            row-gap: 24px;
        }

            #project .text-module .text-body {
                grid-column: 1/span 4;
            }

                #project .text-module .text-body p {
                    padding-left: 6px;
                    padding-right: 24px;
                }

            #project .text-module figcaption.insert-media {
                grid-column: 1/span 1;
            }

                #project .text-module figcaption.insert-media p {
                    padding-left: 6px;
                    padding-bottom: 0;
                    margin-bottom: 17px;
                }

                #project .text-module figcaption.insert-media p:last-child {
                    margin-bottom: 0;
                }
            
            #project .text-module figure.insert-media {
                grid-column: 2/span 2;
            }

                #project .text-module figure.insert-media img {
                    width: 100%;
                }

                /* #project .text-module figure.insert-media iframe {
                    width: 100%;
                    height: auto;
                    aspect-ratio: 16/9;
                }
             */
        #project #page-footer {
            grid-column: 1/span 4;
            /* margin-top: 0; */
            margin-bottom: 6px;
            align-self: end;
        }

            #project #page-footer p {
                padding-left: 6px;
            }

    /* text panel OPEN */
        #project #canvas-panel-mirror {
            display: none;
            visibility: hidden;
        }
        
        #project .panel-open #canvas-panel-mirror {
            display: unset;
            visibility: unset;
            width: calc((((100% - 117px) / 8) * 7) + 78px);
            height: calc(100vh - 78px);
            background-color: var(--white);
            position: fixed;
            top: 13px;
            right: 13px;
            bottom: 13px;
            left: 13px;
            z-index: 1;
        }
        
        /* #project .panel-open section#left {
            position: absolute;
            width: calc((((100% - 91px) / 8) * 7) + 78px);
            grid-template-columns: repeat(7, 1fr);
            background-color: var(--white);
            z-index: 2;
        } */

        #project .panel-open section#left {
            position: fixed;
            width: calc((((100vw - 91px) / 8) * 7) + 55px);
            top: 0;
            height: calc(100vh - 102px);
            margin: 13px 0;
            padding-top: 25px;
            /* padding-right: 2px; */
            z-index: 2;
            overflow-y: auto;
            scrollbar-color: var(--gray) var(--gray-hover);
            scrollbar-gutter: stable;
            transform: translate3d(0, 0, 0);
        }

            #project .panel-open section#left .scroll-wrap.grid {
                grid-template-columns: repeat(7, 1fr);
            }
            
                #project #layer-1-mirror.panel-open section#left {
                    height: auto;
                    /* width: calc((((100vw - 91px) / 8) * 7) + 39px); */
                }

                #project .panel-open section#left .scroll-wrap.grid #text-expand.button {
                    grid-column: 7;
                }

                    #project .panel-open section#left .scroll-wrap.grid #text-expand.button svg {
                        transform: rotate(180deg);
                    }

                #project .panel-open section#left .scroll-wrap.grid .text-module {
                    grid-template-columns: repeat(7, 1fr);
                }

                    #project .panel-open section#left .scroll-wrap.grid .text-module .text-body {
                        grid-column: 2/span 5;
                    }

                        #project .panel-open section#left .scroll-wrap.grid .text-module .text-body p {
                            padding-left: 0;
                            padding-right: 0;
                        }

                    #project .panel-open section#left .scroll-wrap.grid .text-module figcaption.insert-media {
                        grid-column: 1/span 2;
                    }

                    #project .panel-open section#left .scroll-wrap.grid .text-module figure.insert-media {
                        grid-column: 3/span 3;
                    }

            #project .panel-open #page-footer {
                grid-column: 2/span 5;
                padding-bottom: 17px;
            }

                #project .panel-open #page-footer p {
                    padding-left: 0;
                }
    
    /* FILE Modules */

        #project .module {
            grid-column: 1/-1;
            background-color: var(--gray);
            border-bottom: 1px solid var(--gray);
        }

                #project #left .module {
                    display: none;
                }

            #project .module .top-bar {
                background-color: var(--blue);
                padding: 7px 6px 6px 6px;
            }

            #project .module .navbar {
                padding: 2px;
                display: flex;
                gap: 2px;
                background-color: var(--gray-hover);
            }

                #project .module .navbar .button {
                    border: 1px solid var(--blue);
                }

                #project .module .navbar .button.null {
                    border: 1px solid var(--gray);
                    cursor: default;
                }

                #project .module .navbar .button:not(.null):hover {
                    border: 1px solid var(--blue-hover);
                }

                #project .button:not(.null):active {
                    background-color: var(--gray-80);
                    transform: scale(97%);
                }

                #project .module .button:not(.null):active {
                    margin: 1px 0 -1px 0;
                }

                    #project .module .navbar .button svg {
                        stroke: black;
                        fill: none;
                        padding: 2px;
                    }

                    #project .module .navbar .button.null svg {
                        opacity: .2;
                    }

                    #project .module .navbar .button.arrow svg {
                        padding: 6px;
                    }

                    #project .module .navbar .button.arrow.right svg {
                        transform: rotate(180deg);
                    }

                    #project .module .navbar .button:not(.null):hover svg {
                        stroke: var(--blue-hover);
                        fill: none;
                    }

                #project .module .navbar .minimize.button {
                    display: none;
                }

                    #project .module .navbar .minimize.button svg {
                        width: 20px;
                        height: 20px;
                    }

            #project .module .slides.off,
            #project .module .thumbnails.off {
                display: none;
            }

        /* slides */
            
            #project .module.fixed-ratio {
                aspect-ratio: 1/1;
                position: relative;
                padding-top: 19px;
            }

                #project .module.fixed-ratio .top-bar {
                    margin-top: -19px;
                }

            #project .module .slides {
                display: grid;
                grid-template-columns: auto 1fr;
            }

                #project .module .slides .navbar {
                    flex-direction: column;
                }

                #project .module .slides figure.slide {
                    position: absolute;
                    top: 26px;
                    right: 0;
                    bottom: 0;
                    left: 30px;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    background-color: var(--off-black);
                }

                #project .module .slides figure.slide:not(.active) {
                    display: none;
                }

                    #project .module .slides figure.slide img {
                        width: 100%;
                        height: 100%;
                        overflow: hidden;
                        object-fit: contain;
                        object-position: top;
                        margin: 0 auto;
                    }

                    /* #project .module .slides figure.slide iframe {
                        width: 100%;
                        height: auto;
                        aspect-ratio: 16/9;
                    } */

                    #project .module .slides figure.slide img.icon {
                        width: 33%;
                        object-position: center;
                    }

                    #project .module .slides figure.slide figcaption {
                        padding: 3px;
                        display: grid;
                        grid-template-columns: auto 1fr;
                        gap: 0 6px;
                        background-color: var(--white);
                    }

                        #project .module .slides figure.slide figcaption p {
                            padding-right: 6px;
                        }

                        #project .module .slides figure.slide figcaption p:last-child {
                            padding-bottom: 0;
                        }

                #project .module .slides figure.slide.audio {

                }

                    #project .module .slides figure.slide.audio audio {
                        width: 100%;
                    }
            
        /* thumbnails */

            #project .module .thumbnails {
                display: grid;
                grid-template-rows: 1fr auto;
                background-color: var(--gray);
            }

                #project .module .thumbnails .thumbs-wrap {
                    display: grid;
                    grid-template-columns: repeat(4, 1fr);
                    column-gap: 13px;
                    align-content: start;
                }

                #project .module .thumbnails figure {
                    aspect-ratio: 1/1.1;
                    display: grid;
                    grid-template-rows: 1fr auto;
                    background-color: var(--off-black);
                    cursor: pointer;
                }

                #project .module .thumbnails figure:hover {
                    color: var(--blue-hover);
                }

                #project .module .thumbnails figure:active {
                    margin: 1px 0 -1px 0;
                    transform: scale(99%);
                }

                    #project .module .thumbnails figure img {
                        width: 100%;
                        height: 100%;
                        overflow: hidden;
                        object-fit: contain;
                        object-position: top;
                        margin: 0 auto;
                    }
                    
                        #project .module .thumbnails figure.video iframe {
                            pointer-events: none;
                        }

                    #project .module .thumbnails figure img.icon {
                        width: 33%;
                        object-position: center;
                    }
                    

                    #project .module .thumbnails figure figcaption {
                        background-color: var(--gray);
                        line-height: 13px;
                    }

                        #project .module .thumbnails figure figcaption p {
                            display: inline-block;
                            padding: 0 0 1px 0;
                            background-color: var(--white);
                        }

                #project .module .thumbnails .navbar {
                    grid-column: 1/-1;
                }

        /* FULLSCREEN on */

            #project .module.expand {
                position: fixed;
                top: 13px;
                right: 13px;
                bottom: 13px;
                left: 13px;
                background-color: rgba(0, 0, 0, .9);
                z-index: 6;
            }

                #project .media.module.expand {
                    background-color: rgba(0, 0, 0, .9);
                }

                #project .module.expand .top-bar {
                    margin: 13px 13px 0 13px;
                }
                
                #project .module.expand .navbar .fullscreen.button {
                    display: none;
                }

                #project .module.expand .navbar .minimize.button {
                    display: unset;
                }

                #project .module.expand .slides {
                    margin: 0 13px 13px 13px;
                    height: calc(100% - 51px);
                }

                    #project .module.expand .slides figure.slide {
                        /* position: unset;
                        width: 100%;
                        height: 100%; */
                        top: 38px;
                        right: 13px;
                        bottom: 13px;
                        left: 43px;
                    }

                        #project .module.expand .slides figure.slide img {
                            width: auto;
                            height: auto;
                            max-width: 100%;
                            max-height: 100%;
                            overflow: hidden;
                            object-fit: contain;
                            margin: auto;
                        }

                        #project .module.expand .slides figure.slide img.icon {
                            width: 33%;
                        }

                        #project .module.expand .slides figure.slide.video div:first-child {
                            padding: 0 !important;
                            position: unset !important;
                            height: 100%;
                            width: 100%;
                            display: flex;
                            justify-content: center;
                        }

                            #project .module.expand .slides figure.slide.video iframe {
                                position: unset !important;
                                top: unset !important;
                                left: unset !important;
                                width: 100%;
                                height: 100%;
                                /* max-width: 1080px; */
                            }

                #project .module.expand .thumbnails {
                    height: calc(100% - 51px);
                    margin: 0 13px 13px 13px;
                    grid-template-rows: 1fr auto;
                }

                    #project .module.expand .thumbnails .thumbs-wrap {
                        height: 100%;
                        overflow-y: auto;
                        scrollbar-width: thin;
                        scrollbar-color: var(--gray) var(--gray-hover);
                    }

        /* media */

            #project .media.module {
                background-color: var(--gray-hover);
            }

        /* pdf */
            #project .module .slides figure.pdf.slide figcaption {
                grid-template-columns: auto auto 1fr;
            }

            #project section figure.pdf figcaption .download {
                grid-column-start: 3;
                padding-right: 3px;
            }

            #project section figure.pdf figcaption a {
                text-decoration: underline;
            }

            #project section figure.pdf figcaption a:hover {
                color: var(--brown);
            }
                    
        /* notes */

            #project .notes.module {
                padding-bottom: 7px;
            }

            #project .notes.module .top-bar {
                margin-bottom: 13px;
            }
    
            #project .notes.module .text-body ol {
                padding-left: 9px;
                list-style: none;
                counter-reset: notes-count;
            }

                #project .notes.module .text-body ol li {
                    counter-increment: notes-count;
                    padding-bottom: 7px;
                    display: flex;
                }

                    #project .notes.module .text-body ol li::before {
                    content: counter(notes-count) ".";
                    min-width: 19px;
                }

                #project .notes.module .text-body ol li:last-child {
                    padding-bottom: 0px;
                }
    
            #project .notes.module .text-body p {
                flex: 1;
                padding-right: 13px;
                padding-left: 6px;
            }

            #project .notes.module .text-body p:last-child {
                padding-bottom: 6px;
            }

        /* Module special */

            #project section#left #module-destination {
                visibility: hidden;
                display: none;
            }
        
/* ABOUT */
    #translate-about.translate {
        top: 64px;
    }

    #about main .overflow-wrap .page-content {
        margin-top: 39px;
    }

    #about header {
        grid-column: 3/span 4;
        color: var(--brown);
    }

    #about .grid.block {
        grid-column: 1/-1;
        row-gap: 39px;
    }

        #about .grid.block .label {
            grid-column: 2/span 1;
            margin-top: 6px;
        }

            #about .grid.block .label p {
                display: inline;
                background-color: var(--blue);
            }
        
        #about .grid.block .text-body {
            grid-column: 3/span 4;
        }

        #about .grid.block figure.insert-media {
            grid-column: 4/span 2;
        }

            #about figure.insert-media img {
                width: 100%;
            } 

        #about .grid.block figcaption.insert-media {
            margin-bottom: -26px;
            grid-column: 3/span 2;
        }

            #about .grid.block figcaption.insert-media div p:last-child {
                padding-bottom: 0;
            }

        #about .logos-wrap {
            grid-column: 3/span 4;
            grid-template-columns: repeat(4, 1fr);
        }

            #about .logos-wrap figure.logo {
                aspect-ratio: 1/1;
            }

                #about .logos-wrap figure.logo img {
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                    object-fit: contain;
                    object-position: top;
                }

                #about .logos-wrap figure.logo figcaption {
                    margin-top: 9px;
                }

/* PROJECTS INDEX */

    #projects-index .contents-nav {
        grid-column: 1/-1;
        margin-top: 39px;
        display: flex;
    }

        #projects-index .contents-nav .label {
            padding: 6px;
        }

        #projects-index .contents-nav ul.page-numbers {
            display: flex;
        }

            #projects-index .contents-nav li {
                padding: 6px;
                list-style: none;
            }

            #projects-index .contents-nav li.active {
                background-color: var(--green);
            }

            #projects-index .contents-nav li:hover {
                background-color: var(--green-hover);
            }

    #projects-index #next-page, #projects-index #prev-page {
        position: fixed;
        right: 13px;
        top: calc(50vh - 39px - 24px);
    }

    #projects-index #prev-page {
        left: 13px;
        transform: scaleX(-100%);
    }

    #projects-index header.season-title {
        grid-column: 2/span 4;
        color: var(--brown);
    }

    #projects-index .description {
        margin-top: -26px;
        grid-column: 2/span 4;
    }

    #projects-index ul#contents-list.grid {
        grid-column: 2/span 5;
        grid-template-columns: repeat(5, 1fr);
        row-gap: 39px;
    }

        #projects-index ul#contents-list.grid li {
            grid-column: span 2;
            list-style: none;
            margin-bottom: 39px;
        }

        #projects-index ul#contents-list.grid li:nth-child(even) {
            grid-column: 4/span 2;
        }

            #projects-index ul#contents-list.grid li .tag {
                background-color: var(--blue);
                display: inline-block;
                padding: 6px;
                margin-bottom: 13px;
            }

            #projects-index ul#contents-list.grid li a:hover {
                color: var(--blue-hover);
            }

                #projects-index ul#contents-list.grid li a:hover .tag {
                    color: black;
                    background-color: var(--blue-hover);
                }

            #projects-index ul#contents-list.grid li  figure img {
                width: 100%;
            }

            #projects-index ul#contents-list.grid li  .title {
                text-align: center;
                margin-top: 13px;
                margin-bottom: 13px;
            }

            #projects-index ul#contents-list.grid li  .dates {
                margin-top: 13px;
                color: var(--blue-hover);
                text-transform: uppercase;
            }

/* PROJECTS PAGE */
    .projects-page#project main .overflow-wrap .page-content {
        row-gap: 13px;
    }

    .projects-page#project #canvas {
        display: none;
    }

    .projects-page#project #nav {
        grid-column: 1/-1;
        grid-template-columns: repeat(8, 1fr);
        width: auto;
    }

    .projects-page#project section .card {
        grid-column: 1/-1;
        background-color: var(--white);
        padding: 13px 6px;
        display: flex;
        flex-flow: column;
        row-gap: 13px;
    }

    .projects-page#project section .luxi.blue {
        color: var(--blue-hover);
    }

    .projects-page#project section #cover {
        grid-column: 1/-1;
    }

    .projects-page#project section#left #cover {
        display: none;
    }

        .projects-page#project section #cover img {
            width: 100%;
        }

        .projects-page#project section #cover .card {
            padding: 3px;
        }

    .projects-page#project section#center {
        margin-top: -25px;
        padding-top: 25px;
        grid-column: 1/-1;
        grid-template-columns: repeat(8, 1fr);
        background-color: var(--white);
    }

        .projects-page#project section#center header#project-title {
            grid-column: 1/-1;
            padding-bottom: 39px;
            position: relative;
        }
    
            .projects-page#project section#center header#project-title .title {
                grid-column: 3/span 4;
                padding: 0;
                text-align: center;
            }

        .projects-page#project section#center .tall.button {
            background-color: var(--green);
            position: absolute;
            top: 0;
        }

            .projects-page#project section#center .tall.button#next-page {
                right: 0;
            }

            .projects-page#project section#center .tall.button#prev-page {
                transform: scaleX(-100%);
            }

            .projects-page#project section#center .tall.button:hover {
                background-color: var(--green-hover);
            }

            .projects-page#project section#center .tall.button:hover svg .indicator {
                stroke: var(--off-black);
            }

        .projects-page#project section#left {
            row-gap: 13px;
            height: auto;
            min-height: auto;
        }

            .projects-page#project section#left #text {
                grid-column: 1/-1;
                background-color: var(--white);
            }

                .projects-page#project #text-expand.button {
                    margin-top: 0;
                }

                .projects-page#project section#left #text .luxi.blue {
                    grid-column-start: 1;
                    padding: 13px 0 0 6px;
                }

                .projects-page#project section#left #translation-scope {
                    position: relative;
                    padding: 6px 6px 30px 6px;
                    margin-top: -6px;
                }

                .projects-page#project section#left #text .title {
                    grid-column: 1/-1;
                }
            
            .projects-page#project section#left #credits .luxi p {
                line-height: 17px;
            }

            .projects-page#project section#left #credits .luxi p:not(:last-child) {
                margin-bottom: 13px;
            }

        .projects-page#project section#right {
            margin-top: 0;
        }

/* SPECIAL */

    #layer-1-mirror {
        pointer-events: none;
    }

    #layer-1-mirror img, #layer-1-mirror iframe {
        mix-blend-mode: difference;
        filter: brightness(1.2);
    }

    #layer-1-mirror a, 
    #layer-1-mirror figure,
    #layer-1-mirror .text-body,
    #layer-1-mirror figcaption div,
    #layer-1-mirror #page-footer p,
    #season #layer-1-mirror ul#contents-list li, 
    #season #layer-1-mirror .season-indicator,
    #season #layer-1-mirror header.season-title,
    #curatorial-note #layer-1-mirror header.season-title,
    #season #layer-1-mirror ul#people li.person header.name,
    #season #layer-1-mirror ul#people li.person .abstract header.project-title,
    #project #layer-1-mirror header#project-title, 
    #project #layer-1-mirror .module .slides figure.slide,
    #project #layer-1-mirror .module .thumbnails figure,
    #about #layer-1-mirror header, 
    #projects-index #layer-1-mirror header.season-title, 
    #projects-index #layer-1-mirror .description, 
    #projects-index #layer-1-mirror .contents-nav .label,
    #projects-index #layer-1-mirror ul#contents-list.grid li .title p,
    #projects-index #layer-1-mirror ul#contents-list.grid li div {
        background-color: var(--brown);
        color: var(--invert-black);
    }

    #layer-1-mirror .latvian {
        background-color: var(--invert-orange);
    }

    #home #layer-1-mirror .slide .subhead div p,
    #projects-index #layer-1-mirror ul#contents-list.grid li .tag {
        background-color: var(--invert-blue);
        color: var(--invert-black);   
    }

    #season #layer-1-mirror header.nav .subnav a.active,
    #projects-index #layer-1-mirror .contents-nav .page-numbers li,
    #projects-index #layer-1-mirror .contents-nav .page-numbers li a,
    .projects-page#project #layer-1-mirror section#center .tall.button {
        background-color: var(--invert-green);
    }

    #season #layer-1-mirror header.season-title,
    #curatorial-note #layer-1-mirror header.season-title,
    #season #layer-1-mirror #note .text-body.bio,
    #curatorial-note #layer-1-mirror #note .text-body.bio,
    #season #layer-1-mirror .person header.name.active .expand-wrap,
    #season #layer-1-mirror ul#people li.person .abstract .text-body.bio,
    #about #layer-1-mirror header {
        color: var(--invert-brown);
    }

    #season #layer-1-mirror ul#contents-list li .tags,
    #projects-index #layer-1-mirror ul#contents-list.grid li .dates,
    .projects-page#project #layer-1-mirror section .luxi.blue {
        color: var(--invert-blue-hover);
    }

    #project #layer-1-mirror #text-label p,
    #layer-1-mirror .module .top-bar,
    #about #layer-1-mirror .grid.block .label p {
        background-color: var(--invert-blue);
        color: var(--invert-black);
    }

    #season #layer-1-mirror .person header.name .expand-wrap svg .indicator,
    #project #layer-1-mirror .module .navbar .button svg,
    #layer-1-mirror svg.arrow .indicator {
        stroke: var(--invert-black);
    }

    #season .person header.name.active .expand-wrap svg .indicator {
        stroke: var(--invert-brown);
    }

    #layer-1-mirror .module {
        background-color: var(--invert-gray);
        border-bottom: 1px solid var(--invert-gray);
    }

    #layer-1-mirror .module .thumbnails, #layer-1-mirror .module .thumbnails figure figcaption,
    #layer-1-mirror .notes.module .text-body, #layer-1-mirror .notes.module .text-body a {
        background-color: var(--invert-gray);
    }

    #layer-1-mirror .media.module, #layer-1-mirror .module .navbar {
        background-color: var(--invert-gray-80);
    }

    #layer-1-mirror .button {
        background-color: var(--invert-gray-button);
    }

    #project #layer-1-mirror .module .navbar .button {
        border: 1px solid var(--invert-blue);
    }

    #project #layer-1-mirror .module .slides figure.slide figcaption {
        background-color: var(--invert-white);
    }

        #project #layer-1-mirror .module .slides figure.slide figcaption div,
        #project #layer-1-mirror .module .thumbnails figure figcaption p,
        .projects-page#project #layer-1-mirror section#center,
        .projects-page#project #layer-1-mirror section#center header#project-title,
        .projects-page#project #layer-1-mirror section .card,
        .projects-page#project #layer-1-mirror section#left #text,
        .projects-page#project #layer-1-mirror .text-module .text-body p {
            background-color: var(--invert-white);
            color: var(--invert-black);
        }

    #layer-1-mirror .translate .en {
        background-color: var(--invert-white);
        color: var(--invert-black);
    }

    #layer-1-mirror .translate .lv, .latvian-on #layer-1-mirror #translation-scope.curatorial-note {
        background-color: var(--invert-orange) !important;
        color: var(--invert-black);
    }

    .latvian-on #layer-1-mirror header.season-title {
        background-color: var(--invert-orange);
    } 
    
    #layer-1-mirror #translate-note.translate, #layer-1-mirror #translate-about.translate {
        display: none;
    }

/* RESPONSIVE */

@media screen and (min-width: 2192px) {
    #project #canvas {
        width: calc((((100% - 117px) / 8) * 5) + 52px);
        /* margin-left: calc(((100vw - 117px) / 8) + 13px); */
    }

    #project section#left {
    grid-column: 1/span 5;
    }

        #project section#left .scroll-wrap.grid {
            grid-template-columns: repeat(5, 1fr);
        }

            #project #text-expand.button {
                grid-column: 5;
            }

            #project .text-module {
                /* grid-column: 1/-1; */
                grid-template-columns: repeat(5, 1fr);
            }

                #project .text-module .text-body {
                    grid-column: 2/span 3;
                }

                    #project .text-module .text-body p {
                        padding: 0;
                    }

                #project .text-module figcaption.insert-media {
                    grid-column: 2/span 1;
                }

                    #project .text-module figcaption.insert-media p {
                        padding-left: 0;
                    }

                #project .text-module figure.insert-media {
                    grid-column: 3/span 1;
                }

            #project .panel-open section#left {
                width: calc((((100vw - 91px) / 8) * 7) + 55px);
            }

                #project .panel-open section#left .scroll-wrap.grid .text-module figcaption.insert-media {
                    grid-column: 2/span 1;
                }

                #project .panel-open section#left .scroll-wrap.grid .text-module figure.insert-media {
                    grid-column: 3/span 3;
                }
        
        #project #page-footer {
            grid-column: 1/span 2;
        }

    #project section#right {
        grid-column: 6/span 3;
    }

        #project .module .thumbnails .thumbs-wrap {
            grid-template-columns: repeat(6, 1fr);
        }

}

@media screen and (max-width: 1190px) {
    #nav #nav-split-right.grid {
        grid-column: 3 / span 6;
        grid-template-columns: repeat(6, 1fr);
    }

    a.tab {
        grid-column: span 2;
    }

    a.tab.dropdown-parent+div.dropdown {
        grid-column: span 2;
    }

    #season ul#contents-list {
        grid-column: 2/span 6;
    }

    #project #nav #nav-split-right.grid {
        grid-column: 3 / span 2;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 1px;
    }

        #project #nav .dropdown {
            position: fixed;
            top: 38px;
            width: calc((((100% - 117px) / 8) * 2) + 13px);
        }

    #project header#project-title {
        margin-top: 26px;
    }

    #projects-index .description {
        grid-column: 2/span 6;
    }

    #projects-index ul#contents-list.grid {
        grid-column: 1/span 8;
        grid-template-columns: repeat(8, 1fr);
    }

    #projects-index ul#contents-list.grid li, #projects-index ul#contents-list.grid li:nth-child(2n) {
        grid-column: 3/span 4;
    }
}

@media screen and (max-width: 990px) {
    #nav .dropdown {
        grid-column: span 2;
    }

    #home .slide .subhead div {
        grid-column: 1/span 6;
    }

    #season figure#note-cover, 
    #curatorial-note figure#note-cover {
        grid-column: span 6;
    }

    #season #note .text-body, 
    #curatorial-note #note .text-body {
        grid-column: 2/span 6;
    }

    #season #note .insert-media, 
    #curatorial-note #note .insert-media {
        grid-column: 3/span 4;
    }

    #season ul#people li.person .abstract header.project-title, 
    #season ul#people li.person .abstract .text-body {
        grid-column: 2/span 5;
        min-width: unset;
    }

    #season ul#people li.person .abstract figcaption {
        grid-column: span 2;
    }

    #season ul#people li.person .abstract figure {
        grid-column: 3/span 3;
    }

    #season figure#participants-cover {
        grid-column: 5/span 3;
    }

    #project #canvas {
        width: calc(100% - 26px);
        /* background-color: unset; */
    }

    #project #nav {
        width: calc(100% - 26px);
        grid-template-columns: repeat(8, 1fr);
    }

        #project #nav #nav-split-right.grid {
            grid-column: 3 / span 6;
            grid-template-columns: repeat(6, 1fr);
            row-gap: 1px;
        }
    
            #project #nav .dropdown {
                position: fixed;
                top: 38px;
                width: calc((((100% - 117px) / 8) * 2) + 13px);
            }
    
        #project header#project-title {
            margin-top: 0px;
        }

    #project .season-indicator,
    #project header#project-title,
    #project:not(.projects-page) .text-module .text-body,
    #project:not(.projects-page) .text-module figcaption.insert-media,
    #project #page-footer {
        background-color: var(--white);
    }

    #project #layer-1-mirror .season-indicator,
    #project #layer-1-mirror header#project-title,
    #project #layer-1-mirror .text-module .text-body,
    #project #layer-1-mirror .text-module figcaption.insert-media,
    #project #layer-1-mirror #page-footer {
        background-color: var(--brown);
    }

    #project .text-module .text-body {
        padding-top: 6px;
        padding-bottom: 6px;
        margin: -6px 0;
    }

    #project section { 
        grid-column: span 8;
    }

    #project section#right { 
        display: none;
        visibility: hidden;
    }

    #project #left .module {
        display: unset;
    }

    #project #left .media.module {
        grid-column: 2/span 6;
    }

    #project .media.module:not(.expand) .thumbnails .thumbs-wrap {
        grid-template-columns: repeat(6, 1fr);
    }

    #project #left .research.module, #project #left .notes.module {
        grid-column: span 4;
    }

    #project #left .research.module:not(.expand), #project #left .notes.module:not(.expand) {
        margin-top: -26px;
    }

    #project section#left .scroll-wrap.grid {
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: auto auto auto auto 1fr auto auto auto;
    }

    #project #text-expand.button {
        display: none;
    }

    #project header#project-title {
        grid-column: span 6;
    }

    #project #page-footer {
        grid-row-end: -1;   
    }

    #about .grid.block .label {
        grid-column: 1/span 2;
    }

    #about .grid.block .text-body {
        grid-column: 3/span 5;
    }

    #about .grid.block figcaption.insert-media {
        grid-column: 3/span 3;
    }

    #about .grid.block figure.insert-media {
        grid-column: 4/span 3;
    }


    .projects-page#project section {
        grid-template-columns: repeat(8, 1fr);
    }

    .projects-page#project section#left #cover {
        display: block;
        grid-column: 2/span 6;
    }

    .projects-page#project section#left .research.module:not(.expand), .projects-page#project section#left .notes.module:not(.expand) {
        margin-top: 0;
    }

}

@media screen and (max-width: 693px) {
    #canvas, main#layer-1 {
        height: calc(100% - 78px);
    }

    body:not(#home) a#logo { 
        column-gap: 0;
    }

    body:not(#home) a#logo span.brown {
        display: none;
    }

    body:not(#home) a#logo div:nth-child(even) span.red {
        color: var(--brown);
    }

    body:not(#home) a#logo:hover div span {
        color: var(--red) !important;
    }
    
    a.tab.dropdown-parent {
        grid-column: span 4;
    }

    #nav .dropdown {
        position: fixed;
        top: 38px;
        width: calc((((100% - 117px) / 8) * 4) + 39px);
    }

    #nav #nav-split-right.grid {
        grid-column: 5 / span 4;
        grid-template-columns: repeat(4, 1fr);
        row-gap: 1px;
    }

    #nav #nav-split-right.grid a.tab {
        grid-column: span 4;
    }

    #home header {
        top: 103px;
    }

    #home .slide .subhead {
        top: 139px;
    }

    #home .slide .subhead div {
        grid-column: 1/span 7;
    }

    #season header.nav {
        grid-column: span 5;
    }

    #season header.season-title,
    #curatorial-note header.season-title,
    #season ul#contents-list,
    #season #note .text-body,
    #curatorial-note #note .text-body,
    #page-footer {
        grid-column: 1/-1;
    }

    #season header.season-title,
    #curatorial-note header.season-title,
    #season ul#contents-list li,
    #season #note .text-body p,
    #curatorial-note #note .text-body p,
    #page-footer p {
        padding-left: 6px;
        padding-right: 6px;
    }

    #page-footer {
        margin-bottom: 6px;
    }

    #season figure#note-cover,
    #curatorial-note figure#note-cover {
        grid-column: span 7;
    }

    #season #note .insert-media,
    #curatorial-note #note .insert-media {
        grid-column: 2/span 6;
    }

    #season ul#people li.person header.name {
        grid-column: 1/-1;
        margin-bottom: 13px;
    }

        #season ul#people li.person header.name div {
            padding-left: 6px;
            padding-right: 6px;
        }

        #season ul#people li.person header.name .expand-wrap p span {
            display: block;
        }

        #season .person header.name svg {
            margin-top: -16px;
        }

    #season ul#people li.person .abstract {
        grid-column: 1/-1;
        grid-template-columns: repeat(8, 1fr);
    }

        #season ul#people li.person .abstract p, #season ul#people li.person .abstract figcaption p {
            padding-left: 6px;
            padding-right: 6px;
        }

    #season ul#people li.person .abstract header.project-title {
        grid-column: 2 / 8;
        margin-top: 44px;
    }

    #season ul#people li.person .abstract .text-body {
        grid-column: 1/-1;
    }

    #season ul#people li.person .abstract figcaption {
        grid-column: span 5;
    }

    #season ul#people li.person .abstract figure {
        grid-column: 2/span 6;
        margin-top: -24px;
    }

    #season figure#participants-cover {
        grid-column: 4/span 5;
    }

    #project #nav #nav-split-right.grid {
        grid-column: 5 / span 4;
        grid-template-columns: repeat(4, 1fr);
        row-gap: 1px;
    }

        #project #nav .dropdown {
            position: fixed;
            top: 38px;
            width: calc((((100% - 117px) / 8) * 4) + 39px);
        }

    #project header#project-title {
        margin-top: 26px;
    }

    #project .season-indicator {
        grid-column: 1/span 4;
    }

    #project header#project-title {
        margin-top: 26px;
        grid-column: span 7;
    }

    #project #left .media.module, #project #left .research.module,
    #project #left .notes.module {
        grid-column: 1/-1;
    }

    #project .media.module:not(.expand) .thumbnails .thumbs-wrap {
        grid-template-columns: repeat(4, 1fr);
    }

    #project .text-module {
        grid-template-columns: repeat(8, 1fr);
    }

    #project .text-module .text-body {
        grid-column: 1/-1;
    }

    #project .text-module figcaption.insert-media {
        grid-column: span 5;
    }

    #project .text-module figure.insert-media {
        grid-column: 2/span 6;
        margin-top: -11px;
    }

    #project #page-footer {
        grid-column: span 7;
    }

    #projects-index .contents-nav,
    #curatorial-note header.season-title,
    #about header, 
    #season header.nav .subnav {
        margin-top: 26px;
    }

    #curatorial-note #translate-note.translate,
    #translate-about.translate {
        top: 90px;
    }

    #about main .overflow-wrap .page-content,
    #curatorial-note main .overflow-wrap .page-content,
    #projects-index main .overflow-wrap .page-content {
        margin-top: calc(13px + 52px);
    }

    #about header {
        grid-column: 1/span 7;
    }

    #about .grid.block .label {
        grid-column: 1/-1;
        margin-bottom: -13px;
    }

    #about .grid.block .text-body {
        grid-column: 1/-1;
    }

        #about .grid.block .text-body p {
            padding: 0 6px;
        }

    #about .grid.block figcaption.insert-media {
        grid-column: span 6;
    }

        #about .grid.block figcaption.insert-media p {
            padding-left: 6px;
        }

    #about .grid.block figure.insert-media {
        grid-column: 2/span 6;
    }
    
    #about .logos-wrap {
        grid-column: 1/-1;
    }

    #about .logos-wrap figure.logo figcaption {
        padding: 0 6px;
    }

    #projects-index header.season-title, #projects-index .description {
        grid-column: 1/-1;
        padding: 0 6px;
    }

    #projects-index ul#contents-list.grid li, #projects-index ul#contents-list.grid li:nth-child(2n) {
        grid-column: 1/-1;
    }

    #projects-index ul#contents-list.grid li .title, #projects-index ul#contents-list.grid li .venue, #projects-index ul#contents-list.grid li .city, #projects-index ul#contents-list.grid li .dates {
        padding: 0 6px;
    }

    .projects-page#project section#center header#project-title {
        margin-top: 26px;
    }

    .projects-page#project section#center header#project-title .title {
        grid-column: 1/-1;
        padding: 0 37px;
    }

    .projects-page#project section#left #cover {
        grid-column: 1/-1;
    }
}