﻿html{box-sizing:border-box}*,*::after,*::before{box-sizing:inherit}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:'Circular';src:url("/styles/fonts/CircularPro-Book.eot");src:url("/styles/fonts/CircularPro-Book?iefix") format("eot"),url("/styles/fonts/CircularPro-Book.woff") format("woff"),url("/styles/fonts/CircularPro-Book.ttf") format("truetype"),url("/styles/fonts/CircularPro-Book.svg#CircularPro-Book") format("svg");font-weight:normal;font-style:normal}b{font-weight:normal}i{font-style:normal}h3{font-size:1em}html{height:100%;font-size:90%}body{font-family:"Circular";letter-spacing:0.02em;color:#181818;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;height:100%;font-size:105%;margin:0;line-height:155%}input{-webkit-font-smoothing:antialiased;-webkit-appearance:none;border-radius:0}::selection{background:#999}::-moz-selection{background:#999}a{text-decoration:none;color:#222}:focus,input{outline:0;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important}ul{list-style:none}img{max-width:100%;vertical-align:bottom}video{max-width:100%;max-height:100%;vertical-align:bottom}@media (min-width: 1450px){video{max-width:1400px}}p,h1,h2,h3,h4,h5,ul,li{padding:0;margin:0;font-weight:normal}.placeholder{display:none !important}@-webkit-keyframes barberpole{0%{background-position:0 0}100%{background-position:0 24px}}@-moz-keyframes barberpole{0%{background-position:0 0}100%{background-position:0 24px}}@-ms-keyframes barberpole{0%{background-position:0 0}100%{background-position:0 24px}}@keyframes barberpole{0%{background-position:0 0}100%{background-position:0 24px}}@-webkit-keyframes barberpole-backwards{0%{background-position:0 0}100%{background-position:0 -24px}}@-moz-keyframes barberpole-backwards{0%{background-position:0 0}100%{background-position:0 -24px}}@-ms-keyframes barberpole-backwards{0%{background-position:0 0}100%{background-position:0 -24px}}@keyframes barberpole-backwards{0%{background-position:0 0}100%{background-position:0 -24px}}article{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;margin:0;padding:0;scroll-snap-type:y mandatory;overflow-y:scroll;-webkit-backface-visibility:hidden;backface-visibility:hidden}article[data-projects="true"]{z-index:51}.touch .play{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-image:url("/styles/images/play.svg");z-index:20;background-position:50% 50%;background-size:70%;display:flex;justify-content:center;align-items:center;display:none}.touch .playing .play{opacity:0}#force-safari-redraw{position:absolute;bottom:-10px;right:0;width:20px;height:20px;background:#fcc;z-index:-30;visibility:hidden}.loading img{opacity:0}#loading-bar,#loading-bar-spinner{pointer-events:none;-webkit-pointer-events:none}#loading-bar.ng-enter,#loading-bar.ng-leave.ng-leave-active,#loading-bar-spinner.ng-enter,#loading-bar-spinner.ng-leave.ng-leave-active{opacity:0}#loading-bar.ng-enter.ng-enter-active,#loading-bar.ng-leave,#loading-bar-spinner.ng-enter.ng-enter-active,#loading-bar-spinner.ng-leave{opacity:1}#loading-bar .bar{-webkit-transition:width 500ms;-moz-transition:width 500ms;-o-transition:width 500ms;transition:width 500ms;-webkit-transition:background-color 500ms 250ms;-moz-transition:background-color 500ms 250ms;transition:background-color 500ms 250ms;position:fixed;z-index:8000;top:0;left:0;width:100%;height:4px;background-color:#181818}.white-text #loading-bar .bar{background:#fff}header{left:0;right:0;z-index:50;position:fixed;top:0;height:4rem;-webkit-transition:-webkit-transform .5s cubic-bezier(0.77, 0, 0.175, 1),background 0.5s cubic-bezier(0.77, 0, 0.175, 1),color 0.5s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:-moz-transform .5s cubic-bezier(0.77, 0, 0.175, 1),background 0.5s cubic-bezier(0.77, 0, 0.175, 1),color 0.5s cubic-bezier(0.77, 0, 0.175, 1);transition:transform .5s cubic-bezier(0.77, 0, 0.175, 1),background 0.5s cubic-bezier(0.77, 0, 0.175, 1),color 0.5s cubic-bezier(0.77, 0, 0.175, 1);-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}header a{-webkit-transition:color 0.5s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:color 0.5s cubic-bezier(0.77, 0, 0.175, 1);transition:color 0.5s cubic-bezier(0.77, 0, 0.175, 1)}.active-wrap{position:absolute;top:0;left:0;padding:0 4rem 0 1.7rem}.active-wrap .nav .active{-webkit-transition:opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1);transition:opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1)}.active{display:inline-block;vertical-align:bottom;padding:1.5rem 0}.active>div{float:left}.active.arrow:after{display:inline;content:"\00a0\00a0→\00a0\00a0"}.nav-wrap{position:absolute;top:0;z-index:5;opacity:0;visibility:hidden;padding:0 0 0 1.7rem}.nav-wrap:hover a{opacity:0.5}.nav-wrap a{-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;transition:opacity 0.3s;display:inline-block;padding:1.5rem 1rem 1.5rem 0;vertical-align:bottom}.nav-wrap a:hover{opacity:1}.nav-wrap .nav-wrap-hidden{display:none}.nav-wrap-right{position:absolute;top:0;right:8px;z-index:5;padding:0 0 0 1.7rem}.nav-wrap-right a{display:inline-block;padding:1.5rem 1.7rem 1rem 0;vertical-align:bottom}h1{position:absolute;top:0;right:8px;font-size:1em;vertical-align:bottom;display:none}h1 a{display:inline-block;padding:1.5rem 1.7rem 1rem 0;vertical-align:bottom}.burger{display:none}header:hover .nav-wrap,.main-landing header .nav-wrap{visibility:visible}.rich-black-background{background:#000}.rich-black-background .browser .asset img,.rich-black-background .browser .asset video{border-top:1px solid #444;border-bottom:1px solid #444;border-left:1px solid #444;border-right:1px solid #444}.black-background{background:#181818}.black-background .browser .asset img,.black-background .browser .asset video{border-top:1px solid #444;border-bottom:1px solid #444;border-left:1px solid #444;border-right:1px solid #444}.black-text{color:#181818}.black-text a{color:#181818;border-bottom-color:#181818}.charcoal-background{background:#444}.charcoal-background .browser .asset img,.charcoal-background .browser .asset video{border-top:1px solid #181818;border-bottom:1px solid #181818;border-left:1px solid #181818;border-right:1px solid #181818}.charcoal-text{color:#444}.charcoal-text a{color:#444;border-bottom-color:#444}.blue-background{background:#2e00ee}.blue-background .browser .asset img,.blue-background .browser .asset video{border-top:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff}@-webkit-keyframes blueshift{0%{background:#2e00ee}16%{background:#0022ee}32%{background:#003cf5}50%{background:#0025c5}66%{background:#003cf5}82%{background:#0022ee}100%{background:#2e00ee}}@-moz-keyframes blueshift{0%{background:#2e00ee}16%{background:#0022ee}32%{background:#003cf5}50%{background:#0025c5}66%{background:#003cf5}82%{background:#0022ee}100%{background:#2e00ee}}@-ms-keyframes blueshift{0%{background:#2e00ee}16%{background:#0022ee}32%{background:#003cf5}50%{background:#0025c5}66%{background:#003cf5}82%{background:#0022ee}100%{background:#2e00ee}}@keyframes blueshift{0%{background:#2e00ee}16%{background:#0022ee}32%{background:#003cf5}50%{background:#0025c5}66%{background:#003cf5}82%{background:#0022ee}100%{background:#2e00ee}}.white-background{background:#fff}.white-background .browser .asset img,.white-background .browser .asset video{border-top:1px solid #eee;border-bottom:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee}.white-text{color:#fff}.white-text a{color:#fff;border-bottom-color:#fff}.light-gray-background{background:#eee}.light-gray-background .browser .asset img,.light-gray-background .browser .asset video{border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}.light-gray-text{color:#eee}.light-gray-text a{color:#eee;border-bottom-color:#eee}.off-white-background{background:#f1f1f1}.off-white-background .browser .asset img,.off-white-background .browser .asset video{border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}.off-white-text{color:#f1f1f1}.off-white-text a{color:#f1f1f1;border-bottom-color:#f1f1f1}.orange-background{background:#ff5e15}.orange-background .browser .asset img,.orange-background .browser .asset video{border-top:1px solid #181818;border-bottom:1px solid #181818;border-left:1px solid #181818;border-right:1px solid #181818}.anim-in-out.anim-in-setup.anim-fade,.anim-in-out.anim-in-setup .anim-fade{opacity:0}.anim-in-out.anim-in-setup.anim-slide-left,.anim-in-out.anim-in-setup .anim-slide-left{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.anim-in-out.anim-in-setup.anim-slide-left-then-fade,.anim-in-out.anim-in-setup .anim-slide-left-then-fade{opacity:0}.anim-in-out.anim-in-setup.anim-slide-right,.anim-in-out.anim-in-setup .anim-slide-right{-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.anim-in-out.anim-in-setup.anim-slide-below,.anim-in-out.anim-in-setup .anim-slide-below{-webkit-transform:translate3d(0, 20px, 0);-moz-transform:translate3d(0, 20px, 0);-ms-transform:translate3d(0, 20px, 0);-o-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}.anim-in-out.anim-in-setup.anim-slide-up,.anim-in-out.anim-in-setup .anim-slide-up{-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);-ms-transform:translate3d(0, 100%, 0);-o-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}.anim-in-out.anim-in-setup.anim-slide-up-from-fade,.anim-in-out.anim-in-setup .anim-slide-up-from-fade{-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);-ms-transform:translate3d(0, 100%, 0);-o-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}.anim-in-out.anim-in-setup.anim-slide-below-fade,.anim-in-out.anim-in-setup .anim-slide-below-fade{opacity:0;-webkit-transform:translate3d(0, 20px, 0);-moz-transform:translate3d(0, 20px, 0);-ms-transform:translate3d(0, 20px, 0);-o-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}.anim-in-out.anim-in-setup.anim-zoom-out,.anim-in-out.anim-in-setup .anim-zoom-out{-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95)}.anim-in-out.anim-in-setup.anim-zoom-in,.anim-in-out.anim-in-setup .anim-zoom-in{-webkit-transform:scale(1.025);-moz-transform:scale(1.025);-ms-transform:scale(1.025);-o-transform:scale(1.025);transform:scale(1.025)}.anim-in-out.anim-in-setup.anim-zoom-out-full,.anim-in-out.anim-in-setup .anim-zoom-out-full{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.anim-in-out.anim-in-setup.anim-zoom-in-full,.anim-in-out.anim-in-setup .anim-zoom-in-full{-webkit-transform:scale(10);-moz-transform:scale(10);-ms-transform:scale(10);-o-transform:scale(10);transform:scale(10)}.anim-in-out.anim-in.anim-fade,.anim-in-out.anim-in .anim-fade{opacity:1;-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-in.anim-slide-left,.anim-in-out.anim-in .anim-slide-left{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-in.anim-slide-left-then-fade,.anim-in-out.anim-in .anim-slide-left-then-fade{opacity:1;-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-in.anim-slide-right,.anim-in-out.anim-in .anim-slide-right{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-in.anim-slide-below,.anim-in-out.anim-in .anim-slide-below{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-in.anim-slide-up,.anim-in-out.anim-in .anim-slide-up{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-in.anim-slide-up-from-fade,.anim-in-out.anim-in .anim-slide-up-from-fade{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-in.anim-slide-below-fade,.anim-in-out.anim-in .anim-slide-below-fade{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-in.anim-zoom-out,.anim-in-out.anim-in .anim-zoom-out{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-in.anim-zoom-in,.anim-in-out.anim-in .anim-zoom-in{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-in.anim-zoom-out-full,.anim-in-out.anim-in .anim-zoom-out-full{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-in.anim-zoom-in-full,.anim-in-out.anim-in .anim-zoom-in-full{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-out-setup.anim-fade,.anim-in-out.anim-out-setup .anim-fade{opacity:1;-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-out-setup.anim-slide-left,.anim-in-out.anim-out-setup .anim-slide-left{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-out-setup.anim-slide-left-then-fade,.anim-in-out.anim-out-setup .anim-slide-left-then-fade{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-out-setup.anim-slide-right,.anim-in-out.anim-out-setup .anim-slide-right{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-out-setup.anim-slide-below,.anim-in-out.anim-out-setup .anim-slide-below{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-out-setup.anim-slide-up,.anim-in-out.anim-out-setup .anim-slide-up{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-out-setup.anim-slide-up-from-fade,.anim-in-out.anim-out-setup .anim-slide-up-from-fade{opacity:1;-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-out-setup.anim-slide-below-fade,.anim-in-out.anim-out-setup .anim-slide-below-fade{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-out-setup.anim-zoom-out,.anim-in-out.anim-out-setup .anim-zoom-out{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-out-setup.anim-zoom-in,.anim-in-out.anim-out-setup .anim-zoom-in{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-out-setup.anim-zoom-out-full,.anim-in-out.anim-out-setup .anim-zoom-out-full{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-out-setup.anim-zoom-in-full,.anim-in-out.anim-out-setup .anim-zoom-in-full{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s}.anim-in-out.anim-out.anim-swap,.anim-in-out.anim-out .anim-swap{display:none}.anim-in-out.anim-out.anim-fade,.anim-in-out.anim-out .anim-fade{opacity:0;-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);transition:all 1s cubic-bezier(0.77, 0, 0.175, 1)}.anim-in-out.anim-out.anim-slide-left,.anim-in-out.anim-out .anim-slide-left{-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);transition:all 1s cubic-bezier(0.77, 0, 0.175, 1)}.anim-in-out.anim-out.anim-slide-left-then-fade,.anim-in-out.anim-out .anim-slide-left-then-fade{-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);transition:all 1s cubic-bezier(0.77, 0, 0.175, 1)}.anim-in-out.anim-out.anim-slide-right,.anim-in-out.anim-out .anim-slide-right{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);transition:all 1s cubic-bezier(0.77, 0, 0.175, 1)}.anim-in-out.anim-out.anim-slide-below,.anim-in-out.anim-out .anim-slide-below{-webkit-transform:translate3d(0, 20px, 0);-moz-transform:translate3d(0, 20px, 0);-ms-transform:translate3d(0, 20px, 0);-o-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);transition:all 1s cubic-bezier(0.77, 0, 0.175, 1)}.anim-in-out.anim-out.anim-slide-up,.anim-in-out.anim-out .anim-slide-up{-webkit-transform:translate3d(0, -100%, 0);-moz-transform:translate3d(0, -100%, 0);-ms-transform:translate3d(0, -100%, 0);-o-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);transition:all 1s cubic-bezier(0.77, 0, 0.175, 1)}.anim-in-out.anim-out.anim-slide-up-from-fade,.anim-in-out.anim-out .anim-slide-up-from-fade{opacity:0;-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);transition:all 1s cubic-bezier(0.77, 0, 0.175, 1)}.anim-in-out.anim-out.anim-slide-below-fade,.anim-in-out.anim-out .anim-slide-below-fade{opacity:0;-webkit-transform:translate3d(0, 20px, 0);-moz-transform:translate3d(0, 20px, 0);-ms-transform:translate3d(0, 20px, 0);-o-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);transition:all 1s cubic-bezier(0.77, 0, 0.175, 1)}.anim-in-out.anim-out.anim-zoom-out,.anim-in-out.anim-out .anim-zoom-out{-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);transition:all 1s cubic-bezier(0.77, 0, 0.175, 1)}.anim-in-out.anim-out.anim-zoom-in,.anim-in-out.anim-out .anim-zoom-in{-webkit-transform:scale(1.025);-moz-transform:scale(1.025);-ms-transform:scale(1.025);-o-transform:scale(1.025);transform:scale(1.025);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);transition:all 1s cubic-bezier(0.77, 0, 0.175, 1)}.anim-in-out.anim-out.anim-zoom-out-full,.anim-in-out.anim-out .anim-zoom-out-full{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);transition:all 1s cubic-bezier(0.77, 0, 0.175, 1)}.anim-in-out.anim-out.anim-zoom-in-full,.anim-in-out.anim-out .anim-zoom-in-full{-webkit-transform:scale(10);-moz-transform:scale(10);-ms-transform:scale(10);-o-transform:scale(10);transform:scale(10);-webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);transition:all 1s cubic-bezier(0.77, 0, 0.175, 1)}.no-touch .main-landing .nav-wrap .nav-projects,.no-touch .main-landing .nav-wrap .nav-information{display:inline-block}.testcard{width:100%;height:100%;overflow:hidden}.testcard iframe{position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:100%;height:100%;border:0}.testcard .unsupported{position:absolute;top:50%;width:100%;text-align:center}.testcard a{text-decoration:underline}.testcard-notice{position:absolute;bottom:0;left:0;z-index:999;animation:blinker 1s linear infinite}.testcard-notice a{display:block;padding:1.4rem 1.7rem;text-decoration:none}@keyframes blinker{50%{opacity:0}}.projects{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:pointer}.projects-wrap{position:fixed;left:0;top:0;right:0;bottom:0;-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1);transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1);transform:translate3D(0, 0, 0);overflow-y:scroll}.projects-project{width:100%;height:100vh;position:relative;scroll-snap-align:start}.projects-dummy{width:100%}.projects-next-prev{position:fixed;left:0;bottom:0;cursor:pointer;padding:1.5rem 1.7rem;display:none}.projects-back-to-top{position:fixed;right:8px;bottom:0;cursor:pointer;padding:1.5rem 1.7rem;opacity:0;-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1);transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1);display:none}.hardscroll-bottom .projects-back-to-top{opacity:1}.projects-next-prev-slash{display:inline-block;padding:0 0.3rem}.projects-next,.projects-prev,.projects-next-prev-slash{-webkit-transition:opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);transition:opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1)}.hardscroll-top .projects-next-prev-slash,.hardscroll-bottom .projects-next-prev-slash{opacity:0.5}.hardscroll-bottom .projects-next{opacity:0.5}.hardscroll-top .projects-prev{opacity:0.5}.landscape .projects-project-content.fill .assets-wrap,.landscape .projects-project-content.fill .asset-wrap,.landscape .projects-project-content.fill .assets{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.landscape .projects-project-content.fill .asset-background{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover}.landscape .projects-project-content.fill .asset{display:none}.projects-project-content{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;clip:rect(0, auto, auto, 0)}.projects-project-content>a{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;right:20px}.projects-project-content .asset-wrap{position:absolute;top:4.5rem;left:1.5rem;right:1.5rem;bottom:5rem}.projects-project-content.tags,.projects-project-content .year,.projects-project-content .links,.projects-project-content .text{display:none}.projects-project-content.limit-height .asset img,.projects-project-content.limit-height .asset video{max-height:75%}.projects-project-content.ipad-portrait .asset video,.projects-project-content.ipad-portrait .asset img{border-style:solid;border-width:5vh 2vh 5vh 2vh;border-color:#181818;border-radius:2.5vh;vertical-align:bottom;background:#181818}.projects-project-content.ipad-portrait .asset:before{content:" ";position:absolute;z-index:20;background:#323131;width:1vh;height:1vh;top:15%;left:50%;border-radius:0.5vh;margin-left:-0.5vh 0 0 -0.5vh}.projects-project-content.ipad-portrait .asset:after{content:" ";position:absolute;z-index:20;border-style:solid;border-color:#323131;border-width:2px;width:3vh;height:3vh;top:84.5%;left:50%;border-radius:1.5vh;margin:-1.5vh 0 0 -1.5vh;box-sizing:border-box}.projects-project-content .subtitle{position:fixed;bottom:0;left:0;right:0;padding:0 1.5rem;box-sizing:border-box;height:5rem;display:flex;align-items:center}.projects-project-content .subtitle h3{position:relative}.projects-project-content .subtitle h3 p{transition:opacity 250ms 250ms}.projects-project-content .subtitle .down{transition:opacity 250ms;position:absolute;top:0;right:1.5rem;bottom:0;left:1.5rem;text-align:right;margin:auto;line-height:5rem;opacity:0;transition:opacity 250ms}.projects-project-content .subtitle.scroll-indicator h3{position:relative}.projects-project-content .subtitle.scroll-indicator h3 p{transition:opacity 250ms}.projects-project-content .subtitle.scroll-indicator .down{position:absolute;opacity:1;transition:opacity 250ms 250ms}.projects-project-content .cycle .assets .asset-wrap{opacity:0;display:none}.projects-project-content .cycle .assets .asset-wrap.cycle-previous{z-index:9;opacity:1;display:block}.projects-project-content .cycle .assets .asset-wrap.cycle-current{z-index:10;opacity:1;display:block}.projects-project-content .cycle .assets .asset-wrap.cycle-next{z-index:11;opacity:0;display:block}.projects-project-content .cycle.fade .assets .asset-wrap{-webkit-transition:opacity 1s;-moz-transition:opacity 1s;transition:opacity 1s}.projects-project-content .cycle.fade .assets .asset-wrap.cycle-previous{-webkit-transition-delay:1s;-moz-transition-delay:1s;transition-delay:1s;opacity:0}.projects-project-content .asset img,.projects-project-content .asset video{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-height:100%;pointer-events:none}@media (min-width: 1400px){.projects-project-content .asset img,.projects-project-content .asset video{max-width:1400px}}.black-text-overwrite a{color:black !important;border-bottom-color:black !important}.white-text-overwrite a{color:white !important;border-bottom-color:white !important}.light-gray-text-overwrite a{color:#eee !important;border-bottom-color:#eee !important}.off-white-text-overwrite{color:#f1f1f1 !important}.off-white-text-overwrite a{color:#f1f1f1 !important;border-bottom-color:#f1f1f1 !important}.project-wrap{height:100%;width:100%;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}.project-wrap::after{clear:both;content:"";display:table}.project{-webkit-backface-visibility:hidden;max-width:81rem;margin:6rem auto;padding:0 3rem}.mobile .project{margin:0 auto;padding:4.5rem 1.5rem 1.5rem 1.5rem}.project-section::after{clear:both;content:"";display:table}.project-section .assets,.project-section .text{margin-bottom:6rem}.mobile .project-section .assets,.mobile .project-section .text{margin-bottom:1.5rem}.project-section .asset-wrap{margin-bottom:6rem;position:relative}.mobile .project-section .asset-wrap{margin-bottom:1.5rem}.project-section .asset{position:relative;background:rgba(120,120,120,0.1)}.project-section .asset img,.project-section .asset video{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.project-section.browser .assets-wrap{padding-bottom:1px}.project-section.mobile .assets{display:flex;margin:0 -3rem}.project-section.mobile .asset-wrap{flex:1;margin:0 3rem 6rem 3rem}.mobile .project-section.mobile .assets{flex-direction:column;margin:0}.mobile .project-section.mobile .asset-wrap{margin:0 0 1.5rem 0}.project-section.cycle .assets-wrap{position:relative;width:100%;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.project-section.cycle .cycle-next-button{position:absolute;top:0;left:50%;bottom:0;right:0;cursor:pointer;z-index:15;display:none}.project-section.cycle .cycle-prev-button{position:absolute;top:0;left:0;bottom:0;right:50%;cursor:pointer;z-index:15;display:none}.project-section.cycle .asset{background:none}.project-section.cycle .assets{background:rgba(120,120,120,0.1)}.project-section.cycle .assets .asset-wrap{opacity:0;margin-bottom:0;position:absolute;width:100%;display:none}.project-section.cycle .assets .asset-wrap.cycle-previous{z-index:9;opacity:1;display:block}.project-section.cycle .assets .asset-wrap.cycle-current{z-index:10;opacity:1;display:block}.project-section.cycle .assets .asset-wrap.cycle-next{z-index:11;opacity:0;display:block}.project-section.cycle.fade .assets-wrap .assets .asset-wrap{-webkit-transition:opacity 1s;-moz-transition:opacity 1s;transition:opacity 1s}.project-section.cycle.fade .assets-wrap .assets .asset-wrap.cycle-previous{-webkit-transition-delay:1s;-moz-transition-delay:1s;transition-delay:1s;opacity:0}.project-section.grid .assets{margin-bottom:3rem;display:flex;justify-content:space-between;flex-wrap:wrap}.project-section.grid .asset-wrap{width:calc(50% - 1.5rem);margin-bottom:3rem}.project-section .text-wrap{width:100%}.project-section .text-wrap .text{margin-left:auto;margin-right:auto;width:65%}.mobile .project-section .text-wrap .text{width:100%}.project-section .text-wrap a{border-bottom-style:solid;border-bottom-width:1px}.project-section .text-wrap p{font-size:1.4rem;line-height:1.5;margin-bottom:1rem}.mobile .project-section .text-wrap p{font-size:1rem}.project-section .text-wrap p:last-child{margin-bottom:0rem}.project-section .text-wrap .text-external-link{margin-top:1rem}.project-section .iframe-wrap{position:relative;width:100%;padding-bottom:50%;margin-bottom:6rem}.mobile .project-section .iframe-wrap{margin-bottom:1.5rem}.project-section .iframe-wrap iframe{border:none;position:absolute;width:100%;height:100%}.scroll-end .related-projects{opacity:1;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}.related{overflow:hidden;position:relative;padding:0 0.5rem 0 2rem;max-width:81rem;margin:0 auto 0 auto;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.related::after{clear:both;content:"";display:table}.mobile .related{padding:0 1.5rem;display:none}.related-projects{padding:9rem 0 2rem 0;opacity:0;display:flex;justify-content:space-between;-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-ms-transform:translateY(120%);-o-transform:translateY(120%);transform:translateY(120%);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}.related-projects::after{clear:both;content:"";display:table}.no-touch .related-projects.hide-related,.no-touch .related-projects.hide-related-remove{opacity:0.2;-webkit-filter:grayscale(1)}.no-touch .related-projects.hide-related .title,.no-touch .related-projects.hide-related-remove .title{opacity:0.5}.related-project{width:31%}.related-project .assets{position:relative;padding-bottom:65%}.related-project img,.related-project video{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover}.mobile .related-project:last-child{display:none}.related-project .title{margin-top:0.7rem;height:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}.project-tags{margin-top:4rem}.next-prev{display:none}.next,.prev{position:absolute;bottom:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);z-index:49;opacity:0;-webkit-transition:opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);transition:opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);width:3em;height:320px}.next a,.prev a{width:100%;height:100%;display:block;-webkit-transition:opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1) 1s;-moz-transition:opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1) 1s;transition:opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1) 1s;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px)}.next .title,.prev .title{position:absolute;bottom:1em;width:34vw;max-width:380px;height:3em;opacity:0;visibility:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next .image,.prev .image{position:absolute;bottom:3.6em;width:29.5vw;max-width:380px;overflow:hidden}.no-touch .next:hover .title,.no-touch .prev:hover .title{opacity:1;visibility:visible}.no-touch .next:hover .image{right:3rem}.no-touch .prev:hover .image{left:3rem}.no-touch .next .hide-image{opacity:0;-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s}.no-touch .prev .hide-image{opacity:0;-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s}.prev{left:0}.prev div{-webkit-transition:left 0.5s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:left 0.5s cubic-bezier(0.77, 0, 0.175, 1);transition:left 0.5s cubic-bezier(0.77, 0, 0.175, 1)}.prev .arrow{position:absolute;left:1rem;bottom:1.5em}.prev .title{left:3em;padding:1em 0}.prev .image{left:-500px}.next{right:8px}.next div{-webkit-transition:right 0.5s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:right 0.5s cubic-bezier(0.77, 0, 0.175, 1);transition:right 0.5s cubic-bezier(0.77, 0, 0.175, 1)}.next .arrow{position:absolute;right:1rem;bottom:1.5em}.next .title{right:3em;text-align:right;padding:1em 0}.next .image{right:-500px}.next .image img{float:right}.main-project .next,.main-project .prev{opacity:1}.touch .next .title,.touch .prev .title{opacity:1}.archive-wrap{height:100%;width:100%;overflow-y:scroll}.archive{max-width:80em;margin:6rem auto 3rem auto;padding:0 1em}.archive:hover .disciplines a,.archive:hover .tags a,.archive:hover .year a{opacity:0.3;-webkit-transition:opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1);transition:opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1)}.archive:hover .disciplines a.active,.archive:hover .tags a.active,.archive:hover .year a.active{opacity:1}.archive-project{width:100%;border-top:1px solid #eee;position:relative}.archive-project::after{clear:both;content:"";display:table}.archive-project:first-child{border:none}.archive-project .title:hover,.archive-project .year:hover,.archive-project .disciplines a:hover,.archive-project .tags a:hover{background:#181818;color:#fff}.archive-project .title:hover a,.archive-project .year:hover a,.archive-project .disciplines a:hover a,.archive-project .tags a:hover a{color:#fff}.archive-project:hover a{opacity:1}.archive-project a{padding:0.5rem;display:block}.archive-project div{float:left}.archive-project .title a{width:40rem;overflow:hidden;text-overflow:ellipsis;height:2.5rem}.archive-project .year a{min-width:3.6rem}.archive-project .tags{min-width:14rem}.archive-project .year>div,.archive-project .disciplines>div,.archive-project .tags>div{border-left:1px solid #eee}.archive-project .text{display:none}.archive-project .asset{position:absolute;top:0;right:0;opacity:0;z-index:99;margin-bottom:2rem;width:20rem;display:none}.information{overflow-y:scroll;overflow-x:hidden;height:100%;width:100%;-webkit-overflow-scrolling:touch}.information a{text-decoration:underline}.information p{margin-bottom:1rem}.information p:last-child{margin-bottom:0rem}.profile{padding-top:4rem;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.contact{padding:0 1.5rem 1.5rem 1.5rem;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.contact span{display:block}.contact div{padding-bottom:0.5rem}.contact .contact-left,.contact .contact-right{max-width:67rem;margin:auto}.cycle-counter{display:none}.profile-text{max-width:70rem;margin:auto;padding:1.5rem}.profile-text p{font-size:1.6em;line-height:130%}.profile-text p a{color:inherit;text-decoration:none;background:-webkit-linear-gradient(#2e00ee, #2e00ee),-webkit-linear-gradient(#2e00ee, #2e00ee),-webkit-linear-gradient(#fff, #fff);background-size:0.05em 1px,0.05em 1px,1px 1px;background-repeat:no-repeat, no-repeat, repeat-x;text-shadow:0.03em 0 #2e00ee,-0.03em 0 #2e00ee,0 0.03em #2e00ee,0 -0.03em #2e00ee,0.06em 0 #2e00ee,-0.06em 0 #2e00ee,0.09em 0 #2e00ee,-0.09em 0 #2e00ee,0.12em 0 #2e00ee,-0.12em 0 #2e00ee,0.15em 0 #2e00ee,-0.15em 0 #2e00ee;background-position-y:0%,0%,100%;background-position-x:0%, 100%, 0%}.profile-text p a::selection{text-shadow:0.03em 0 #999,-0.03em 0 #999,0 0.03em #999,0 -0.03em #999,0.06em 0 #999,-0.06em 0 #999,0.09em 0 #999,-0.09em 0 #999,0.12em 0 #999,-0.12em 0 #999,0.15em 0 #999,-0.15em 0 #999;background:#999}.profile-text p a::-moz-selection{text-shadow:0.03em 0 #999,-0.03em 0 #999,0 0.03em #999,0 -0.03em #999,0.06em 0 #999,-0.06em 0 #999,0.09em 0 #999,-0.09em 0 #999,0.12em 0 #999,-0.12em 0 #999,0.15em 0 #999,-0.15em 0 #999;background:#999}.profile-text p a:before,.profile-text p a:after,.profile-text p a *,.profile-text p a *:before,.profile-text p a *:after{text-shadow:none}.profile-text p a:visited{color:inherit}@media screen and (min-width: 1070px) and (min-height: 600px){.profile{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;padding:0}.profile-text{position:absolute;width:100%;-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);width:80rem;top:50%;left:50%}.profile-text p{padding:0;text-align:center;font-size:2.8em;margin-bottom:2rem}.profile-text p a{color:inherit;text-decoration:none;background:-webkit-linear-gradient(#2e00ee, #2e00ee),-webkit-linear-gradient(#2e00ee, #2e00ee),-webkit-linear-gradient(#fff, #fff);background-size:0.05em 1px,0.05em 1px,2px 2px;background-repeat:no-repeat, no-repeat, repeat-x;text-shadow:0.03em 0 #2e00ee,-0.03em 0 #2e00ee,0 0.03em #2e00ee,0 -0.03em #2e00ee,0.06em 0 #2e00ee,-0.06em 0 #2e00ee,0.09em 0 #2e00ee,-0.09em 0 #2e00ee,0.12em 0 #2e00ee,-0.12em 0 #2e00ee,0.15em 0 #2e00ee,-0.15em 0 #2e00ee;background-position-y:0%,0%,100%;background-position-x:0%, 100%, 0%}.profile-text p a::selection{text-shadow:0.03em 0 #999,-0.03em 0 #999,0 0.03em #999,0 -0.03em #999,0.06em 0 #999,-0.06em 0 #999,0.09em 0 #999,-0.09em 0 #999,0.12em 0 #999,-0.12em 0 #999,0.15em 0 #999,-0.15em 0 #999;background:#999}.profile-text p a::-moz-selection{text-shadow:0.03em 0 #999,-0.03em 0 #999,0 0.03em #999,0 -0.03em #999,0.06em 0 #999,-0.06em 0 #999,0.09em 0 #999,-0.09em 0 #999,0.12em 0 #999,-0.12em 0 #999,0.15em 0 #999,-0.15em 0 #999;background:#999}.profile-text p a:before,.profile-text p a:after,.profile-text p a *,.profile-text p a *:before,.profile-text p a *:after{text-shadow:none}.profile-text p a:visited{color:inherit}.contact a{color:inherit;text-decoration:none;background:-webkit-linear-gradient(#2e00ee, #2e00ee),-webkit-linear-gradient(#2e00ee, #2e00ee),-webkit-linear-gradient(#fff, #fff);background-size:0.05em 1px,0.05em 1px,1px 1px;background-repeat:no-repeat, no-repeat, repeat-x;text-shadow:0.03em 0 #2e00ee,-0.03em 0 #2e00ee,0 0.03em #2e00ee,0 -0.03em #2e00ee,0.06em 0 #2e00ee,-0.06em 0 #2e00ee,0.09em 0 #2e00ee,-0.09em 0 #2e00ee,0.12em 0 #2e00ee,-0.12em 0 #2e00ee,0.15em 0 #2e00ee,-0.15em 0 #2e00ee;background-position-y:0%,0%,100%;background-position-x:0%, 100%, 0%}.contact a::selection{text-shadow:0.03em 0 #999,-0.03em 0 #999,0 0.03em #999,0 -0.03em #999,0.06em 0 #999,-0.06em 0 #999,0.09em 0 #999,-0.09em 0 #999,0.12em 0 #999,-0.12em 0 #999,0.15em 0 #999,-0.15em 0 #999;background:#999}.contact a::-moz-selection{text-shadow:0.03em 0 #999,-0.03em 0 #999,0 0.03em #999,0 -0.03em #999,0.06em 0 #999,-0.06em 0 #999,0.09em 0 #999,-0.09em 0 #999,0.12em 0 #999,-0.12em 0 #999,0.15em 0 #999,-0.15em 0 #999;background:#999}.contact a:before,.contact a:after,.contact a *,.contact a *:before,.contact a *:after{text-shadow:none}.contact a:visited{color:inherit}.contact span{display:inline}.contact div{padding:0}.contact .contact-left,.contact .contact-right{position:fixed;bottom:0;padding:1.5rem}.contact .contact-left div,.contact .contact-right div{display:inline-block;padding-right:0.5rem}.contact .contact-left span,.contact .contact-right span{display:inline-block;padding-bottom:0.3em}.contact .contact-left{left:0}.contact .contact-right{right:0}}@media screen and (min-height: 600px) and (max-height: 700px){.profile-text p{font-size:2.35em}}.contact-subscribe{padding-bottom:0 !important}.contact-subscribe input,.contact-subscribe button{border:1px solid #fff;background:transparent;padding:0.3rem 0.5rem;height:2.2rem;vertical-align:middle}.contact-subscribe input{width:10rem}.contact-subscribe .contact-subscribe-button{text-decoration:underline;cursor:pointer}.contact-subscribe .contact-subscribe-form{display:none;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s}.contact-subscribe-open .contact-subscribe-button{display:none;opacity:0}.contact-subscribe-open .contact-subscribe-form{opacity:1;display:inline-block}.testcards{height:100%;width:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.testcards a{text-decoration:underline}.testcards.black-background{background:#121113}.touch .testcards .wrap{padding:0 1.5rem;margin-top:4rem}.testcards-testcards{padding:0 2rem;position:static;margin:6rem 0;top:auto;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.testcards-testcards .testcards-images{max-width:90rem;margin:auto}.testcards-testcards .testcards-images:after{content:'';height:0;display:table;clear:both}.testcards-testcard{float:left;display:block;margin-right:2.3576515979%;width:31.7615656014%;margin-bottom:2.35%;position:relative}.testcards-testcard:last-child{margin-right:0}.testcards-testcard:nth-child(3n){margin-right:0}.testcards-testcard:nth-child(3n+1){clear:left}.testcards-testcard .assets{overflow:hidden;padding-bottom:100%;position:relative;border-radius:1000px;-webkit-mask-image:-webkit-radial-gradient(circle, white 100%, black 100%);-webkit-transition:background 1s;-moz-transition:background 1s;transition:background 1s}.testcards-testcard .assets img,.testcards-testcard .assets video{position:absolute;width:100%;height:100%;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;transition:opacity 1s}.mobile .testcards-testcards{position:static;padding:1.5rem;top:0;width:100%;margin-top:4rem}.mobile .testcards-testcard{float:left;display:block;margin-right:2.3576515979%;width:100%;margin-bottom:2rem}.mobile .testcards-testcard:last-child{margin-right:0}.mobile .testcards-testcard:nth-child(3n){margin-right:0}.mobile .testcards-testcard:nth-child(3n+1){clear:left}.error{position:absolute;top:50%;width:100%;text-align:center;font-size:4em;line-height:100%}@media (min-width: 1440px) and (min-height: 810px){html{font-size:93%}body{font-size:105%}}@media (min-width: 1440px) and (min-height: 910px){html{font-size:100%}body{font-size:105%}}@media (min-width: 1600px) and (min-height: 910px){html{font-size:100%}body{font-size:110%}}html.mobile{font-size:80%}body.mobile{font-size:100%}
