html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}::-moz-selection{background:yellow;text-shadow:none}::selection{background:yellow;text-shadow:none}*{box-sizing:border-box;-moz-box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:'';content:none}q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a,a:active,a:hover,a:visited{color:black;text-decoration:none;border-bottom:1.5px solid black}a:active,a:hover{color:black;text-decoration:none;border-bottom:1.5px solid white}h4 a,h4 a:active,h4 a:hover,h4 a:visited{color:black;text-decoration:none;border-bottom:none}h4 a:before,h4 a:active:before,h4 a:hover:before,h4 a:visited:before{margin-left:-25px;opacity:0;content:'\2192 \2009';transition:margin-left 1s ease}h4 a:active,h4 a:hover{color:black;text-decoration:none;border-bottom:none}h4 a:active:before,h4 a:hover:before{opacity:1;margin-left:0}h2 a,h2 a:active,h2 a:hover,h2 a:visited,h1 a,h1 a:active,h1 a:hover,h1 a:visited{color:black;text-decoration:none;border-bottom:none}h2 a:before,h2 a:active:before,h2 a:hover:before,h2 a:visited:before,h1 a:before,h1 a:active:before,h1 a:hover:before,h1 a:visited:before{margin-left:-43px;opacity:0;content:'\2192';transition:margin-left 1s ease}@media screen and (max-width: 700px){h2 a:before,h2 a:active:before,h2 a:hover:before,h2 a:visited:before,h1 a:before,h1 a:active:before,h1 a:hover:before,h1 a:visited:before{margin-left:-37px}}h2 a:active,h2 a:hover,h1 a:active,h1 a:hover{color:black;text-decoration:none;border-bottom:none}h2 a:active:before,h2 a:hover:before,h1 a:active:before,h1 a:hover:before{opacity:1;margin-left:0}@font-face{font-family:"SonoGrotesk";src:url("../fonts/SonoGrotesk.woff") format("woff"),url("../fonts/SonoGrotesk.woff2") format("woff2")}html{font-family:'SonoGrotesk', sans-serif;-moz-font-feature-settings:"ss01";-webkit-font-feature-settings:"ss01";font-feature-settings:"ss01";-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:greyscale;word-wrap:break-word;word-break:keep-all}h1{font-size:50px;line-height:60px;margin-bottom:12px;display:inline-block}h2{font-size:35px;line-height:36px;margin-bottom:12px;display:inline-block}h3{font-size:30px;line-height:32.4px;margin-bottom:12px;display:inline-block}h4{font-size:17.5px;line-height:21px;margin-bottom:12px;display:inline-block}p{font-size:17.5px;line-height:21px;margin-bottom:12px;display:inline-block}body,html{width:100%;color:#000;-webkit-overflow-scrolling:touch;overflow:auto;background:#000}main{width:100%}main #expo{width:100%;height:calc(100vh - 0px);position:relative;background-color:white}main #expo ~ #content,main #expo ~ #platform{margin:0}main #expo a,main #expo a:hover,main #expo a:visited{border-bottom:none}main #expo .headline{width:50%;height:100%;display:inline-block;text-align:center;position:relative;background-color:blue;background-size:cover;background-position:center center;vertical-align:top}@media screen and (max-width: 770px) and (orientation: portrait){main #expo .headline{width:100%;height:50%}}main #expo .headline:hover{background-image:none !important;cursor:pointer}main #expo .headline .symposium-info{display:none;width:100%;height:100%;overflow:auto;color:#FFF;padding:72px 24px 72px 24px}@media only screen and (max-width: 770px){main #expo .headline .symposium-info{padding:24px 24px 24px 24px}}main #expo .headline .symposium-info .symposium-category{width:100%;text-align:left}main #expo .headline .symposium-info .symposium-category:hover{background:yellow;color:#000}main #expo .headline .symposium-info .symposium-category:hover.no-hover{background:none;color:#FFF}main #expo .headline .symposium-info .symposium-category.extra{margin-bottom:12px}@media only screen and (max-width: 1000px){main #expo .headline .symposium-info .symposium-category{margin-bottom:12px}}main #expo .headline .symposium-info .symposium-category p{font-weight:normal;display:inline-block;width:calc(100% / 3);text-align:left;margin:0;vertical-align:top;padding-right:12px}@media only screen and (max-width: 1000px){main #expo .headline .symposium-info .symposium-category p{width:calc(100% / 2)}main #expo .headline .symposium-info .symposium-category p.not{display:none}main #expo .headline .symposium-info .symposium-category p.time{width:100%;margin-bottom:12px}}main #expo .headline .symposium-info h2{text-align:left;display:block;padding-bottom:6px;font-weight:normal;border-bottom:1.5px solid #FFF}main #expo .headline .symposium-info p{display:block}main #expo .headline .headline-text{mix-blend-mode:exclusion;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%, -40%);font-size:1vmin}main #expo .headline .headline-text h1,main #expo .headline .headline-text p{color:#FFF}main #expo .headline .headline-text h1{font-size:7vw;margin-bottom:60px}main h2.latest{width:100%;background:#FFF;margin:0;padding:12px}main #platform{margin:60px 0 0 0;position:relative;min-height:25vw;height:40vw;width:100%;background:black;overflow-y:hidden}@media screen and (max-width: 700px) and (orientation: portrait){main #platform{margin:48px 0 0 0;height:80vw}}@media only screen and (max-width: 700px) and (orientation: landscape){main #platform{height:30vw;margin:48px 0 0 0}}main #platform .float{opacity:0;position:absolute;top:0;left:0;height:100%;width:30%;overflow:hidden;mix-blend-mode:exclusion;z-index:1}main #platform .float.drag{cursor:ew-resize}@media screen and (max-width: 700px){main #platform .float{width:30%}}@media screen and (max-width: 700px) and (orientation: portrait){main #platform .float{width:50%}}main #platform .float:hover{z-index:3;background:blue}main #platform .float:hover img{opacity:0}main #platform .float:hover img.logo{opacity:1}main #platform .float:hover .text-frame{opacity:1}main #platform .float:nth-child(2){left:25%}@media screen and (max-width: 700px) and (orientation: portrait){main #platform .float:nth-child(2){left:25%}}main #platform .float:nth-child(3){left:50%}@media screen and (max-width: 700px) and (orientation: portrait){main #platform .float:nth-child(3){display:none}}main #platform .float img{z-index:0;min-width:100%;max-height:100%;width:auto;height:100%;position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}main #platform .float img.logo{min-width:auto;width:auto;position:relative;left:auto;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}main #platform .float .text-frame{position:absolute;top:50%;left:0;z-index:999;opacity:0;width:100%;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);padding:18px 12px}main #platform .float .text-frame .text-title,main #platform .float .text-frame .text-top{width:100%}main #platform .float .text-frame .text-top{margin-top:12px}main #platform .float .text-frame .text-title h1{margin-bottom:0}main #platform .float h1{width:100%;text-align:center;line-height:normal;color:white;-webkit-transition:opacity 0.5s ease;-moz-transition:opacity 0.5s ease;transition:opacity 0.5s ease;cursor:pointer}@media screen and (max-width: 700px){main #platform .float h1{font-size:17.5px;line-height:21px;margin-bottom:12px}}main #platform .float h1 a:before{content:none;margin-left:0}main #platform .float h1 a:before:hover{margin-left:0;content:none}main #platform .float h1 a:link,main #platform .float h1 a:visited{color:white}main #platform .float h1 a:hover{color:white}main #platform .float h4{width:100%;color:white;-webkit-transition:opacity 0.5s ease;-moz-transition:opacity 0.5s ease;transition:opacity 0.5s ease;text-align:center}@media screen and (max-width: 700px){main #platform .float h4{font-size:10px;line-height:12px;margin-bottom:12px}}main #platform .float.description{z-index:0;min-width:300px;width:30%;height:100%;padding:12px 18px;background-color:yellow;display:flex;flex-direction:column}@media screen and (max-width: 700px){main #platform .float.description{min-width:inherit}}@media screen and (max-width: 700px) and (orientation: portrait){main #platform .float.description{min-width:inherit;width:50%}}main #platform .float.description h1{color:#000;text-align:left}main #platform .float.description .text-description{flex:1 1 auto}@media screen and (max-width: 700px){main #platform .float.description .text-description{font-size:10px;line-height:12px;margin-bottom:12px}}@media screen and (max-width: 700px){main #platform .float.description .text-description h2{font-size:10px;line-height:12px;margin-bottom:12px}}main #platform .float.description .text-description p{margin-bottom:0;width:100%}@media screen and (max-width: 700px){main #platform .float.description .text-description p{font-size:10px;line-height:12px;margin-bottom:12px}}main #platform .float.description .logos{width:100%;text-align:right}main #platform .float.description .logos img{margin-top:9px;margin-right:9px;width:auto;height:30px}main #platform .float.description .logos img+img{margin-right:0}@media screen and (max-width: 700px){main #platform .float.description .logos img{height:18px}}main #platform .logos{width:100%}main #platform .logos a,main #platform .logos a:active,main #platform .logos a:hover,main #platform .logos a:visited{border:none}main #platform .logos img{margin-top:9px;margin-right:9px;width:auto;height:36px}main #platform .logos img+img{margin-right:0}@media screen and (max-width: 700px){main #platform .logos img{height:18px}}main #header{background:white;z-index:30;position:fixed;top:0;width:calc(100% - (0 * 12px));padding:10px 12px 14px 12px;mix-blend-mode:exclusion;display:inline-block}main #header.fullscreen{top:-60px}main #header .menu-icon{position:absolute;cursor:pointer;display:inline-block;width:30px;height:36px;padding-top:1.2px}main #header .menu-icon hr{border:none;border-bottom:2px solid #000;margin:6px 0 0}main #header h2{height:100%;text-align:center;width:calc(100% - 0px);padding:0 45px;margin-bottom:0}@media screen and (max-width: 700px){main #header{padding:12px 12px 15px 12px}main #header .menu-icon{width:15px}main #header .menu-icon hr{border-bottom:2px solid #000;margin-top:3px}main #header h2{font-size:17.5px;line-height:21px;margin-bottom:12px;margin-bottom:0;text-align:right;padding:0}}main nav{width:30%;position:fixed;top:0;left:-30%;display:inline-block;opacity:0;padding:12px;height:100%;background:yellow;z-index:999;transition:left 0.5s ease}main nav.active{left:0}main nav .menu-icon{cursor:pointer;display:inline-block;width:30px;height:36px;padding-top:1.2px}main nav .menu-icon hr{border:none;border-bottom:2px solid #000;margin:6px 0 0}main nav .menu-title{display:inline-block;width:calc(100% - 45px);padding:0;color:#000;vertical-align:top;margin-bottom:6px}main nav .menu-icon{padding-top:3.6px}main nav .menu-icon hr{border-bottom:2px solid #000;margin-left:-2px}main nav .menu-icon hr:first-child{transform:translate(0, 8px) rotate(45deg);transform-origin:center}main nav .menu-icon hr:nth-child(2){transform:rotate(-45deg);transform-origin:center}main nav .menu-icon hr:nth-child(3),main nav .menu-icon hr:nth-child(4){display:none}main nav ul{display:inline-block;width:100%;height:calc(100% - 60px)}main nav ul li{border-bottom:1.5px solid #000}main nav ul li h4{padding:4.8px 0 7.2px;margin-bottom:0}main nav ul li h4 a:link,main nav ul li h4 a:visited{color:black}@media screen and (max-width: 700px){main nav{padding:12px 12px 15px 12px;width:100%;left:-100%}main nav.active{left:0}main nav .menu-title{float:right}main nav .menu-icon{width:15px}main nav .menu-icon hr{margin-left:0;margin-top:3px;border-bottom:1.5px solid #000}main nav .menu-icon hr:first-child{transform:translate(0, 4.5px) rotate(45deg)}main nav ul{margin-top:0}main nav h2{font-size:17.5px;line-height:21px;margin-bottom:12px;margin-bottom:0;text-align:right;padding:0}}main #content{margin:60px 0 0 0;min-height:calc(100vh - 105px);width:100%;background:white}main #content img.logo{height:3em}main #content .logos a{display:block;border-bottom:0}main #content .back-button{height:36px;margin-bottom:12px}main #content.fullscreen{margin-top:0}main #content div{vertical-align:top;display:inline-block}main #content .nav-background{position:absolute;top:calc(40vw + 60px);bottom:auto;left:0;width:100%;height:0;background:white;z-index:29}main #content .nav-background.no-slide{top:calc(60px)}@media screen and (max-width: 700px){main #content .nav-background{top:calc(80vw + 48px)}main #content .nav-background.no-slide{top:calc(48px)}}main #content .nav-background.active{position:fixed;top:auto;bottom:calc(100vh - 60px)}@media screen and (max-width: 700px){main #content .nav-background.active{top:0}}main #content .slideshow{width:100%;height:40vw;position:relative;background:black;padding-right:48px;overflow:hidden}main #content .slideshow.fullscreen{height:100vh}main #content .slideshow.fullscreen img{margin-bottom:0;height:100% !important}main #content .slideshow.fullscreen video{margin-bottom:0;height:100% !important}@media screen and (max-width: 700px){main #content .slideshow{height:80vw}}main #content .slideshow .loader{position:absolute;top:0;left:0;width:100%;height:100%;padding-right:48px;background:black}main #content .slideshow .loader .bullet{color:white;font-size:5em;position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0) scale(1);animation:scale 3s infinite}@keyframes scale{0%{transform:translate3d(-50%, -50%, 0) scale(0.25)}50%{transform:translate3d(-50%, -50%, 0) scale(1)}100%{transform:translate3d(-50%, -50%, 0) scale(0.25)}}main #content .slideshow .navigation{z-index:20;background:black;position:absolute;top:0;right:0;height:100%;width:48px}main #content .slideshow .navigation li{text-align:center;color:white;margin-bottom:0;padding:12px}main #content .slideshow .navigation li.close-fs{transform:rotate(0deg)}main #content .slideshow .navigation li.fullscreen p{transform:rotate(-45deg);margin-bottom:0;pointer-events:none}main #content .slideshow .navigation li.counter{padding:12px 0}main #content .slideshow .navigation li.active{background:yellow;color:black}main #content .slideshow .navigation li.active:active,main #content .slideshow .navigation li.active:hover{background:lightgrey;color:black;cursor:pointer}main #content .slideshow .navigation li:active,main #content .slideshow .navigation li:hover{background:yellow;color:black;cursor:pointer}main #content .slideshow .navigation li:active.counter,main #content .slideshow .navigation li:hover.counter{background:inherit;color:white;cursor:default}main #content .slideshow .float{display:none;opacity:1;position:absolute;top:0;left:100%;height:100%;width:auto;mix-blend-mode:exclusion;z-index:1;text-align:center}@media screen and (max-width: 700px){main #content .slideshow .float{width:calc(100% - 48px)}}main #content .slideshow .float.drag{cursor:ew-resize}main #content .slideshow .float:hover{z-index:2}main #content .slideshow .float:hover .caption{opacity:1}main #content .slideshow .float:first-child{left:0}main #content .slideshow .float img{max-height:100%;width:auto;height:40vw}@media screen and (max-width: 700px){main #content .slideshow .float img{max-height:100%;max-width:100%;width:auto;height:auto}}main #content .slideshow .float video{max-height:100%;width:auto;height:40vw}@media screen and (max-width: 700px){main #content .slideshow .float video{max-height:100%;max-width:100%;width:auto;height:auto}}main #content .slideshow .float .caption{position:absolute;bottom:0;left:0;width:100%;background:blue;padding:12px;opacity:0;transition:opacity 0.5s ease;text-align:left}main #content .slideshow .float .caption p{font-size:12.5px;line-height:15px;margin-bottom:0}main #content .slideshow .float p{color:white}main #content .slideshow .float.active{display:inline-block}main #content figure.video{width:100%;margin-bottom:12px}main #content figure.video iframe{width:100%;height:32.8vw}main #content figcaption{font-size:10px;line-height:12px;margin-bottom:12px}main #content .content-wrap{padding:12px 12px 0;width:100%}main #content .content-wrap.symposium .col-25,main #content .content-wrap.symposium .col-75{border-top:1.5px solid #000;padding-top:12px}main #content .content-wrap.symposium .col-25 img,main #content .content-wrap.symposium .col-75 img{vertical-align:top;width:50%;margin:0;height:calc((100vw) / 4.5);object-fit:cover}main #content .content-wrap.symposium .col-25 img.portrait,main #content .content-wrap.symposium .col-75 img.portrait{width:25%}@media only screen and (max-width: 770px){main #content .content-wrap.symposium .col-25,main #content .content-wrap.symposium .col-75{display:block}main #content .content-wrap.symposium .col-25 img,main #content .content-wrap.symposium .col-75 img{width:100%;height:auto}main #content .content-wrap.symposium .col-25 img.portrait,main #content .content-wrap.symposium .col-75 img.portrait{width:50%}}main #content .content-wrap.fullscreen{display:none}main #content .content-wrap.no-pad{padding:0 12px}main #content .content-wrap.exhibition{padding:0 0 12px;height:100%}main #content .content-wrap.exhibition div{font-size:0;width:calc(100vw / 3);height:calc(100vw / 4);display:inline-block;background-position:center center;background-size:cover;vertical-align:top;margin:0;padding:0}main #content .content-wrap.exhibition div:hover{mix-blend-mode:exclusion}main #content .content-wrap.exhibition div.portrait{width:calc(100% / 6)}@media only screen and (max-width: 770px){main #content .content-wrap.exhibition div{width:100vw;height:calc(100vh / 2)}main #content .content-wrap.exhibition div.portrait{width:100vw;height:100vh}}main #content .content-wrap.exhibition #expo-info{width:100%;height:auto;padding:0 12px 12px}main #content .content-wrap.exhibition #expo-info:hover{mix-blend-mode:normal}main #content .col-25{width:40%;padding-right:12px}main #content .col-25 h4{margin-bottom:24px}main #content .col-50{width:50%;margin-bottom:24px}main #content .col-50:nth-child(2n+1){padding-right:12px}main #content .col-75{width:60%;padding-right:12px;margin-bottom:24px}main #content .entry-list{padding:12px 0 0;width:100%;border-bottom:1.5px solid #000;cursor:pointer}main #content .entry-list:first-child{padding-top:0}main #content .entry-list .entry-content{display:none;margin-bottom:6px}main #content .project-view{box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:12px;width:100%}@media screen and (max-width: 768px){main #content .project-view{grid-template-columns:1fr}}main #content .project-view .project-item{grid-column:span 1}main #content .project-view .project-item a{display:inline-block;border-bottom:0}main #content .project-view .project-item:hover .project-img img{mix-blend-mode:exclusion;cursor:pointer}main #content .project-view .project-item .project-img{width:100%;height:calc((100vw - 24px) / 3);position:relative;padding-bottom:12px}@media screen and (max-width: 768px){main #content .project-view .project-item .project-img{height:calc(100vw - 24px)}}main #content .project-view .project-item img{height:100%;object-fit:cover;width:100%}@media screen and (max-width: 700px){main #content .project-view .project-item h2{font-size:30px;line-height:32.4px;margin-bottom:12px}}main #content .article-bio p{color:rgba(0,0,0,0.4)}main #content h2.page-title{margin-bottom:12px;padding:12px 0;width:100%;border-bottom:1.5px solid #000;text-transform:capitalize}main #content h2.blog-title{margin-bottom:12px}main #content p.read-more{margin:0}main #content h2{margin-bottom:0}@media screen and (max-width: 700px){main #content h2{font-size:30px;line-height:32.4px;margin-bottom:12px;margin-bottom:0}}main #content h4{width:100%}main #content ul.tags li{list-style:none;display:inline-block;background:#000;color:white;padding:8px 12px;transition:background 0.5s ease, color 0.5s ease;cursor:pointer;text-transform:capitalize}main #content ul.tags li:hover{background:yellow}main #content ul.tags li:before{content:none;margin-left:0}main #content ul.tags li a{color:white;border-bottom:0;transition:color 0.5s ease}main #content ul.tags li a:hover{color:black}main #content ul.tags li a:before{content:none;margin-left:0}main #content a.tag-link{color:white;text-decoration:none;border-bottom:none}main #content a.tag-link:hover h4.tag{background:#000}main #content a.tag-link h4.tag{width:auto;display:inline-block;padding:3px 6px;background:rgba(0,0,0,0.4);transition:background 0.5s ease;cursor:pointer}main #content a.tag-link h4.tag:before{content:'#';margin-right:-6px}main #content h4.tag:hover{background:black}main #content p{width:100%;font-size:17.5px;line-height:21px;margin-bottom:12px}main #content li,main #content ul{font-size:17.5px;line-height:21px;margin-bottom:12px}main #content .content-wrap li:before{content:'– '}main #content img{width:auto;text-align:center;margin-bottom:12px}@media screen and (max-width: 700px){main #content{margin:48px 0 0 0;min-height:calc(100vh - 162px);padding-bottom:12px}main #content figure.video iframe{height:55vw}main #content .col-25,main #content .col-50,main #content .col-75{width:100%}main #content .col-25{display:none}main #content .back-button{height:auto}}main #content section:nth-child(4){margin-top:0 !important;min-height:calc(100vh - 105px) !important}@media screen and (max-width: 700px){main #content section:nth-child(4){margin-top:0 !important;min-height:calc(100% - 108px) !important}}main #content span.intw{color:rgba(0,0,0,0.4);margin-right:1.22em}main #content span.footnote{position:relative;cursor:pointer;background:#000;color:#FFF;padding:1px 5px}main #content span.footnote:hover span{display:inline-block}main #content span.footnote a{border:none;color:#FFF}main #content span.footnote span{position:absolute;right:0;top:22px;min-width:30vw;display:none;background:black;color:white;padding:10px 12px;word-wrap:normal;word-break:normal}main footer{background:white;padding:6px 12px 6px 12px}main footer .back-top{cursor:pointer}main footer p{margin-left:2em;display:inline-block;min-width:50vw;color:rgba(0,0,0,0.4);float:right;text-align:right}