.paddedTop,.proj-desc,header{padding:1em 0}body{font-family:Helvetica,Arial,sans-serif;color:#9b9b9b;background-color:#1d1d1b}body,html{font-size:100%}dl,p{max-width:25em}html{box-sizing:border-box;overflow-y:scroll}*,:after,:before{box-sizing:inherit;margin:0;padding:0}a{color:inherit;text-decoration:none;transition:all .45s ease}a:hover,a:hover .index-client{color:#fff}button{box-shadow:none;border-radius:0;display:inline-block;padding:.5em 1em;background:#eee;border:none;border-radius:7px;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.2));color:#222;font-family:sans-serif;font-size:16px;text-shadow:0 1px #fff;cursor:pointer}button:focus{outline:0}h1,h2,h3{font-weight:400;font-weight:lighter;text-transform:uppercase}h1{font-size:13.6px;font-size:.85rem}h2{font-size:32px;font-size:2rem;margin-bottom:.25em}h3{font-size:13.6px;font-size:.85rem}sub,sup{vertical-align:baseline;position:relative;top:-.4em}sub{top:.4em}sup{font-size:.65em;padding-right:2em}iframe{position:absolute;height:100%;width:100%;top:0;left:0}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:"";display:block;height:0;visibility:hidden}.clearfix:after{clear:both}@media screen and (min-width:40.1rem){.mobile-only{display:none;visibility:hidden}}.svg-container{width:80%;padding-bottom:80%;margin:10% auto}.hidden,.mobile-hide{display:none;visibility:hidden}@media screen and (min-width:40.1rem){.mobile-hide{display:block;visibility:visible}}.list-none>li{list-style:none}.floating-li>li{display:inline}.taR{text-align:right}.taC{text-align:center}@media screen and (min-width:40.1rem) and (max-width:48rem){.taC{text-align:left;padding-left:4%}}.w100{width:100%}.h100{height:100%}.abs{position:absolute}.fix{position:fixed}.rel{position:relative}header{width:100%}@media screen and (min-width:40.1rem){header{width:20%;order:2}}@media screen and (min-width:48.1rem){header{width:30%}}h1.reveal-on-hover{transition:all .45s ease;color:#1d1d1b}.logo:hover .reveal-on-hover{color:#fff}.wrapper{margin:auto;padding:0 .75em;position:relative;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap}@media screen and (min-width:40.1rem){.wrapper{padding:0 1.75em 0 .65em}}.content{padding:2em 0 0;width:100%}@media screen and (min-width:40.1rem){.content{order:3;padding:2em 0 .65em}}.proj-tile,.proj-tile-double{width:100%;height:0;overflow:hidden;transition:all .45s ease}.proj-tile-double>img,.proj-tile>img{width:100%;max-width:100%}@media screen and (min-width:40.1rem){.proj-tile,.proj-tile-double{float:left}}@media screen and (min-width:40.1rem){.proj-tile{width:50%}}@media screen and (min-width:48.1rem){.proj-tile{width:33.33333%}}.proj-tile-double{padding-bottom:56.25%}@media screen and (min-width:48.1rem){.proj-tile-double{width:66.66667%;padding-bottom:37.5%}}.HD-tiles>.proj-tile{padding-bottom:56.25%}@media screen and (min-width:40.1rem){.HD-tiles>.proj-tile{padding-bottom:28.125%}}@media screen and (min-width:48.1rem){.HD-tiles>.proj-tile{padding-bottom:18.75%}}.XHD-tiles>.proj-tile{padding-bottom:44.87%}@media screen and (min-width:40.1rem){.XHD-tiles>.proj-tile{padding-bottom:22.44%}}@media screen and (min-width:48.1rem){.XHD-tiles>.proj-tile{padding-bottom:14.96%}}.SHD-tiles>.proj-tile{padding-bottom:64.32%}@media screen and (min-width:40.1rem){.SHD-tiles>.proj-tile{padding-bottom:32.16%}}@media screen and (min-width:48.1rem){.SHD-tiles>.proj-tile{padding-bottom:21.44%}}.UWD-tiles>.proj-tile{padding-bottom:49.929874%}@media screen and (min-width:40.1rem){.UWD-tiles>.proj-tile{padding-bottom:24.964937%}}@media screen and (min-width:48.1rem){.UWD-tiles>.proj-tile{padding-bottom:16.6432913%}}.index-year{font-size:45.6px;font-size:2.85rem;margin-bottom:0}.proj-list-caption{font-size:.875em;overflow:hidden;text-transform:uppercase}.proj-list-caption span{background-color:#1d1d1b;padding:8px 9px 8px 0;transition:all .45s ease}@media screen and (min-width:40.1rem){.proj-list-caption span{padding-left:6px}}.is-list .proj-list-caption span{padding-top:2px;padding-left:0;padding-bottom:2px}.proj-list,.proj-list-container{width:100%;margin-bottom:2em}.proj-list-tile{width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;transition:all .45s ease}@media screen and (min-width:40.1rem){.proj-list-tile{float:left;width:50%;padding-bottom:28.125%}}@media screen and (min-width:48.1rem){.proj-list-tile{width:33.33333%;padding-bottom:18.75%}}.proj-list-tile>img{position:absolute;min-height:100%;min-width:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.proj-list-caption{position:absolute;top:0;left:0;transition:top .45s ease}@media screen and (min-width:48.1rem){.proj-list-caption{top:-5em}}@media screen and (min-width:48.1rem){.proj-list-tile:hover .proj-list-caption{top:0}}.is-list .proj-list-tile{height:auto;float:none;width:100%;padding-bottom:0}.is-list .proj-list-tile .proj-list-caption{position:relative;padding:0;top:0}.is-list .index-year,.proj-thumb{display:block;visibility:visible;opacity:1}.index-year,.is-list .proj-thumb{display:none;visibility:hidden;opacity:0;transition:opacity .3s ease}.proj-desc{width:100%;padding-right:0;padding-bottom:3em;display:flex;flex-direction:column}@media screen and (min-width:40.1rem){.proj-desc{flex-direction:row;padding-right:1.75em;width:80%;order:1;flex-wrap:nowrap;-webkit-flex-wrap:nowrap}}@media screen and (min-width:48.1rem){.proj-desc{width:70%}}.primary{padding-right:1.35rem}.secondary{display:block;position:relative}@media screen and (min-width:40.1rem){.secondary{flex-grow:2}}@media screen and (min-width:40.1rem){.secondary:before{content:"/";position:relative;float:left;font-size:2rem;font-weight:200;top:-.05rem;left:-1.25rem}}.primary a:hover svg{fill:#fff}@media screen and (min-width:40.1rem){h2.client:before{content:"";position:relative;display:inline-block;width:2rem;height:2rem;background:url(../../images/arrow-back.svg) 0 no-repeat;top:.15em}}h2.client{position:relative}@media screen and (min-width:40.1rem){h2.client:hover:before{background:url(../../images/arrow-back-hover.svg) 0 no-repeat}}.author,.logo{margin-top:.25em}.arrow,.back-to-index{position:absolute;bottom:0;width:3em;height:3em}@media screen and (min-width:40.1rem){.arrow{position:fixed;height:80vh;top:10vh}}.arrow>a{width:100%;height:100%;position:relative;border:none;background:none;display:block}.arrow>a:hover{cursor:pointer}.arrow-icon{transition:all .45s ease;width:3em;padding-bottom:3em;top:50%;left:50%;transform:translate(-50%,-50%)}.arrow-icon svg{fill:#9b9b9b}.arrow:hover .arrow-icon svg{fill:#fff}.prev{right:6.75em}@media screen and (min-width:40.1rem){.prev{left:.65em}}.next{right:.75em}@media screen and (min-width:40.1rem){.next{right:1.75em}}.back-to-index{right:3.75em}.back-to-index a{transition:all .45s ease}.back-to-index:hover a{color:#fff}.close{font-size:3em;height:3em;line-height:3em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.youtube{background-color:#000;margin-bottom:30px;position:relative;padding-top:100%;overflow:hidden;cursor:pointer}.youtube img{width:100%;top:-16.84%;left:0;opacity:.7}.play-button{width:90px;height:60px;background-color:#333;box-shadow:0 0 30px rgba(0,0,0,.6);z-index:1;opacity:.8;border-radius:6px}.play-button:before{content:"";border-color:transparent transparent transparent #fff;border-style:solid;border-width:15px 0 15px 26px}.play-button,.youtube img{cursor:pointer}.play-button,.play-button:before,.youtube img{position:absolute}.play-button,.play-button:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.lazyloading{opacity:0}.lazyloaded{opacity:1}.lazyload{transition:opacity .45s ease}.svg-container{position:relative;height:0}.svg-container svg{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[data-toggle]:checked+label:active svg,input[data-toggle]:checked+label svg,label:hover svg{fill:#fff}input[data-toggle]{display:none;visibility:hidden}.icon{display:inline-block;width:28px;padding-bottom:28px;cursor:pointer}.icon svg{fill:#9b9b9b}.icon:first-of-type{margin-right:1em}.video{position:relative;background-color:#000}.video iframe,.video video{position:absolute;top:0;left:0;width:100%;height:100%}.proj-snapshots-grid{display:flex;flex-wrap:wrap;width:100%;clear:both}.proj-snapshots-grid--item{overflow:hidden;max-width:640px;width:100%}@media screen and (orientation:portrait) and (min-width:40.1rem){.proj-snapshots-grid--item{width:50%}}@media only screen and (min-device-width:810px) and (max-device-width:1080px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){.proj-snapshots-grid--item{width:50%}}@media screen and (orientation:landscape){.proj-snapshots-grid--item{width:25%}}.proj-snapshots-grid--item_img{width:100%;max-width:100%;margin-bottom:-5px}
.UWD-tiles.extra-wide > .proj-tile {padding-bottom: 42.0%}
@media screen and (min-width: 48.1rem) {
  .UWD-tiles.extra-wide > .proj-tile {padding-bottom: 14.0%}
}
.logo h1:not(.reveal-on-hover) {
  position: relative;
}
.logo h1:not(.reveal-on-hover)::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.35em;
  height: 0;
  padding-bottom: 1em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 80 54'%3E%3Cpath fill='%239B9B9B' d='M0 0v53.99h80V0H0Zm39 30L2 2h75L39 30Zm39 22H2V5l37 28L78 4v48Z'/%3E%3C/svg%3E") top right no-repeat;
  background-size: contain;
}
@media screen and (min-width: 30.1rem) {
  .logo h1:not(.reveal-on-hover)::after {
    top: 0.35em;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1080px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .logo h1:not(.reveal-on-hover)::after {
    left: -4.5em;
    right: initial;
  }
}
@media screen and (min-width: 48.1rem) {
  .logo h1:not(.reveal-on-hover)::after {
    width: 3.15em;
    padding-bottom: 1.7em;
  }
}
.prev {z-index: 20}

/*# sourceMappingURL=style.css.map */