body{font-family:Raleway,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background-color:#fff}html{font-size:14px}#top-header a,body{color:#3c3c3c}#app a{text-decoration:none}#app .loader{position:fixed;top:0;bottom:0;left:0;right:0;opacity:0;z-index:-1;transition:opacity .75s ease-in-out}#app.loading .loader{background-image:url(/static/images/oval.svg);background-repeat:no-repeat;background-position:50%;background-size:8%;opacity:1;z-index:2}@keyframes fadein{0%{opacity:0}50%{opacity:0}to{opacity:1}}#app .seo-content{animation:fadein 4s 1}.alt-text,.journal-container>.content-title,.projects .content-title{display:inline-block;position:absolute;left:-9999em;top:0}#site-logo{position:absolute;top:-1.5em;left:1.25%;margin:0;padding:0;height:2em;width:60%;background-image:url(/static/images/logo.svg);background-repeat:no-repeat;background-position:0 0;background-size:contain;pointer-events:all}#site-logo a{display:block;width:100%;height:100%}blockquote,figure,ol,picture,ul{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0;padding-inline-start:0;margin-inline-start:0}figure,picture{margin:0}article ol,article ul{padding-left:1.5em}.horizontal,.horizontal li,.listing,.listing li,.menu,.menu li{list-style-type:none;margin:0}#top-header .menu li,.slide-filter li{position:relative}#top-header .menu li{position:relative;padding:0 .25em 0 1.75em}.slide-filter li{padding:0 .5em 0 1em}.projects-list li,.slide-filter li{cursor:pointer}#app .slide-filter li:first-child{padding-left:0}#app .slide-filter li.active,#app h2.article-title,.content-container a,.journal-entry h4,.journal-entry time,ul.projects-list li figcaption .inner:before{color:#c4b32f}#app .carousel .arrow:hover,#app .slide-container .arrow:hover{color:#fff;opacity:1}.journal-entry h4,article.work h2,article.work h5{font-size:1em;font-weight:400}article.work h2{margin:1em 0}article.node-page>h2.show-title{font-size:1em;margin-top:0;padding-top:0}article.node-page>h2.hide-title{position:absolute;top:0;left:-9999em}.journal-entry h4,article.work h5{font-weight:400;margin:0 0 1em}article .info{font-size:.9em;color:#c4b32f}article.work h5{margin:0}#top-header .project-arrow{position:absolute;top:.125em;width:2em;min-height:1.75em;cursor:pointer;color:#c4b32f;z-index:100;pointer-events:all}#top-header .project-arrow:hover{color:#000}#top-header .project-arrow:before{font-size:1em}#top-header .icon-triangle-next{right:2.5%}#app.touch-enabled .click-overlay,.touch-overlay{display:none}#app.touch-enabled .touch-overlay,.click-overlay{display:block}.projects .slide-filter{margin-top:1em;margin-bottom:1.125em;padding-top:.875em;text-align:left;text-transform:lowercase}.bullets li{cursor:pointer}#top-header .menu li{text-transform:lowercase}#top-header .menu{float:right}#top-header a{text-decoration:none}#footer a:hover,#top-header a:hover{color:#000}#top-header .menu li:before,.bullets li:before{position:absolute;font-family:icomoon;top:.3em;left:.6em;content:"\E904";font-size:.75em;color:#c4b32f}.home>h2{position:absolute;left:-9999em}#admin-bar,.fixed-container{position:fixed;top:2em;right:1.25%}.has-overlay #admin-bar{display:none}#admin-bar{z-index:150}.inner .icon-cancel:before{font-size:2em}.horizontal li{display:inline-block}.menu-toggle,.menu-toggle:before{position:absolute}.menu-toggle{top:.5em;right:2.5%;cursor:pointer;color:#a3948d;transition:color .25s ease-in-out}.menu-toggle:hover,.show-menu .menu-toggle:hover{color:#000}.show-menu .menu-toggle{color:#c4b32f}.menu-toggle:before{top:0;right:0;font-size:2em}.menu-toggle>span{font-size:1.25em;opacity:0}.section{clear:both}.pictures.half,.pictures.half-landscape,.pictures.half-portrait,.section .pictures,.section .pictures figure,.section .pictures img,.section .pictures picture{position:relative;width:100%}.pictures img{margin:0 0 1em}.pictures figure:last-child img{margin:0}.section .pictures figcaption{position:relative;width:100%;padding:.25em 0 1.5em;text-align:center;font-size:.8em}.section .subtitle{clear:both}@media screen and (max-width:767px){#top-header .horizontal li{display:block;margin:1.25em 0;text-align:left;font-size:1.125em}@media (max-height:300px){#top-header .horizontal li{margin:.75em 0;font-size:1em}}@media (min-height:301px) and (max-height:400px){#top-header .horizontal li{margin:.9em 0;font-size:1em}}#top-header>.inner>ul{margin-top:3em;float:none}.show-menu #top-header>.inner{background-color:#fff}.show-menu #top-header{z-index:60}}#admin-bar>span,nav li{cursor:pointer}ul.projects-list li,ul.projects-list li figure{position:relative}ul.projects-list li figcaption{position:absolute;display:flex;flex-direction:row;justify-content:center;align-content:center;align-items:center;left:0;right:0;bottom:0;background:#fff;opacity:0;transition:opacity .5s ease-in-out}ul.projects-list li figcaption .inner{overflow:hidden;padding:1em 0;position:relative}ul.projects-list li figcaption .inner:after,ul.projects-list li figcaption .inner:before{font-family:icomoon;position:absolute}ul.projects-list li figcaption .inner:before{top:0;left:0;content:" "}ul.projects-list li figcaption .inner h4{font-weight:400;padding:0;margin:0;font-size:.875em}ul.projects-list li figcaption{top:0}ul.projects-list li.tapped figcaption,ul.projects-list li:hover figcaption{opacity:1}ul.projects-list li{position:relative;padding:0;margin:0 0 3vw}ul.projects-list{display:flex;flex-flow:row wrap}figure img,picture img{max-width:100%;height:auto}.show-detail .detail-content,.show-listing .main-content{position:relative;opacity:1;z-index:4}.show-detail .main-content,.show-listing .detail-content{position:absolute;top:0;left:0;opacity:0;z-index:-1;pointer-events:none;max-height:100vh;overflow:hidden}#top-header{position:fixed;top:0;left:0;right:0;height:4em;z-index:20;background-color:#fff}header nav.inner{pointer-events:none}header nav.inner ul.menu{position:relative;opacity:0;padding-top:1.5em;transition:max-height 375ms ease-in-out,opacity 125ms ease-in-out .25s;pointer-events:none;max-height:0;overflow:hidden}.show-menu header nav.inner ul.menu{opacity:1;pointer-events:all;max-height:100vh;transition:opacity 125ms ease-in-out,max-height 375ms ease-in-out 50ms}.body,.content-container article,.detail-content,.node-page{text-align:left}.sections .section{position:relative;margin-bottom:1em}.sections .section>.text,article>.body{max-width:60em}.sections .quote>blockquote.text{padding:0 2em;max-width:56em}.sections .quote>h4.author{padding:0 3em;margin:.5em 0 1em}.body,article>h2{color:#000}.content-container{transition:opacity .25s ease-in-out;opacity:1}#app,#top-header>.inner,.overlay-container #admin-frame{position:relative;margin:0 auto;padding:0 2.5% 2em;max-width:1524px}.overlay-container>.close{position:fixed;top:1rem;font-size:2.5em;right:.5%;width:1em;cursor:pointer;z-index:300;pointer-events:all}.overlay-container{position:fixed;pointer-events:none;top:0;bottom:0;left:0;right:0}#admin-frame{border:none;width:96%;min-height:100vh;opacity:0;z-index:-1;background-color:#fff;transition:opacity .5s ease-in-out}#app .show-admin,.show-admin #admin-frame{opacity:1;z-index:290;pointer-events:all}.content-container{position:relative;margin:5em 0 0;min-height:70vh}.slide-container nav ol{margin-top:.5em}.carousel>.arrow,.slide-container>.arrow{position:absolute;top:0;bottom:2em;width:25%;transition:opacity .25s ease-in-out;opacity:0;color:#fff}.carousel:hover .arrow,.slide-container:hover .arrow{opacity:.8;z-index:19}.carousel .arrow:before,.slide-container .arrow:before{position:absolute;top:50%;font-size:2em;cursor:pointer;opacity:.6667;transition:opacity .25s ease-in-out}.detail-content .swipe-back{position:absolute;top:0;left:30%;right:30%;height:15vh;max-height:30vw;z-index:120}.slide-container .arrow:before{margin:-.5em .25em 0}#app article.content-container{padding:.75em 0}.carousel .arrow:before{margin:-1em .25em 0}.carousel .next:before,.carousel>.next,.slide-container .next:before,.slide-container>.next{right:0}.carousel .prev:before,.carousel>.prev,.slide-container .prev:before,.slide-container>.prev{left:0}.carousel nav ol li,.slide-container nav ol li{text-indent:-10em;font-size:.5625em;width:1em;height:1em;overflow:hidden;background-color:#a3948d;border-radius:1em;margin:0 .6666em 0 .333em}.carousel nav,.slide-container nav{position:relative;text-align:left;padding-left:25%}.slide-container nav{left:2.5%}.carousel nav ol li.active,.slide-container nav ol li.active{background-color:#c4b32f}.slide-container .slides,.slide-container .slides li{overflow:hidden;margin:0}.slide-container .slides li{padding:0;pointer-events:none;z-index:-1;height:100%;max-height:100%}article .slide-container .slides{position:relative;height:56.25vw;max-height:100%;width:100%;padding:0}@media screen and (max-width:640px) and (min-height:400px){article .slide-container .slides{height:133.33vw}}.slide-container{position:relative;width:105%;margin:0 -2.5%;top:-.5em}.slide-container .slides li{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;transition:opacity 1s ease-in-out}#app .embed .playing .overlay{opacity:0;pointer-events:none}#app .embed .playing iframe{opacity:1;pointer-events:all}.embed .overlay{opacity:1}.embed .overlay,.embed iframe{transition:opacity .5s ease-in-out}.embed,.embed .overlay,.embed .overlay img,.embed iframe{width:100%}.embed .overlay img{height:auto}.embed .player{position:relative}.embed .player iframe{opacity:0;pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0;height:100%}#footer,.journal-entry,.journal-entry>.float-first{clear:both}#footer{margin:3em auto 2em;font-size:.8em}#footer,#footer a{color:#422314}#footer>ul{text-align:left;padding-left:0}#footer>ul.bottom-list li{margin-right:.5em;padding-right:.5em;border-right:1px solid #422314}#footer>ul.bottom-list li:last-child{border-right:none}#footer li{cursor:pointer}#footer .status-msg{padding:1em 0;text-align:center;margin:.5em auto;opacity:0;transition:opacity 1s ease-in-out}#footer .status-msg.show{opacity:1}.slide-container .slides li.active{opacity:1;pointer-events:all;z-index:3;cursor:pointer}.carousel,.top-carousel{position:relative}.carousel{margin:0;width:100%}.top-carousel{min-height:42.5vw}.top-carousel>figure{top:0;bottom:0;height:100%;display:flex;width:100%;justify-content:center;align-items:center;flex-direction:row;z-index:-2}.top-carousel>figure,.top-carousel>figure figcaption{position:absolute;opacity:0;transition:opacity .5s ease-in-out}.top-carousel>figure figcaption{bottom:2.5vh;padding:.625em 1em;text-align:center}.top-carousel>figure.active figcaption:hover{opacity:1;background-color:hsla(0,0%,100%,.5)}.top-carousel figure picture{position:relative;height:100%}@media screen and (max-width:640px) and (min-height:400px){#app .top-carousel{min-height:133.33vw}}.slide-container .slides li img,.top-carousel>figure img{width:100%;height:auto}.carousel .top-carousel.num-images-1>figure,.top-carousel>figure.active{opacity:1;z-index:3}.core-content .body,.core-content .date{font-size:.9em}article .body p{line-height:1.5em}@media screen and (min-width:640px){ul.projects-list li{width:50%;margin-bottom:4vw}ul.projects-list li img{min-height:34vw}ul.projects-list li figure{margin:0 9% 0 0}#app ul.projects-list{width:104.5%}.section .pictures.half figure{width:49.625%;float:left}.sections .section .half-mixed-2 figure.fig-1,.sections .section .half-mixed figure.fig-0{width:64.75%}.sections .section .half-mixed-2 figure.fig-0,.sections .section .half-mixed figure.fig-1{width:35.25%}.sections .section .half-mixed-2 figure.fig-1 img,.sections .section .half-mixed figure.fig-1 img{float:right}.sections .section .half-mixed figure.fig-1 img{margin-right:5%}.sections .section .half-mixed-2 figure.fig-1 img{margin-left:2%;margin-right:2.5%}.section .pictures.half img{display:block;margin:0 2% 1.95vw 0;width:96%}.sections .section .pictures .index-1 img{float:right}.carousel nav,.slide-container nav{padding-left:7.125em}}@media screen and (min-width:640px){#app .slide-container .slides li,#app article .slide-container .slides{height:45vw;max-height:720px}}@media screen and (min-width:768px){#top-header nav.inner ul.menu{opacity:1;pointer-events:all;max-height:none;padding-top:0}#top-header .project-arrow{top:3.25em}#top-header .project-arrow:before{font-size:1.25em}.detail-content .swipe-back{max-height:15vw}#top-header .menu-toggle{display:none}#top-header .menu li.item-0:before{content:""}#top-header{height:8.25em}#top-header .menu{margin-top:5.75em}#top-header .menu li{padding:.45em .25em .5em 1.75em}#top-header .menu li:before{top:1em}#app .content-container{margin-top:8.375em}.slide-container{top:-1em}.carousel nav,.slide-container nav{padding-left:12.625em;margin-top:1em;margin-bottom:1.875em}.carousel nav ol,.slide-container nav ol{position:relative;height:1em;top:-.125em;margin-top:0;padding-top:0}.carousel nav ol{top:-.125em}.slide-container nav ol{top:0}#site-logo{left:.625%}.journal-entry>.half-width{max-width:48.75%}.section .pictures.half,.section .pictures.half-landscape,.section .pictures.half-portrait{width:102%}.section .pictures img{margin:0}.journal-entry>.float-first{float:left;padding:0 1.25% 2em 0;margin:0 -1% 0 0}.journal-entry>.float-second{float:right;padding:0 0 2.25em 1.25%}.core-content>h4.blog-title{margin-top:0;padding-top:0}#site-logo{top:1.2em;left:1.25%;padding:0;height:3em;width:10em}#footer>ul{padding-left:52%}}@media screen and (min-width:960px){ul.projects-list li{width:33.3333%;margin-bottom:2.5vw}#footer>ul{padding-left:34.33%}#app ul.projects-list{width:103%}ul.projects-list li img{min-height:22.667vw}}@media screen and (min-width:1080px){#app .detail-content .swipe-back{display:none;z-index:-1}#app article.content-container .main-image{float:left;max-width:48%;margin:0 2% 0 0}#app article.content-container>.body{float:left;max-width:48%;margin:0 0 0 2%}#top-header>.inner #site-logo{left:1.5%}}@media screen and (min-width:1200px){ul.projects-list li{width:25%;margin-bottom:1.8vw}#app ul.projects-list{width:102.25%}ul.projects-list li img{min-height:17vw}#footer>ul{padding-left:25.667%}#top-header>.inner #site-logo{left:1.6%}}@media screen and (min-width:1300px){html{font-size:15px}}@media screen and (min-width:1400px){#top-header>.inner #site-logo{left:1.7%}}@media screen and (min-width:1500px){html{font-size:16px}}@media screen and (min-width:1600px){ul.projects-list li{margin-bottom:32px}ul.projects-list li img{min-height:264px}#site-logo{left:1.25%}.top-carousel,article .slide-container .slides{height:720px;min-height:720px}#top-header>.inner #site-logo{left:1.8%}.slide-container nav{margin-top:.875em}section .pictures.half img{margin-bottom:31px}}