.t-indent1 {display: block; margin-left: 1em;}
.t-indent2 {display: block; margin-left: 2em;}
.t-indent3 {display: block; margin-left: 3em;}

.section-title * {max-height: 18vw;}
.section-title.--double * {max-height: unset;}
@media only screen and (min-width: 768px) {
    /* .section-title {margin-bottom: 2rem;} */
    .section-title * {max-height: 14.5vw;}
    .section-title.--double * {max-height: 24vw;}
}

/* .sec-content {
    max-width: 2048px;
    margin-left: auto;
    margin-right: auto;
} */

/* 
HEADER
*/
header > div {grid-column: span 2;}
@media only screen and (min-width: 1200px) {
    header > a {
        top: 1rem;
        right: 1rem;
        z-index: 20;
    }
}

/* 
SECTION 1
*/
#section-1 {
    min-height: calc(var(--vh) * 100);
    height: calc(var(--vh) * 100);
    max-height: calc(var(--vh) * 100);
    transition: 500ms ease;
}
@media only screen and (min-width: 768px) {
    #section-1 {margin-bottom: 2rem;}
}

#s1-logo {
    right: .5rem;
    left: .5rem;
    bottom: .75rem;
}

/* 
SECTION 3
*/
.s3-list div {grid-column: 1/-1;}
@media only screen and (min-width: 768px) {
    .s3-list div {grid-column: span 2;}
}
@media only screen and (min-width: 1020px) {
    .s3-list div {grid-column: span 1;}
}

.s3-list li {
    margin-bottom: .3333em;
}

/* 
SECTION 4
*/
#section-4 ul {column-gap: 2rem;}
.s4-list--item {grid-column: 1/-1;}
@media only screen and (min-width: 768px) {
    .s4-list--item {grid-column: span 2;}
}
.s4-item--when > * {grid-column: span 2;}
.s4-item--title {margin: .25em 0 .05em;}

/* 
SECTION 5
*/
.s5-l_entry {grid-column: 1/-1;}
@media only screen and (min-width: 768px) {
    .s5-l_entry {grid-column: span 2;}
}
@media only screen and (min-width: 2048px) {
    .s5-l_entry {grid-column: span 1;}
}
.s5-l_entry dd:last-of-type {margin-bottom: 1em;}


/* 
SECTION 6
*/
#section-6 > *,
#s6-logos > * {grid-column: 1/-1;}

.partner-logo {
    width: auto;
    height: 3rem;
    margin: 0 2rem 1.5rem;
}
.partner-logo.--big {height: 4.2rem;}
.partner-logo.--small {height: 2.5rem;}
@media only screen and (min-width: 1200px) {
    #s6-logos dl {grid-column: span 1;}
    #s6-logos dt {
        text-align: left;
        margin-bottom: 1.5rem;
    }
    #s6-logos dd {
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
    }
    .partner-logo {margin: 0 0 3rem;}
}
@media only screen and (min-width: 1200px) {
    .partner-logo {height: 4rem;}
    .partner-logo.--big {height: 5.2rem;}
    .partner-logo.--small {height: 3rem;}
}

#s6-logo {margin: 0 -.5rem;}
@media only screen and (min-width: 1200px) {
    #s6-logo {grid-column: -2/-1;}
    #s6-logo * {
        width: 50%;
        margin-left: auto;
    }
}


/* 
FOOTER
*/
footer {
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
}

body[data-template="exhibition"] footer img {width: 6rem;}
body[data-template="exhibition"] button {
    padding: .5rem 1rem;
    border-radius: 4rem;
    background: white;
    border: 2px solid black;
}

/* 
EXHIBITION
*/
body[data-template='exhibition'] main,
body[data-template='exhibition'] .t-body,
body[data-template='exhibition'] .t-large,
body[data-template='exhibition'] button {transition: 500ms ease;}

body[data-theme='light'] main {background: white;}
body[data-theme='light'] .t-body,
body[data-theme='light'] .t-large {color: black;}
body[data-theme='light'] button {
    background-color: white;
    border: 2px solid black;
}

body[data-theme='dark'] main {background: black;}
body[data-theme='dark'] .t-body,
body[data-theme='dark'] .t-large {color: white;}
body[data-theme='dark'] button {
    background-color: black;
    border: 2px solid white;
}