@font-face{font-family:"GT America";src:url(/fonts/main.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Ogg Italic";src:url(/fonts/alt.otf) format("opentype");font-weight:400;font-style:normal}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body,html{margin:0;padding:0;height:100%;width:100%;font-smoothing:antialiased;background-color:#f9f9f4;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body{font-family:"GT America",Helvetica,sans-serif;font-weight:400;font-size:15px;font-style:normal;line-height:21px}@media (min-width:576px){body{font-size:18px;line-height:25px}}body a{color:#000}body.dark{background:#000;color:#fff}body.dark a{color:inherit}body.dark main{background-color:#000}body.dark .image .overlay{color:#fff;background-color:rgba(0,0,0,.85)}body.dark .project{border-color:#555}body.dark .project:hover{border-color:#fff}body.dark .container .project:first-child{border-color:#555}body.dark .attribution,body.dark .project-category,body.dark .project-category-mobile{color:#999}body.dark .attribution a{color:#999}body.dark footer{color:#999}footer{font-size:12px;display:flex;padding:0 24px 24px 24px;align-items:baseline;justify-content:space-between}@media (min-width:576px){footer{padding:0 60px 60px 60px}}a{text-decoration:underline}a.alt{text-decoration:none}@media (hover:hover){a.alt:hover{color:#959590}}main{padding-top:73px;min-height:calc(100vh - 30px);background-color:#f9f9f4;margin-bottom:120px}@media (min-width:576px){main{padding-top:138px}}.container{padding-left:24px;padding-right:24px;margin:0 auto}@media (min-width:576px){.container{padding-left:60px;padding-right:60px}}.container .row:first-child{padding-top:30px}.row{margin-bottom:24px;transition:opacity 1s,transform 1s;opacity:1;transform:translate(0,0)}.row.hidden{opacity:0;transform:translate(0,80px)}@media (min-width:576px){.row{padding-bottom:120px}}.row .narrow{margin:0 auto}@media (min-width:576px){.row .narrow{width:75%}}@media (min-width:576px){.row .left,.row .right{width:50%;display:inline-block}}@media (min-width:576px){.row .left{float:left;padding-right:12px}}.row .right{padding-top:24px}@media (min-width:576px){.row .right{padding-top:0;padding-left:12px}}@media (min-width:576px){.row .grid-row{display:flex}.row .grid-row:first-child{margin-bottom:12px}}.row .grid-row .grid{padding-top:12px}@media (min-width:576px){.row .grid-row .grid{padding-top:0}}@media (min-width:576px){.row .grid-row .grid:not(:last-child){margin-right:12px}}.info-title{font-size:22px;line-height:28px}@media (min-width:576px){.info-title{font-size:30px;line-height:36px}}.info{font-size:15px;line-height:21px}@media (min-width:576px){.info{font-size:18px;line-height:25px}}.img-fluid{display:block;width:100%}.image{position:relative}@media (hover:hover){.image:hover .overlay{opacity:1}}.image .overlay{transition:opacity .3s ease-in-out;opacity:0;position:absolute;bottom:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000;background-color:#f9f9f4;font-size:18px;line-height:18px}.navbar{mix-blend-mode:difference;position:fixed;top:0;width:100%;padding-top:19px;padding-left:24px;padding-right:24px;font-size:15px;line-height:21px;z-index:100}.navbar a{color:#fff}@media (hover:hover){.navbar a.alt:hover{color:#6a6a6f}}@media (min-width:576px){.navbar{padding-top:30px;padding-left:60px;padding-right:60px;font-size:18px;line-height:25px}}.navbar-info{float:right}.navbar-info a:not(:last-child){padding-right:10px}@media (min-width:576px){.navbar-info a:not(:last-child){padding-right:30px}}.next{font-size:15px;line-height:21px}@media (min-width:576px){.next{font-size:18px;line-height:25px}}.title{font-size:22px;line-height:28px}@media (min-width:576px){.title{font-size:30px;line-height:36px}}.attribution,.description{font-size:15px;line-height:21px}@media (min-width:576px){.attribution,.description{font-size:18px;line-height:25px}}@media (min-width:576px){.attribution{padding-bottom:0}}.attribution{padding-bottom:96px;color:#959590}.attribution a{color:#959590}.contact{font-size:15px;line-height:21px;padding-bottom:60px}@media (min-width:576px){.contact{font-size:18px;line-height:25px}}.project-thumbnail{position:fixed;pointer-events:none;min-width:100px;width:20%;height:auto;z-index:1000}.project-thumbnail.hidden{display:none}.container .project:first-child{border-top:1px solid #aeaeaa}.project{border-bottom:1px solid #aeaeaa}.project:hover{border-bottom:1px solid #000}.project .project-category-mobile{color:#959590}@media (min-width:576px){.project{display:flex}.project .project-category-mobile{display:none}}.project .project-category,.project .project-title{padding-top:20px;padding-bottom:20px}.project .project-title{display:block;font-size:15px;line-height:21px}@media (min-width:576px){.project .project-title{display:flex;flex:1;align-items:center;font-size:18px;line-height:25px;padding-right:60px}}.project .project-category{display:none;color:#959590}@media (min-width:576px){.project .project-category{display:flex;flex:1;align-items:center;font-size:18px;line-height:25px}}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}.phone-wrapper{height:600px}@media (min-width:576px){.phone-wrapper{height:initial;padding:40px;background:#000}}@media (min-width:576px){.vimeo-responsive{padding:56.25% 0 0 0;position:relative}}.embed-container embed,.embed-container iframe,.embed-container object{position:absolute;top:0;left:0;width:100%;height:100%}