@import url(https://cdnjs.cloudflare.com/ajax/libs/10up-sanitize.css/8.0.0/sanitize.min.css);@import url(https://fonts.googleapis.com/css?family=Red+Hat+Text:400,500,700|Work+Sans:400,500,600,700&display=swap);@import url(https://use.typekit.net/hnu6yrj.css);@import url(https://fonts.googleapis.com/css?family=Red+Hat+Text|Work+Sans&display=swap);body,html{font-family:Red Hat Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px}h1,h2,h3,h4,h5,h6,p{font-weight:300;margin:.8rem 0}b,strong{font-weight:500}button{background:transparent;border:0}button:hover{cursor:pointer}a{color:#aaa;font-family:Red Hat Text,Helvetica Neue,Helvetica,Arial,sans-serif;text-decoration:none}a:hover{color:#222}pre{background-color:#f2f2f2;border-radius:.5rem;line-height:1.5;margin-bottom:2rem;padding:1rem;white-space:pre-wrap}input[type=range]{-webkit-appearance:none;background:transparent;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:1.1rem;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:1.1rem;margin-top:-.42rem;width:1.1rem}input[type=range]::-moz-range-thumb{background:#fff;border-radius:1.1rem;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:1.1rem;width:1.1rem}input[type=range]::-ms-thumb{background:#fff;border-radius:1.1rem;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:1.1rem;width:1.1rem}input[type=range]::-webkit-slider-runnable-track{background:#fff;border:.2px solid #010101;border-radius:1.3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:3px;width:100%}input[type=range]:focus::-webkit-slider-runnable-track{background:#fff}input[type=range]::-moz-range-track{background:#fff;border:.2px solid #010101;border-radius:1.3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:3px;width:100%}input[type=range]::-ms-track{background:transparent;border-color:transparent;border-width:16px 0;color:transparent;cursor:pointer;height:3px;width:100%}input[type=range]::-ms-fill-lower{background:#fff;border:.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]:focus::-ms-fill-lower{background:#fff}input[type=range]::-ms-fill-upper{background:#fff;border:.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]:focus::-ms-fill-upper{background:#fff}h1,h2,h3,h4,h5{font-weight:500;line-height:1.15;margin:1rem 0}h1{font-size:1.802rem;margin:1rem 0 2rem}h2{font-size:1.602rem;margin:1rem 0 1.75rem}h3{font-size:1.424rem;margin:1rem 0 1.5rem}h4{font-size:1.266rem;margin:1rem 0 1.25rem}h5{font-size:1.125rem}p{color:#222;font-weight:400;line-height:1.75}p b,p strong{color:#000}ol,ul{color:#333;margin-bottom:2rem}ol li,ul li{line-height:1.5;margin-bottom:.5rem}.navigation{cursor:pointer;height:50px;left:.75rem;position:fixed;top:1.5rem;transition:.2s;width:50px;z-index:1000}.navigation.nav-up{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px);transition:opacity .4s cubic-bezier(.895,.03,.685,.22),-webkit-transform .4s cubic-bezier(.895,.03,.685,.22);transition:transform .4s cubic-bezier(.895,.03,.685,.22),opacity .4s cubic-bezier(.895,.03,.685,.22);transition:transform .4s cubic-bezier(.895,.03,.685,.22),opacity .4s cubic-bezier(.895,.03,.685,.22),-webkit-transform .4s cubic-bezier(.895,.03,.685,.22)}.navigation.nav-down{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1);transition:transform .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1);transition:transform .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1)}.navigation.navBack,.navigation:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.ham-menu{background-color:#000;border-bottom:1px solid #fff;cursor:pointer;height:4px;position:absolute;top:30%;transition:all .4s cubic-bezier(.77,0,.175,1);width:60%}.ham-menu:before{bottom:-12px;width:40px}.ham-menu:after,.ham-menu:before{background-color:#000;border-bottom:1px solid #fff;content:"";height:4px;left:0;position:absolute;transition:all .4s cubic-bezier(.77,0,.175,1)}.ham-menu:after{bottom:10px;width:20px}.ham-menu.navBack,.ham-menu.navBack:after{border-bottom:1px solid transparent;height:3px}.ham-menu.navBack:after{-webkit-transform:rotate(-45deg) translateX(-6px) translateY(-.5px);transform:rotate(-45deg) translateX(-6px) translateY(-.5px)}.ham-menu.navBack:before{border-bottom:1px solid transparent;height:3px;-webkit-transform:rotate(45deg) scaleX(.5) translateX(-29px) translateY(7.1px);transform:rotate(45deg) scaleX(.5) translateX(-29px) translateY(7.1px)}.navigation-list{background-color:#fff;display:flex;flex-direction:column;height:105vh;justify-content:center;margin:0;padding-left:.75rem;position:fixed;top:-2.5vh;width:100vw;z-index:998}.navigation-list .menu-item{color:#ccc;cursor:pointer;display:block;font-size:2rem;font-weight:200;margin-bottom:20px;opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);width:100%}.navigation-list .menu-item span{display:inline-block;line-height:1;overflow:hidden;padding-bottom:.75rem;white-space:nowrap}.navigation-list .menu-item span.hidden{color:#ccc;display:none;transition:all .5s cubic-bezier(.77,0,.175,1)}.navigation-list .menu-item:hover span{color:#333;width:auto}.navigation-list.open .menu-item:first-child{transition:all .5s cubic-bezier(.165,.84,.44,1) .95s}.navigation-list.open .menu-item:nth-child(2){transition:all .5s cubic-bezier(.165,.84,.44,1) 1s}.navigation-list.open .menu-item:nth-child(3){transition:all .5s cubic-bezier(.165,.84,.44,1) 1.05s}.navigation-list.open .menu-item:nth-child(4){transition:all .5s cubic-bezier(.165,.84,.44,1) 1.1s}.navigation-list.open .menu-item:nth-child(5){transition:all .5s cubic-bezier(.165,.84,.44,1) 1.15s}.navigation-list.open .menu-item{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.navigation-list.closing .menu-item:first-child{transition:all .4s cubic-bezier(.165,.84,.44,1) .2s}.navigation-list.closing .menu-item:nth-child(2){transition:all .4s cubic-bezier(.165,.84,.44,1) .15s}.navigation-list.closing .menu-item:nth-child(3){transition:all .4s cubic-bezier(.165,.84,.44,1) .1s}.navigation-list.closing .menu-item:nth-child(4){transition:all .4s cubic-bezier(.165,.84,.44,1) .05s}.navigation-list.closing .menu-item:nth-child(5){transition:all .4s cubic-bezier(.165,.84,.44,1) 0s}.navigation-list.closing .menu-item{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}.nav-list{position:absolute}.nav-list::-webkit-scrollbar{background:transparent;width:0!important}.nav-list-enter{opacity:0;pointer-events:none}.nav-list-enter-active{opacity:1;transition:opacity .8s cubic-bezier(.165,.84,.44,1) .2s}.nav-list-exit{opacity:1}.nav-list-exit-active{opacity:0;transition:opacity .2s}.nav-list-exit-done{opacity:0;pointer-events:none}@media(min-width:28.125rem){.navigation-list .menu-item{font-size:2rem}.navigation-list .menu-item span.hidden{display:none}}@media(min-width:37.5rem){.navigation{left:2rem;top:2rem}.navigation-list{padding-left:2rem}.navigation-list .menu-item span.hidden{display:none}.navigation-list .menu-item{font-size:2.5rem}}@media(min-width:56.25rem){.ham-menu{-webkit-transform:translateX(5px) translateY(9px);transform:translateX(5px) translateY(9px)}.navigation-list .menu-item span.hidden{display:inline-block}.navigation-list{padding-left:2.3rem}}@media(min-width:37.5rem){.page-title.project-title{margin-top:8rem}}@media(min-width:68.75rem){.page-title.project-title-experiments{text-align:center}.page-title.project-title-experiments:after{display:none}.page-title.project-title{display:block;margin-top:10rem;max-width:64.5rem}}.project-container.about-content{margin-top:5rem;padding:3rem 2rem 8rem}.project-container.about-content p{margin-left:auto;margin-right:auto;max-width:32.375rem}.highlight{color:#000}.project-container.about-content .email{margin:1.5625rem auto;text-align:center}.project-container.about-content .emphasis{font-weight:400;line-height:1.5;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:32.375rem;text-align:center}.project-container.about-content .about-pic{align-items:center;display:flex;height:100px;justify-content:center;margin-bottom:50px;width:100%}.project-container.about-content .about-pic img{border-radius:1000px;box-shadow:0 20px 60px 0 rgba(0,0,0,.3);flex:none;height:100px;object-fit:cover;outline:none;overflow:hidden;width:100px}@media(min-width:50rem){.project-container.about-content .about-pic img{height:125px;width:125px}}.intro-banner{align-items:center;display:flex;font-family:Work Sans,Helvetica Neue,Helvetica,Arial,sans-serif;height:103vh;-webkit-transform:translateY(50px);transform:translateY(50px);transition:all .3s cubic-bezier(.19,1,.22,1);width:100%}.hero-bg-container{height:95vh;overflow:hidden;position:absolute;top:-50px;-webkit-transform:scale(.95);transform:scale(.95);width:100%;z-index:-1}.hero-bg{height:100vh;width:100%}.intro-banner-content{box-sizing:border-box;max-width:68.75rem;padding:0 .75rem;-webkit-transform:translateY(-5vh);transform:translateY(-5vh)}.intro-banner-more-link{font-family:source-serif-pro,serif;font-style:normal;font-weight:400}.exit{opacity:0;-webkit-transform:translateY(150px);transform:translateY(150px)}.greeting{color:#000;font-weight:100;text-indent:-2px}.greeting,.sub-greeting{letter-spacing:-.005em;line-height:1.5}.sub-greeting{color:#666;font-size:1.5em;font-weight:300;margin-top:.5em}.intro-banner a{font-size:1.5rem}.intro-banner a,.intro-banner a:visited{color:#ccc;text-decoration:none}.intro-banner a:focus,.intro-banner a:hover{color:#222;text-decoration:underline}#content{display:none}.container{margin:0 auto;max-width:960px;padding:0 20px}.footer,.header{height:calc(5vh - 60px);padding:30px 0}.page,.post{box-shadow:0 1px 1px rgba(0,0,0,.1);margin-bottom:50px;padding:30px}.entry-title{font-size:30px;font-weight:200;line-height:1.3em;margin:0 0 30px}.entry-title a{font-weight:400}.text{display:inline-block;font-size:4em;margin:0;padding:0;position:relative}.again:after,.again:before,.content:after,.content:before,.more:after,.more:before,.text:after,.text:before{display:none;opacity:0}.visible:after,.visible:before{opacity:1}.visible .again{outline:.3px solid #aaa}.text:before{top:-3px}.text:after,.text:before{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 1px 0 rgba(0,0,0,.17);box-sizing:border-box;content:"";height:8px;left:-3px;position:absolute;width:8px}.text:after{bottom:-3px}.content:before{top:-3px}.content:after,.content:before{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 1px 0 rgba(0,0,0,.17);box-sizing:border-box;content:"";height:8px;left:calc(100% - 3px);position:absolute;width:8px}.content:after{bottom:-3px}.more:before{top:-3px}.more:after,.more:before{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 1px 0 rgba(0,0,0,.17);box-sizing:border-box;content:"";height:8px;left:calc(50% - 3px);position:absolute;width:8px}.more:after{bottom:-3px}.again{outline:0}.again:before{left:-3px}.again:after,.again:before{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 1px 0 rgba(0,0,0,.17);box-sizing:border-box;content:"";height:8px;position:absolute;top:calc(50% - 3px);width:8px}.again:after{left:calc(100% - 3px)}.again:focus{outline:0;outline:.3px solid #aaa}.again:focus:hover{color:#000;cursor:text}.again[active=true]:focus{outline:none}.again[active=true]:hover,.again[selected=selected]:hover{color:#000}.greeting{font-size:2.5rem;font-weight:500}@media(min-width:28.125rem){.greeting{font-size:3.375rem}}@media(min-width:37.5rem){.greeting{font-size:4rem}}@media(min-width:1100px){.greeting{font-size:5.625rem;text-indent:-10px}}@media(min-width:37.5rem){.intro-banner-content{padding:0 2rem}.sub-greeting{font-size:2rem;margin-bottom:2.5rem;margin-top:.5rem}.intro-banner-more-link{margin-top:1rem}}@media(min-width:1100px){.intro-banner-content{margin:0 auto;width:68.75rem}}html.with-featherlight{overflow:hidden}.featherlight{background:#333;background:transparent;bottom:0;cursor:pointer;display:none;left:0;position:fixed;right:0;text-align:center;top:0;white-space:nowrap;z-index:2147483647}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:"";display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{background:#fff;border-bottom:25px solid transparent;cursor:auto;display:inline-block;margin-left:5%;margin-right:5%;max-height:95%;overflow:auto;padding:25px 25px 0;position:relative;text-align:left;vertical-align:middle;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{background:#fff;background:hsla(0,0%,100%,.3);border:0;color:#000;cursor:pointer;font-family:Arial,sans-serif;line-height:25px;padding:0;position:absolute;right:0;text-align:center;top:0;width:25px;z-index:9999}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{-webkit-overflow-scrolling:touch;border-bottom:0;padding:0}.featherlight iframe{border:0}.featherlight *{box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{border-bottom:10px solid transparent;margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}}.project-hero{display:none;height:300px;margin-bottom:2.5rem;overflow:hidden;width:100vw}.project-hero-img{height:100%;object-fit:cover;width:100%}.project-hero.no-gradient:before{background:none}.project-title{margin-bottom:3rem;margin-left:.75rem;margin-top:7.5rem;position:relative;width:calc(100% - 2rem)}.project-title:after{background-color:#000;bottom:0;content:"";height:3px;left:0;position:absolute;-webkit-transform:translateY(1rem) translateX(1px);transform:translateY(1rem) translateX(1px);width:30px}.project-back-link-container-default{text-align:center}.project-back-link-container-default .project-back-link{display:inline-block;position:relative}.project-back-link-container-default .project-back-link:before{content:"⟵";position:absolute;top:50%;-webkit-transform:translateX(-130%) translateY(-50%);transform:translateX(-130%) translateY(-50%)}.project-back-link-container-fixed{display:none}.project-back-link{display:block;margin:2rem 0 2.5rem;text-align:center;width:100vw}.project-container{box-sizing:border-box;overflow:hidden;padding:0 .75rem;width:100vw}.project-container a{font-weight:500;position:relative}.project-container a:hover{color:#000}.project-container>h2{margin-bottom:3rem;margin-top:3rem}.project-container>h3{margin-bottom:2rem;margin-top:3rem}.project-container>h4{margin-bottom:1.5rem;margin-top:3rem}.project-container .chatbot-motion figure{background-color:#ededed;overflow:hidden}.project-container .chatbot-motion figure img{-webkit-transform:scale(1.01);transform:scale(1.01)}.project-container figure{margin:0}.project-container img{display:block;flex:1 1;height:100%;margin:0 auto;object-fit:cover;width:100%}.project-container cite{display:block;line-height:1.5;text-align:right}.project-container figcaption{color:#aaa;line-height:1.5;margin-top:1rem;text-align:center}.project-container .wp-block-video.chatbot-motion video{background-color:#f2f2f2}.project-container .wp-block-video video{max-height:60vh;width:100%}.project-container .wp-block-video figcaption{color:#aaa;margin-top:1rem}.project-container ol,.project-container ul{padding-left:1rem;width:100%}.project-container .wp-block-image{display:flex;flex-direction:column;margin:0 0 2rem}.project-container .wp-block-image>figcaption{color:#aaa;margin-top:16px;order:2}.project-container .wp-block-image>a{order:1}.project-container .wp-block-image.banner-img img{max-height:400px}.project-container .wp-block-image.small-gif img{max-height:300px;object-fit:contain}.project-container .wp-block-gallery{padding:0}.project-container .wp-block-gallery,.project-container .wp-block-gallery .blocks-gallery-item figure{display:flex;flex-direction:column;width:100%}.project-container .wp-block-gallery .blocks-gallery-item figure figcaption{color:#aaa;font-size:1rem;order:1}.project-container .wp-block-gallery .blocks-gallery-item figure a{order:0}@media(min-width:50rem){.project-container .wp-block-gallery{flex-direction:row}.project-container .wp-block-gallery .blocks-gallery-item figure{flex:none;width:auto}}.project-container .wp-block-gallery.columns-2{flex-direction:column;list-style-type:none;overflow:hidden;padding:0;width:100%}.project-container .blocks-gallery-item{margin-bottom:.75rem;overflow:hidden}.project-container .wp-block-media-text{display:flex;flex-direction:column}.project-container .wp-block-media-text ol,.project-container .wp-block-media-text ul{width:100%}.project-container blockquote{position:relative}.project-container blockquote:before{color:#bbb;content:"“";font-family:Helvetica,Arial,sans-serif;left:-23px;position:absolute;top:20px;-webkit-transform:scale(4);transform:scale(4)}.main-content-trans-enter{opacity:0}.main-content-trans-enter-active{opacity:1;transition:opacity .2s}.main-content-trans-exit{opacity:1}.main-content-trans-exit-active{opacity:0;transition:opacity .2s}@media only screen and (min-width:28.125rem){.wp-block-image{margin:2rem 0 2.5rem}}@media(min-width:37.5rem){.project-container{padding:0 2rem}.project-container p{margin-bottom:2rem}.project-container .wp-block-gallery.columns-2{margin:2rem 0 2.5rem}.project-title{margin-left:2rem;margin-top:8rem;width:calc(100% - 4rem)}}@media(min-width:50rem){.project-container p{line-height:1.75;max-width:50%}.project-container .wp-block-media-text .wp-block-media-text__content p,.project-container p.codepen{max-width:100%}.project-container ol,.project-container ul{width:50%}.project-container img{outline:1px solid #eee}.project-container .wp-block-gallery.columns-2{flex:1 1;flex-direction:row;margin:2rem 0 2.5rem}.project-container .wp-block-image{margin:2rem 0 2.5rem}.project-container .blocks-gallery-item+.blocks-gallery-item{margin-left:1.5rem}.project-container .wp-block-media-text{align-items:flex-start;display:flex;flex-direction:row;margin:2rem 0 2.5rem}.project-container .wp-block-media-text img{display:block;flex:1 1;margin:0 auto;max-height:400px;min-height:100%;min-width:100%;object-fit:contain}.project-container .wp-block-media-text>.wp-block-media-text__content,.project-container .wp-block-media-text>.wp-block-media-text__media{flex:1 1}.project-container .wp-block-media-text>.wp-block-media-text__content+.wp-block-media-text__media,.project-container .wp-block-media-text>.wp-block-media-text__media+.wp-block-media-text__content{margin-left:1.5rem}.project-container .wp-block-media-text .wp-block-media-text__content p{margin-top:0}.project-container .wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content{margin-left:0;order:0}.project-container .wp-block-media-text.has-media-on-the-right>.wp-block-media-text__media{margin-left:1.5rem;order:1}.project-container .wp-block-columns{display:flex;flex-direction:row}.project-container .wp-block-columns .wp-block-column{display:flex;flex:1 1;flex-direction:column;justify-content:center;width:50%}.project-container .wp-block-columns .wp-block-column p{max-width:100%}.project-container .wp-block-columns .wp-block-column+.wp-block-column{margin-left:8rem}.project-container .wp-block-columns .wp-block-column ol,.project-container .wp-block-columns .wp-block-column ul{width:100%}.project-container .wp-block-columns .wp-block-column .wp-block-image.limit-height img{max-height:300px;object-fit:contain}.project-container .wp-block-columns .wp-block-column .wp-block-quote{margin-bottom:2rem}.project-container .wp-block-columns .wp-block-column .wp-block-quote:before{left:-32px;top:35px;-webkit-transform:scale(5);transform:scale(5)}.project-container .wp-block-columns .wp-block-column .wp-block-quote p{margin-bottom:1rem}.project-container .wp-block-columns.three-cols .wp-block-column+.wp-block-column{margin-left:4rem}.project-container .wp-block-columns.columns-top-aligned .wp-block-column{justify-content:flex-start}.project-container .text-emphasis h2{line-height:1.5;padding:0 5rem}}@media(min-width:68.75rem){.project-container,.project-title{display:block;margin-left:auto;margin-right:auto}.home-project-container,.project-container:not(.home-project-container){max-width:68.75rem}.project-title{display:none}.project-hero{display:block;height:400px;position:relative;z-index:1}.project-hero:before{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.65));content:"";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#a6000000",GradientType=0);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.project-title-hero{bottom:0;color:#fff;font-size:2rem;font-weight:400;margin-bottom:2.5rem;position:absolute;width:100vw;z-index:1}.project-title-hero-text{display:block;margin:0 auto;max-width:68.75rem;padding-left:2rem}.project-back-link{transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1);transition:transform .6s cubic-bezier(.165,.84,.44,1);transition:transform .6s cubic-bezier(.165,.84,.44,1),-webkit-transform .6s cubic-bezier(.165,.84,.44,1)}.project-back-link,.project-back-link.show{-webkit-transform:translateX(0);transform:translateX(0);width:auto}.project-back-link-container-fixed{display:none;overflow:hidden;position:fixed;z-index:0}}@media(min-width:68.75rem)and (min-width:1250px){.project-back-link-container-fixed{display:block}}@media(min-width:68.75rem){.project-back-link-container-fixed .project-back-link{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .6s cubic-bezier(.165,.84,.44,1);width:auto}.project-back-link-container-fixed .project-back-link.show{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);width:auto}.project-back-link-container-fixed.pinned{left:2.4rem;top:4rem;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:0 50%;transform-origin:0 50%}}.featherlight img{max-height:70vh;max-width:85vw;object-fit:contain;width:100%}.featherlight-content{overflow-y:hidden!important}@media(min-width:37.5rem){.featherlight img{max-height:90vh}}.password-wrapper{align-items:center;background-color:#eee;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1}.password-trans-enter{opacity:0}.password-trans-enter-active{opacity:1;transition:opacity .2s}.password-trans-exit{opacity:1}.password-trans-exit-active{opacity:0;transition:opacity .2s}.password-container{align-items:center;display:flex;flex-direction:column}.password-container .incorrect-text{margin-top:1rem}.password-input-container{position:relative}.password-input{border:0;height:3rem;outline:2px solid #ccc;outline-offset:0;text-indent:1rem;transition:outline .2s;width:20rem}.password-input:focus{outline:2px solid #222;outline-offset:0}.password-submit{opacity:0;padding:0;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.4s ease-in-out;visibility:hidden}.password-submit.submit-available{border:0;opacity:.4;outline:2px solid transparent;outline-offset:0;transition:.2s;visibility:visible}.password-submit.submit-available:focus{opacity:1;outline:2px solid #222;outline-offset:0}.password-submit.submit-available:hover{opacity:1}.lock-image{height:48px;margin-bottom:1rem;opacity:.5;width:48px}.footer{align-items:center;display:flex;height:80px;justify-content:center}.footer-icon-link{margin:0 .75rem}.footer-icon-link:hover{color:#aaa}.footer-icon-link-linkedin:hover svg{fill:#0084bf}.footer-icon-link-dribbble:hover svg{fill:#ea4c89}.footer-icon-link-email:hover svg{fill:#000}.footer-icon-link svg{transition:fill .2s linear;width:24px}#root{height:100vh}.App{overflow:hidden;width:100vw}.App-content{min-height:calc(100vh - 48px)}.home-project-container{display:flex;flex-wrap:wrap;margin-top:5rem;padding-bottom:5rem}.project{display:flex;flex-direction:column;margin-bottom:12rem;width:100%}.project img{margin:0}.skeleton{background-color:#f3f3f3;border-radius:4px;position:relative}.skeleton:after{-webkit-animation:shimmer 2s cubic-bezier(.86,0,.07,1) 1s infinite;animation:shimmer 2s cubic-bezier(.86,0,.07,1) 1s infinite;background:#fff;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 40%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));content:"";height:100%;left:-50%;position:absolute;width:50%}@-webkit-keyframes shimmer{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(300%);transform:translateX(300%)}}@keyframes shimmer{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(300%);transform:translateX(300%)}}.home-project-title{display:flex;margin-right:15%}.home-project-title .skeleton{height:1rem;width:250px}.home-project-title a{color:#222;font-size:1.375rem;font-weight:500;line-height:1.3;overflow:hidden}.project-details-container{display:flex;flex-direction:column}.project-metadata{color:#999;font-size:16px;font-weight:500;order:-1}.project-link-container{display:none}.project-image-container{border:2px solid #eee;border-radius:20px;box-shadow:0 0 0 0 rgba(0,0,0,.1);height:63vw;overflow:hidden;transition:all .4s cubic-bezier(.86,0,.07,1)}.project-image-container.skeleton{border:1px solid transparent;box-shadow:none;overflow:hidden}.project-image-container.skeleton img{opacity:0}.project-image-container img{height:100%;object-fit:cover;opacity:1;transition:opacity .4s 1s;width:100%}.project-to-link{color:#222;margin-top:20px}.project-to-link .skeleton{height:1rem;width:250px}@media(min-width:400px){.home-project-title{margin-top:.5rem}.home-project-title a{font-size:1.375rem}}@media(min-width:550px){.home-project-title{margin-top:1rem}.home-project-title a{font-size:1.75rem}.project-metadata{font-size:1.375rem}}@media(min-width:700px){.home-project-title{margin-right:25%}.home-project-title a{font-size:2rem}}@media(min-width:825px){.home-project-title a{font-size:2.25rem}}@media(min-width:950px){.project{flex-direction:row;margin-bottom:18.75rem;max-height:31.25rem;width:100%}.project .project-details-container{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-right:0;margin-top:-20px}.project .project-metadata{margin-bottom:1.5rem;order:0}.project .home-project-title{margin-bottom:1rem}.project .home-project-title>a{text-wrap:wrap;font-size:2.5rem;width:100%}.project .project-image-container{flex:1 1;max-height:100%;transition:all .55s cubic-bezier(.165,.84,.44,1)}.project .project-image-container img{transition:transform .2s cubic-bezier(.25,1,.5,1)}.project:hover .project-image-container img{-webkit-transform:scale(1);transform:scale(1)}.project:hover .home-project-title a,.project:hover .project-to-link{color:#222}.project:hover .project-link{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}.project-container{overflow:visible;overflow:initial}.project-link-container{display:block}.project-link{opacity:0;-webkit-transform:translateX(-125px) scale(.7);transform:translateX(-125px) scale(.7);transition:all .3s cubic-bezier(.19,1,.22,1)}}@media(min-width:1150px){.project{flex-grow:grow}.project .project-details-container{justify-content:start;margin-top:1.25rem}.project .project-image-container{flex:1.5 1}.project .home-project-title{margin-right:15%}.project .project-link-container{display:block}.project .project-link{opacity:0;-webkit-transform:translateX(-125px) scale(.7);transform:translateX(-125px) scale(.7);transition:all .3s cubic-bezier(.19,1,.22,1)}.project:hover .project-link{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}
/*# sourceMappingURL=main.82de5267.css.map*/