html { height: 100%; }
body {
padding: 0px;
margin: 0 auto;
}
#wrapper { 
min-height: 100vh; 
max-width: 1800px;
} .headline { padding-bottom: 20px; }
.content p { margin-bottom: .5rem;}
ul, li, a, menu { 
padding: 10px 0; 
margin: 0px; 
}
.copy ul { padding: 0 0 0 20px; }
.copy ul br { display: none; }
.copy ul li { padding: 2px 0 }
#spacer { height: 25px;}
.smalltxt { color: #9faca2; font-size: 1rem;
font-family: 'Dia-Bold', sans-serif;
font-weight: 500;
margin-bottom: 5px;
} .smalltxt:before {
content: "// ";
font-size: .8rem;
vertical-align: top;
} #tp-grid  { 
width: calc(100% - 290px);
margin: 115px auto 0 105px;
}
.open #tp-grid { margin-left: 290px;}
.single #tp-grid  { padding: 0 50px 0 0; }
.data #tp-grid { 
margin: 100px auto 0 105px;
padding: 0 35px 100px 0; 
}
.open #tp-grid { margin-left: 290px;}
.detailnav {margin-left: 110px;}
.open .detailnav {margin-left: 290px;} body.home {
overflow: hidden
}
.home #tp-grid {
top: 0px;
left: 0px;
width: 100vw;
cursor: pointer;
position: absolute;
}
#gallery {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
overflow-x: scroll;
padding: 0px 0;
}
#gallery img {
width: 100%;
height: 100vh;
object-fit: cover; 
} .m_follow {
opacity: 0;
position: absolute;
margin-top: 20px;
background: #000;
padding: 3px 8px;
font-size: 20px;
text-align: center;
text-transform: uppercase;
font-weight: 600;
white-space: nowrap;
}
#tp-grid:hover .m_follow {opacity: 1;} .overview #logo,
.overview #logo a {color: #fff;} .overview.project #menu-item-356 > a,
.overview.teaching #menu-item-195 > a { 
pointer-events: none; 
cursor: none; 
}
#video-outer { 
position: absolute; 
top: 60px; 
left: 0px; 
}
.stageVideo { height: calc(100vh - 120px);}
video { width: 100%; }
.overview video {
object-fit: cover;
height: 100%;
}
.stageVideo .headline {
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
text-transform: uppercase;
mix-blend-mode: difference;
}
.teaching .stageVideo .headline { mix-blend-mode: difference;  } #bio .content { padding: 0px 50px 100px 35px;}
#bio #video video {
padding: 0px; 
border: 0px;
margin: 5px 0;
} #contact .col-5,
#newsletter .col-5 {
display: block;
margin-left: 0px;
}
#contact .col-5:nth-of-type(2) {padding: 50px 0;} #contact .copy,
#contact .email { line-height: 1.35em;}
#contact .headline { 
line-height: 1em;
margin-top: 3px;
}
#contact .email {cursor: pointer; } .single #tp-grid #content-wrapper {
text-align: left; 
margin: 10px auto 30px;
}  .single #bg-image {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
overflow-x: scroll;
padding: 0px;
width: calc(100% - 300px);
margin: 100px auto 0 300px;
z-index: -1;
}
.single #bg-image img {
width: 100%;
height: 100vh;
object-fit: cover;
padding: 0px;
margin: 0px;
} .single #intro { margin-bottom: 30px;} #descriptionbox h3 {margin: .5rem 0 -.5rem;}
#descriptionbox .copy b,
#supportbox b { padding-right: 2px;}
#supportbox .repeat{  padding-bottom: 1rem;}
#supportbox .repeat:last-child {padding-bottom: 0;} .more { 
padding-top: 0px;
max-height: 0px;
overflow: hidden;
transition: all .5s ease;
}
.more.open { 
padding-top: 20px;
max-height: 100%; 
}
.more-but,
.press-more-but { 
cursor: pointer;
margin-top: 20px;
width: 90px;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
} #listbox,
#listbox p { display: inline-block; }
#listbox .profession {padding-right: 2px; } #videobox.repeater {padding-bottom: 25px;}
#videobox.repeater:last-child {padding-bottom: 0px;}
#videobox h3 { margin-bottom: 1rem; } #pressbox .inline { padding-right: .5rem; }
#pressbox { margin-bottom: 25px; }
#pressbox p { margin: 0;} 
#pressbox .copy { margin-bottom: .5rem;}
#pressbox #authorbox {
border-bottom: 1px solid #333;
padding: .5rem 0 1rem;
}
#pressbox #authorbox .description { padding-top: .5rem;} 
#pressbox #pdfbox { padding-bottom: .5rem; } #quotebox {padding-bottom: 1rem;}
#quotebox:last-child {padding-bottom: 0;}
#quotebox .quote {padding-bottom: .2rem;} #datebox.sticky {top: 20px;}
#datebox {
position: absolute;
top: 15px;
right: 0px;
}
#datebox_contain {
position: relative;
vertical-align: top;
}
#datebox .datebox-inner {padding: 5px 0 35px;}
#datebox h3 {margin: 0px;}
#datebox .link {padding: 5px 0;}
#datebox .link a {padding-right: 10px;} .data #top {height: 80px;}
.data #text {margin-top: 0px;}
.data h3 {padding: 30px 0 0px; margin: 0px;}
.data .content:nth-of-type(1) h3 {padding-top: 0px;}
.data .copy ul {padding: 15px 0 0 18px;}
.data .copy ul li {
list-style: square;
padding: 0px !important;
} .backbut {
display: block;
margin-top: 1rem;
text-transform: uppercase;
cursor: pointer;
}
.backbut:hover { text-decoration: underline; } #error #text {margin: 140px auto 0;} .copyright {
padding: 1rem 0 10px;
color: #5B5F72;
font-size: .9rem;
text-transform: none;
}