:root{--black: #333;--dark-gray: #434343;--mid-gray: #777;--mid-gray1: #888;--mid-gray2: #aaa;--light-gray: #e4e4e4;--soft-white: #eee;--yellow: #fb1}.icon.gray-yellow{fill:var(--yellow);color:var(--dark-gray)}.icon.white-yellow{fill:var(--soft-white);color:var(--yellow)}.icon.dark-gray{fill:var(--dark-gray)}.soft-white{fill:var(--soft-white)}.yellow{fill:var(--yellow);color:var(--yellow)}html{font-size:15px;font-family:"Roboto",sans-serif}body{font-family:"Roboto",sans-serif;margin:0;padding:0;border:0;font-size:100%;color:var(--mid-gray);letter-spacing:.03em}body.loading{overflow:hidden}h1,h2,h3{text-transform:uppercase;font-family:"Barlow Condensed",sans-serif;color:var(--black)}p{line-height:2;font-weight:300;margin:0}ul{list-style:none}a{text-decoration:none;color:unset}a>*{max-width:100%}cite{font-style:italic}.section-title{text-align:center;font-size:2rem;font-weight:600;letter-spacing:4.5px;margin-bottom:3rem;margin-top:0}.section-title:after{content:" ";display:block;width:50px;height:3px;background:var(--yellow);margin:1.5rem auto 0}.pad-7{padding:7%}.content-inner-wrapper{max-width:1300px;margin:0 auto;width:100%}.flex-column{display:flex;flex-direction:column;align-items:center;justify-content:center}.grid-thirds{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:3rem;grid-row-gap:5rem}.grid-fourths{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-row-gap:4rem;grid-column-gap:2.5rem}.grid-fourths .col{max-width:265px;margin:0 auto}.flex-end{display:flex;justify-content:flex-end;align-items:center;height:100%}.nav-overlay{position:fixed;top:0;left:0;width:100%;opacity:0;transition:opacity .1s,height .35s;overflow:hidden;height:0%}.nav-overlay.visible{opacity:.93;height:100%;background:#555}.nav-overlay.visible .nav-links{font-size:40px}.nav-links{position:relative;height:100%;text-align:center;text-transform:uppercase;letter-spacing:3.2px;font-family:"Barlow Condensed",sans-serif}.nav-bar{height:70px;position:fixed;width:100%;z-index:3;top:0}.nav-bar-inner{align-items:center;display:flex;height:100%;padding:0 7%;justify-content:flex-end;box-sizing:border-box}.nav-button{cursor:pointer;z-index:100;transition:opacity .3s ease-in-out;opacity:.5}.nav-button:hover{opacity:.7}.nav-button>span{width:32px;height:3px;background:var(--soft-white);display:block;margin:6px auto;transition:all .3s ease-in-out}.nav-button.active{transform:rotate(45deg)}.nav-button.active span:nth-child(1){transform:translateY(9px)}.nav-button.active span:nth-child(2){opacity:0}.nav-button.active span:nth-child(3){transform:translateY(-9px) rotate(90deg)}.nav-item{display:block;min-height:50px;position:relative;opacity:0;animation:fadeIn .5s ease forwards}.nav-item:after{content:"";position:absolute;height:3px;width:0%;top:55px;right:0;background:var(--yellow);transition:width .3s ease}.nav-item:hover:after{width:100%;right:auto;left:0}.nav-item a{display:block;position:relative;color:var(--soft-white);text-decoration:none;overflow:hidden;margin-top:5px;padding-bottom:5px}.nav-background{height:100%;width:100%;background:var(--dark-gray);padding:0 7%;display:flex;align-items:center;position:absolute;top:0;transition:top .3s ease;box-sizing:border-box}.nav-background.hidden{top:-70px}.nav-logo-container{height:35px;margin-top:0;transition:margin-top .5s ease}.nav-logo-container a{height:100%}.nav-logo{width:36px;height:37px;margin-left:-3px}.nav-logo .yellow{transform-origin:20.05% 74.05%;transform:rotate(0deg)}.nav-logo:hover .yellow{transform:rotate(360deg);transition:.3s ease-out}.nav-menu{align-items:center;margin:0 auto;display:flex;flex-direction:column;justify-content:space-evenly;position:relative;height:100%;padding:0}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.landing-page{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.img-cover{object-fit:cover;position:absolute;top:0;left:0}.landing-page,.img-cover{width:100%;height:100vh}.landing-text{color:var(--soft-white);z-index:0;width:100%;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.header-title{font-size:3.5rem;letter-spacing:7px;margin:0;font-family:"Barlow Condensed",sans-serif;display:flex;align-items:center;text-transform:uppercase;transition:font-size .5s,letter-spacing .5s;overflow-x:hidden;width:100%;justify-content:center}.header-text p{transition:font-size .5s ease;max-width:532px}.header-name,.landing-text.loaded.out .header-name{transform:translateX(-150px);opacity:0}.attributes-container,.landing-text.loaded.out .attributes-container{transform:translateX(150px);opacity:0}.landing-text.loaded .header-name,.landing-text.loaded .attributes-container{transform:translateX(0px);opacity:1;transition:transform 1s ease,opacity 1s ease}.landing-text.loaded .backslash{margin:0 .125em;opacity:1;transition-property:opacity,transform;transition-duration:.7s;transition-timing-function:ease-in;transform:rotate(0deg)}.backslash,.landing-text.loaded.out .backslash{transform:rotate(270deg);opacity:0}.header-text,.landing-text.loaded.out .header-text{margin:25px 0 0;color:#a4a4a4;text-align:center;transform:translateY(100px);transition-delay:0s;opacity:0}.landing-text.loaded .header-text{transform:translateY(0px);opacity:1;transition-delay:.75s;transition:transform .75s ease-out,opacity 1.5s ease-out,margin .5s ease}.attributes-container{display:flex;align-items:center;width:5.3em}.cursor{visibility:hidden;display:inline-block;vertical-align:middle;width:1px;height:1em;background:#fff;opacity:.5;margin-top:.09em;animation:blink .75s step-end infinite}@keyframes blink{from,to{background-color:rgba(0,0,0,0)}50%{background-color:#fff}}.header-arrow{bottom:55px;position:absolute;width:25px;height:25px;z-index:2;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);opacity:.4;border-radius:0 0 4px 0}.about{background:var(--soft-white)}.about-image{border-radius:50%;display:block;margin:0 auto 2em;width:150px}.bio{max-width:65rem;margin:0 auto}.work-title{font-size:1.466rem;letter-spacing:.12em;margin:1.25em 0 .75em;font-weight:600}.work-title:after{content:" ";display:block;width:30px;height:3px;background:var(--yellow);margin:.75em 0}.img-wrapper{position:relative}.img-wrapper.overflow{overflow:hidden}.img-wrapper img{width:100%}.slide-up{opacity:0;transition:transform .5s ease,opacity .5s ease;transform:translateY(30%)}.slide-up.active{transform:translateY(0%);opacity:1}.slide-up img{display:block}.slide-up img:not([src]):not([srcset]){visibility:hidden}.work-item .slide-img{transition:transform 1s,opacity .5s;height:auto;position:absolute;top:0;left:0;opacity:0}.work-item .slide-img:hover{transform:scale(1.05)}.work-item .slide-img.loaded{opacity:1}.work-item .slide-img.visible{opacity:1;transition:transform 1s,opacity 0s}.grid-thirds .work-item:nth-of-type(2) .slide-up,.grid-thirds .work-item:nth-of-type(5) .slide-up{transition-delay:.25s}.grid-thirds .work-item:nth-of-type(3) .slide-up,.grid-thirds .work-item:nth-of-type(6) .slide-up{transition-delay:.5s}.dev-tools{margin-top:1rem;display:flex;align-items:center}.dev-tools .icon-container{display:flex;justify-content:center;position:relative;cursor:pointer;height:30px}.dev-tools .icon-container:hover .icon{transform:scale(1)}.dev-tools .icon-container:not(:last-of-type){margin-right:.5rem}.dev-tools .icon{width:30px;height:30px;transform:scale(0.85);transition:transform .2s}.dev-tools .icon use{pointer-events:none}.dev-tools .firebase-icon{width:23px}.dev-tools .node-icon{width:27px}.dev-tools .googlemaps-icon{width:21px}.dev-tools .foursquare-icon{width:22px}.dev-tools .css-icon,.dev-tools .html-icon{width:27px}.dev-tools .unsplash-icon{width:28px;height:28px}.dev-tools .tooltip:before,.dev-tools .tooltip:after{--arrow-size: 6px;--offset: 2px;position:absolute;transition:.2s transform,.2s opacity;transform-origin:bottom center;pointer-events:none;opacity:0;font-weight:300}.dev-tools .tooltip:before{content:attr(data-tooltip);color:#fff;padding:.4rem .5rem;border-radius:.25rem;text-align:center;width:max-content;background:var(--mid-gray);font-size:.875rem;box-shadow:0 4px 8px rgba(0,0,0,.25);top:calc(-100% + var(--arrow-size)/2 - var(--offset))}.dev-tools .tooltip:after{top:calc(-1*var(--offset));content:"";border:var(--arrow-size) solid rgba(0,0,0,0);border-top-color:var(--mid-gray)}.dev-tools .tooltip:hover:before,.dev-tools .tooltip:hover:after{opacity:1;transform:translateY(-10px)}@media(max-width: 530px){.dev-tools .tooltip:first-of-type:hover:before{left:0}.dev-tools .tooltip:first-of-type:hover:after{left:calc(50% - var(--arrow-size))}}@-moz-document url-prefix(){img:-moz-loading{visibility:hidden}}.mission-container{position:relative;overflow:hidden}.mission-container .placeholder{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;opacity:1;transition:opacity .5s ease;filter:blur(10px);transform:scale(1.1)}.mission-container .placeholder.hidden{opacity:0}#work,#services{background:#fff}.mission-inner{background:rgba(67,67,67,.4);color:#fff;text-align:center;transition:padding .3s;position:relative;z-index:1}.mission-head{display:flex;justify-content:center;align-items:center}.mission-head>.cursor{height:1.25rem;position:relative;top:-0.07rem}.mission-title{font-size:.875rem;font-weight:300;text-transform:uppercase;letter-spacing:5px;margin:0;transition:font-size .3s}.mission-text{font-family:"Roboto",sans-serif;font-size:2.3rem;font-weight:700;letter-spacing:2.5px;line-height:1.5;color:rgba(255,255,255,.75);margin:3rem auto 0;max-width:975px;transition:font-size .3s}.mission-large{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;-webkit-backface-visibility:hidden}.services-item{text-align:center}.services-item .icon{height:85px;width:100%;margin:0 auto}.services-title{font-size:1.333rem;letter-spacing:.1em;margin:1.25em 0 .75em;font-weight:600}.grid-fourths .services-item:nth-of-type(2) .slide-up{transition-delay:.25s}.grid-fourths .services-item:nth-of-type(3) .slide-up{transition-delay:.5s}.grid-fourths .services-item:nth-of-type(4) .slide-up{transition-delay:.75s}footer{background:var(--dark-gray);color:var(--soft-white)}footer .section-title{color:#fff}.footer-content{display:flex;align-items:flex-end;justify-content:space-between;width:100%;line-height:.8;border-bottom:1px solid var(--mid-gray);padding-bottom:2rem}.footer-logo{width:45px;height:45px;border-radius:50%;background:var(--mid-gray);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.5s all ease}.footer-logo:hover{background:var(--mid-gray2)}.footer-icon{width:25px}.footer-logos{display:flex;justify-content:space-between;width:230px}.footer-text>p{text-transform:uppercase;font-size:.8rem;letter-spacing:.17em;color:var(--mid-gray1);padding-top:2rem;text-align:center;font-family:"Barlow Condensed",sans-serif}.linkedin{height:22px}@media(min-width: 901px){.nav-links{font-size:1.066rem;height:100%}.nav-button{display:none}.nav-item{display:flex;opacity:1;animation:none;min-height:0}.nav-item:after{height:3px;top:30px}.nav-menu{flex-direction:row;justify-content:space-between;height:100%}.nav-overlay{width:400px;opacity:1;visibility:visible;height:60px;position:relative;transition:none;background:none}}@media(min-width: 1100px)and (min-height: 1000px){.header-title{font-size:3.75rem;letter-spacing:8px}.header-text{font-size:1.0625rem}}@media(min-width: 1450px){.pad-7{padding:100px}}@media(min-width: 1600px){html{font-size:16px}.nav-overlay{width:450px}.mission-inner{padding-top:8rem;padding-bottom:8rem}}@media(min-width: 2000px)and (min-height: 1100px){.header-title{font-size:4rem;letter-spacing:9px}.header-text{font-size:1.125rem}}@media(max-width: 1200px){.header-title{letter-spacing:6px}.header-text,.landing-text.loaded.out .header-text{margin:1rem 0 0px}.mission-inner{padding:6.5rem 7%}}@media(max-width: 1200px)and (max-height: 1000px){.header-title{font-size:3em}}@media(max-width: 1150px){.grid-thirds{grid-template-columns:1fr 1fr;grid-row-gap:4rem}.grid-thirds .work-item:nth-of-type(3) .slide-up,.grid-thirds .work-item:nth-of-type(5) .slide-up{transition-delay:0s}.grid-thirds .work-item:nth-of-type(4) .slide-up,.grid-thirds .work-item:nth-of-type(6) .slide-up{transition-delay:.25s}}@media(max-width: 1050px){.mission-text{font-size:2rem}}@media(max-width: 1000px){.grid-fourths{grid-template-columns:1fr 1fr}.grid-fourths .col{max-width:325px}.grid-fourths .services-item:nth-of-type(3) .slide-up{transition-delay:0s}.grid-fourths .services-item:nth-of-type(2) .slide-up,.grid-fourths .services-item:nth-of-type(4) .slide-up{transition-delay:.4s}}@media(max-width: 920px){.mission-text{font-size:1.75rem}}@media(max-width: 900px){.about,#work,#services,footer.pad-7{padding:3rem 6%}.mission-inner{padding:6rem 6%}.nav-background,.nav-bar-inner{padding:0 6%}.header-title{font-size:2.8em}.grid-thirds{grid-column-gap:2rem}}@media(max-width: 900px)and (max-height: 450px){.header-title{font-size:2.25em}.header-text{margin-top:.75rem}.header-text p{line-height:1.75;font-size:.9rem;max-width:475px}}@media(max-width: 830px){.mission-title{letter-spacing:4.5px}.mission-text{font-size:1.675rem;letter-spacing:2.25px}}@media(min-width: 700px){footer .section-title{margin-bottom:0}footer .section-title:after{content:none}}@media(max-width: 699px){footer .section-title{margin-bottom:1em}.footer-content{flex-direction:column;align-items:center}.footer-logo{width:60px;height:60px}.footer-logos{width:315px}}@media(max-width: 689px){.mission-text{line-height:1.7;margin:2.8rem auto 0}}@media(max-width: 650px){.grid-thirds{grid-template-columns:1fr;max-width:450px;margin:0 auto}.grid-thirds .work-item:nth-of-type(2) .slide-up,.grid-thirds .work-item:nth-of-type(4) .slide-up,.grid-thirds .work-item:nth-of-type(6) .slide-up{transition-delay:0s}}@media(max-width: 600px){.header-title{font-size:2.4em}}@media(max-width: 550px){.header-title{letter-spacing:7px}.landing-text{display:flex;flex-direction:column;align-items:center}.landing-text.loaded .header-name{display:none}.landing-text.loaded .backslash{transform:translateX(0) rotate(0deg)}.backslash,.landing-text.loaded.out .backslash{transform:translateX(-150px) rotate(270deg)}.attributes-container{width:unset}}@media(max-width: 550px){.mission-text{font-size:1.5rem;letter-spacing:2px}.header-title{font-size:2.75em}.grid-fourths{grid-template-columns:1fr}.grid-fourths .services-item:nth-of-type(2) .slide-up,.grid-fourths .services-item:nth-of-type(3) .slide-up,.grid-fourths .services-item:nth-of-type(4) .slide-up{transition-delay:0s}}@media(max-width: 500px){.header-text{padding:0 7%}}@media(max-width: 460px){.mission-title{letter-spacing:3.5px;font-size:.866rem}.mission-text{font-size:1.4rem}.mission-inner{padding:5.5rem 6%}}@media(max-width: 450px){.footer-logo{height:50px;width:50px;transition:all .5s ease}.footer-logos{width:260px}.footer-text>p{font-size:.7em}.header-title{font-size:2.5em}.landing-page,.img-cover{height:calc(var(--vh, 1vh)*100)}.mission-large{position:absolute;object-position:0% 50%}.mission-inner{background:rgba(67,67,67,.6)}}.loader-bkd{width:100%;height:100vh;position:fixed;z-index:4;display:flex;justify-content:center;align-items:center;background:var(--dark-gray)}.loader-bkd.loaded{display:none}.loader-bkd.loaded .spinner{animation:none}.loader-bkd.loaded .circle{animation:none}.loader-container{display:flex;justify-content:center;align-items:center;position:relative}.loader-logo{height:40px;width:40px;position:absolute}.spinner{animation:spinner-animation 2s linear infinite;width:90px;height:90px}@keyframes spinner-animation{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}.circle{stroke:var(--mid-gray);stroke-linecap:round;animation:1.4s ease-in-out infinite both circle-animation;fill:rgba(0,0,0,0);stroke-width:1;transform-origin:50% 50%;stroke-dasharray:282.743343}@keyframes circle-animation{0%,25%{stroke-dashoffset:274.26104271;transform:rotate(0)}50%,75%{stroke-dashoffset:70.68583575;transform:rotate(45deg)}100%{stroke-dashoffset:274.26104271;transform:rotate(360deg)}}

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