@font-face{font-family:NunitoSans-Black;src:url(../../assets/fonts/NunitoSans-Black.dcf38c39.eot?#iefix) format("embedded-opentype"),url(../../assets/fonts/NunitoSans-Black.68bc1cbb.woff) format("woff"),url(../../assets/fonts/NunitoSans-Black.08ef5d7a.ttf) format("truetype"),url(../../assets/img/NunitoSans-Black.f41a14e4.svg#NunitoSans-Black) format("svg");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-ExtraLight;src:url(../../assets/fonts/NunitoSans-ExtraLight.0f9e8cd1.eot?#iefix) format("embedded-opentype"),url(../../assets/fonts/NunitoSans-ExtraLight.df40a67c.woff) format("woff"),url(../../assets/fonts/NunitoSans-ExtraLight.bc36a872.ttf) format("truetype"),url(../../assets/img/NunitoSans-ExtraLight.a9d6f77c.svg#NunitoSans-ExtraLight) format("svg");font-weight:400;font-style:normal}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--base-dk:#000;--base:#ededed;--primary:#f48907;--primary-dk:#90361c;--secondary:#d95d39;--tertiary:#575366;--fourth:#0e1428;--neutral:#b4b4b4;--neutral-dk:#bababa;--gray-1:#222;--gray-2:#444;--gray-3:#666;--gray-4:#888;--breakpoint-xl:1401px;--breakpoint-xl-max:1400px;--breakpoint-lg:1201px;--breakpoint-lg-max:1200px;--breakpoint-md:993px;--breakpoint-md-max:992px;--breakpoint-sm:769px;--breakpoint-sm-max:768px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--transitionDur:0.25s;--dropOffsetX:5px;--dropOffsetY:3px;--border-radius:var(--spacing-xxl);--arrow-width:50px;--bezier:cubic-bezier(0.42,0,0.58,1)}:root .border{border-radius:var(--spacing-xxl)}@media screen and (min-width:1025px){:root{--feature-preview-width_with-pad:124px}}@media screen and (max-width:1024px){:root{--feature-preview-width_with-pad:0px}}.flex,.flex-col-center{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-col-center{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hide{display:none}.hidden{display:block;visibility:hidden}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .35s var(--bezier);transition:opacity .35s var(--bezier)}.bold{font-family:NunitoSans-Black,serif}body{font-family:NunitoSans-ExtraLight,serif}a,button,h1,h2,h3,h4,h5,label,li,p,section,span,td,th{line-height:1.2;margin-top:0;margin-bottom:var(--spacing-sm)}h1,h2,h3,h4,h5{font-family:NunitoSans-Black,serif}h1{font-size:var(--spacing-xl)}h2{font-size:var(--spacing-lg)}a,h3,h4,label,p{font-size:var(--spacing-md)}a,h4,label,p{color:inherit}a *{pointer-events:none}@media screen and (min-width:1025px){h1{font-size:var(--spacing-xxl)}h2{font-size:var(--spacing-xl)}h3{font-size:var(--spacing-lg)}h4,p{font-size:var(--spacing-md)}}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s var(--bezier),-webkit-transform .5s var(--bezier);transition:opacity .5s var(--bezier),-webkit-transform .5s var(--bezier);transition:opacity .5s var(--bezier),transform .5s var(--bezier);transition:opacity .5s var(--bezier),transform .5s var(--bezier),-webkit-transform .5s var(--bezier)}.fade-enter,.fade-leave-to{opacity:0}.turn-enter-active,.turn-leave-active{-webkit-transition:opacity .5s var(--bezier),-webkit-transform .5s var(--bezier);transition:opacity .5s var(--bezier),-webkit-transform .5s var(--bezier);transition:opacity .5s var(--bezier),transform .5s var(--bezier);transition:opacity .5s var(--bezier),transform .5s var(--bezier),-webkit-transform .5s var(--bezier)}.turn-enter,.turn-leave-to{opacity:0;-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}.slide-down-enter-active,.slide-down-leave-active{-webkit-transition:-webkit-transform .5s var(--bezier);transition:-webkit-transform .5s var(--bezier);transition:transform .5s var(--bezier);transition:transform .5s var(--bezier),-webkit-transform .5s var(--bezier)}.slide-down-enter,.slide-down-leave-to{-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-transform:translateY(200%);transform:translateY(200%)}.slide-down-slow-enter-active,.slide-down-slow-leave-active{-webkit-transition:-webkit-transform 1s ease-in-out;transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out}.slide-down-slow-enter,.slide-down-slow-leave-to{-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-transform:translateY(200%);transform:translateY(200%)}.slide-right-enter-active,.slide-right-leave-active{-webkit-transition:-webkit-transform .5s var(--bezier);transition:-webkit-transform .5s var(--bezier);transition:transform .5s var(--bezier);transition:transform .5s var(--bezier),-webkit-transform .5s var(--bezier)}.slide-right-enter,.slide-right-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%)}.slide-left-enter-active,.slide-left-leave-active{-webkit-transition:-webkit-transform .5s var(--bezier);transition:-webkit-transform .5s var(--bezier);transition:transform .5s var(--bezier);transition:transform .5s var(--bezier),-webkit-transform .5s var(--bezier)}.slide-left-enter,.slide-left-leave-to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.grow-enter-active,.grow-leave-active{-webkit-transition:max-width .5s var(--bezier);transition:max-width .5s var(--bezier)}.grow-enter,.grow-leave-to{max-width:0}.feature-wrapper-enter-active,.feature-wrapper-leave-active{-webkit-transition:-webkit-transform 1.35s var(--bezier);transition:-webkit-transform 1.35s var(--bezier);transition:transform 1.35s var(--bezier);transition:transform 1.35s var(--bezier),-webkit-transform 1.35s var(--bezier)}.feature-wrapper-enter,.feature-wrapper-leave-to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media screen and (max-width:1024px){.feature-wrapper-enter,.feature-wrapper-leave-to{-webkit-transform:translateY(100%);transform:translateY(100%)}}*{-webkit-box-sizing:border-box;box-sizing:border-box}::-moz-selection{color:var(--secondary);background:var(--base)}::selection{color:var(--secondary);background:var(--base)}html{-ms-scroll-snap-type:mandatory;scroll-snap-type:mandatory;-ms-scroll-snap-points-y:repeat(100vh);scroll-snap-points-y:repeat(100vh);-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}html.disable-snap{-ms-scroll-snap-type:none;scroll-snap-type:none}body{margin:0;overflow-x:hidden}.wrapper{position:relative;background:var(--base);min-width:100vw;min-height:100vh}section{position:relative;max-width:1400px;min-height:100vh;padding:0;margin:auto}.section-header-container,section{background:var(--base);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.section-header-container{padding:var(--spacing-xs) var(--spacing-md)}.section-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0;text-align:center;color:var(--base)}.section-header svg{margin-right:var(--spacing-sm)}.section-header p{font-size:var(--spacing-lg);margin-bottom:0;line-height:1}.email-header{color:var(--gray-1)}.highlight{color:var(--base)}.page-work{padding-top:10vh}img,video{max-width:100%}.icon{width:50px;height:50px}.icon-container{padding:8px}canvas{position:absolute;top:0;left:0}.divider{width:97.5%;height:1px;background-color:var(--neutral);margin:var(--spacing-lg) 0 var(--spacing-lg) 2.5%}.full-page{min-height:100vh;min-width:100vw}.page-wrapper{background:var(--base);position:relative;scroll-snap-align:start}.page-placeholder{min-height:100vh}footer{position:absolute;top:0;right:0}[v-cloak],footer{display:none}.placeholder{height:100vh;width:100%}@media screen and (min-width:1025px){section{padding:var(--spacing-xxxl) var(--spacing-xxl)}section.work{padding-left:calc(var(--spacing-xxl) + var(--spacing-xl))}.section-header-container{max-width:310px}footer{display:block;bottom:0;right:auto;width:100%;text-align:center;top:auto;padding:0 var(--spacing-xxl)}footer p{font-size:16px}}button{--button-color:var(--fourth);--button-text:var(--base);--button-drop:var(--neutral-dk);--button-height:52px;--button-padding:0 var(--spacing-xxl);position:relative;display:inline-block;height:var(--button-height);padding:var(--button-padding);border:none;border-radius:var(--border-radius);background:var(--button-color);color:var(--button-text);margin:0 calc(var(--dropOffsetX)/2) calc(var(--dropOffsetY)/2) 0;vertical-align:top;pointer-events:all}button *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}button h4{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0;font-size:20px}button.circle{max-width:var(--button-height);padding:0}button.contact{position:relative}button:after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;height:calc(100% + 1px);left:var(--dropOffsetX);top:var(--dropOffsetY);background-color:var(--button-drop);z-index:-1;border-radius:var(--border-radius)}button.primary{--button-color:var(--primary);--button-drop:var(--primary-dk);--button-text:var(--base)}button.white{--button-color:var(--base);--button-drop:var(--neutral-dk);--button-text:var(--fourth)}button.fourth{--button-color:var(--fourth);--button-drop:var(--gray-3);--button-text:var(--base)}button.small{--button-height:auto;--button-padding:var(--spacing-xs) var(--spacing-xl)}button.active,button:active{-webkit-transform:translate(5px,3px);transform:translate(5px,3px);z-index:2}button.active:after,button:active:after{top:0;left:0;-webkit-transform:translate(0);transform:translate(0)}.button-content-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.button-content-container p{margin:0;line-height:0;font-size:var(--spacing-lg)}.form-section{--labelWidth:80px;text-align:left;margin-bottom:var(--spacing-md);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}label{min-width:80px;display:inline-block;margin:3px 0 0}input,textarea{width:calc(99% - var(--labelWidth));background:var(--base)}input{padding:var(--spacing-xs)}input,textarea{border:none}form{text-align:center;width:100%}.social-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.social-section a{margin-bottom:0}.chip-wrapper{--chip-width:84px;--chip-height:var(--chip-width);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--base);color:var(--fourth);border:4px solid var(--base);min-width:calc(var(--chip-width)*1.3 + var(--spacing-sm)*2);min-height:calc(var(--chip-height)*1.3);pointer-events:all;cursor:pointer;-webkit-transition:border .75s ease;transition:border .75s ease;overflow:hidden}.chip-wrapper *{pointer-events:none}nav .chip-wrapper{--chip-height:44px;min-height:var(--chip-height)}.chip-wrapper:hover{border-color:var(--secondary)}.chip-wrapper:hover .chip-wrapper-label{-webkit-text-decoration-color:var(--base);text-decoration-color:var(--base)}.chip-wrapper:hover .front img{-webkit-filter:none;filter:none}.chip-wrapper-label{font-family:NunitoSans-ExtraLight,serif;margin-bottom:12px;color:inherit;text-decoration:underline;-webkit-transition:-webkit-text-decoration-color .35s ease;transition:-webkit-text-decoration-color .35s ease;transition:text-decoration-color .35s ease;transition:text-decoration-color .35s ease,-webkit-text-decoration-color .35s ease}.chip-container{width:var(--chip-width);pointer-events:none;-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.chip{--chip-depth:5px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.chip,.chip .side{width:inherit;height:inherit;pointer-events:none}.chip .side{position:absolute;background-color:inherit;text-align:center;line-height:var(--chip-width);color:#fff;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0}.chip .left,.chip .right{width:calc(var(--chip-depth)*2)}.chip .bottom,.chip .top{height:calc(var(--chip-depth)*2)}.chip .front{-webkit-filter:none;filter:none;-webkit-transform:translateZ(var(--chip-depth));transform:translateZ(var(--chip-depth))}nav .chip .front p{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.chip .back{-webkit-box-shadow:2px 6px 22px 10px rgba(0,0,0,.3);box-shadow:2px 6px 22px 10px rgba(0,0,0,.3);-webkit-transform:rotateY(180deg) translateZ(var(--chip-depth));transform:rotateY(180deg) translateZ(var(--chip-depth))}.chip .right{-webkit-transform:rotateY(90deg) translateZ(calc(var(--chip-width) - var(--chip-depth)));transform:rotateY(90deg) translateZ(calc(var(--chip-width) - var(--chip-depth)))}.chip .left{-webkit-transform:rotateY(-90deg) translateZ(var(--chip-depth));transform:rotateY(-90deg) translateZ(var(--chip-depth))}.chip .top{-webkit-transform:rotateX(90deg) translateZ(var(--chip-depth));transform:rotateX(90deg) translateZ(var(--chip-depth))}.chip .bottom{-webkit-transform:rotateX(-90deg) translateZ(calc(var(--chip-height) - var(--chip-depth)));transform:rotateX(-90deg) translateZ(calc(var(--chip-height) - var(--chip-depth)))}.feature-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;-webkit-box-flex:1;-ms-flex:1;flex:1;background:var(--gray-2);overflow:hidden;height:100%;width:100%}.feature-wrapper img,.feature-wrapper video{-webkit-box-shadow:2px 6px 22px 10px rgba(0,0,0,.3);box-shadow:2px 6px 22px 10px rgba(0,0,0,.3);max-width:100%;max-height:100%}.feature-container{position:absolute;padding:var(--spacing-md);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.feature-container,.feature-iframe{width:100%;height:100%}@media screen and (max-width:1024px){.feature-wrapper{border-right:none;border-bottom:none;border-left:none;border-top:none;padding:0 0 var(--spacing-md) 0}.feature-wrapper img{margin-top:auto}.feature-container{padding:0;top:0}}.jumbotron{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0}.jumbotron .content-left{-ms-flex-preferred-size:100%;flex-basis:100%;padding-right:0;max-height:100%;overflow:hidden}.jumbotron .content-right{-ms-flex-preferred-size:0;flex-basis:0}.jumbotron h1,.jumbotron h2,.jumbotron h3,.jumbotron h4,.jumbotron h5{text-transform:uppercase}.jumbotron .jumbotron-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jumbotron .jumbotron-content .shutter{display:block!important;opacity:0}.jumbotron .jumbotron-content .logo-tedmoke{pointer-events:none}.jumbotron .content-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.jumbotron h2{font-size:77px;line-height:1;margin-bottom:0}.jumbotron h1{font-size:72px}.jumbotron h1 span{line-height:1}.jumbotron:after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;height:3px;background-color:var(--fourth);top:auto;bottom:-3px}.jumbotron .shutter{-webkit-box-shadow:2px 6px 22px 10px rgba(0,0,0,.3);box-shadow:2px 6px 22px 10px rgba(0,0,0,.3);position:absolute;width:100%;height:0%;max-height:none}.jumbotron .slat{position:fixed;width:50vw;padding-right:0;font-size:72px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.jumbotron .slat:last-child{position:absolute;bottom:0;width:50vw}.jumbotron .slat.project p,.jumbotron .slat p{font-size:inherit}.jumbotron .slat .content-container{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;left:0;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.jumbotron .slat.description:after{display:none}.logo-tedmoke{width:110%}.logo-tedmoke .cls-1,.logo-tedmoke .cls-3,.logo-tedmoke .cls-4{fill:none;stroke:#0e1428;stroke-miterlimit:10}.logo-tedmoke .cls-1{stroke-width:22px}.logo-tedmoke .cls-2{fill:#0e1428}.logo-tedmoke .cls-3{stroke-width:33px}.logo-tedmoke .cls-4{stroke-width:44px;isolation:isolate}.logo-horizontal{width:200px}.logo-horizontal .cls-1{fill:none;stroke:#0e1428;stroke-miterlimit:10;stroke-width:16px}.logo-horizontal .cls-2{font-size:206.14px}.logo-horizontal .cls-2,.logo-horizontal .cls-3{fill:#0e1428;font-family:NunitoSans-Black,Nunito Sans;font-weight:800}.logo-horizontal .cls-3{font-size:206.14px}@media screen and (max-width:1024px){.jumbotron{padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.jumbotron .slat{width:100vw;padding-left:0;font-size:calc(5.2vw + 4vh)}.jumbotron .slat .content-container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.jumbotron .slat:last-child{width:100vw}.jumbotron-content{-ms-flex-preferred-size:50%;flex-basis:50%}.logo-tedmoke{width:200%}.logo-horizontal{width:150px}}#text-ted{font-size:115px;margin-left:8px}#text-interactive{font-size:64.7px}#text-front-end{font-size:73px}#text-javascript{font-size:71px}#text-developer{font-size:72px}.helper{position:absolute;pointer-events:none}.helper-swipe{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;padding:var(--spacing-sm);z-index:1}.helper-swipe:after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:var(--fourth);z-index:-1;opacity:.85}.icon-swipe{width:100px;height:100px}.icon-swipe path{fill:var(--base)}.modal{--min-width:550px;--carrot-width:10px;-webkit-box-shadow:2px 6px 22px 10px rgba(0,0,0,.3);box-shadow:2px 6px 22px 10px rgba(0,0,0,.3);background:var(--gray-2);position:fixed;min-width:var(--min-width);top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:left;z-index:50;opacity:0;color:var(--base)}.modal p{font-size:var(--spacing-lg)}.modal .boxed-content{background:var(--gray-1);padding:var(--spacing-md) var(--spacing-xl);margin:var(--spacing-lg) calc(var(--spacing-xl)*-1) 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.modal .boxed-content>*{-ms-flex-preferred-size:50%;flex-basis:50%}.modal .boxed-content:last-child{margin-bottom:calc(var(--spacing-xl)*-1)}.modal .icon-close{pointer-events:none}.modal-content-wrapper{width:100%;overflow:hidden}.modal-content{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl)}.overlay{position:fixed;width:100%;height:100%;top:0;left:0;z-index:40;background-color:rgba(0,0,0,.85);opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.social-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--base);-webkit-transition:color .25s ease,-webkit-text-decoration-color .25s ease;transition:color .25s ease,-webkit-text-decoration-color .25s ease;transition:color .25s ease,text-decoration-color .25s ease;transition:color .25s ease,text-decoration-color .25s ease,-webkit-text-decoration-color .25s ease;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.social-link,.social-link h3{margin-bottom:0}.social-link:nth-child(2){-webkit-text-decoration-color:var(--secondary);text-decoration-color:var(--secondary)}.social-link:nth-child(3){-webkit-text-decoration-color:var(--tertiary);text-decoration-color:var(--tertiary)}.social-link:nth-child(4){-webkit-text-decoration-color:var(--neutral-dk);text-decoration-color:var(--neutral-dk)}.social-link:hover{color:var(--primary)}.social-link:hover:nth-child(2){color:var(--secondary)}.social-link:hover:nth-child(3){color:var(--tertiary)}.social-link:hover:nth-child(4){color:var(--neutral-dk)}@media screen and (max-width:768px){.modal{--min-width:80%;width:calc(100% - var(--spacing-md)*2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal .boxed-content{padding:var(--spacing-md) var(--spacing-md)}.modal-content{max-height:100%!important;width:100%;padding:var(--spacing-lg)}.social-links{-ms-flex-wrap:wrap;flex-wrap:wrap}.social-links h3{font-size:var(--spacing-lg)}}nav{position:fixed;max-width:100vw;width:100vw;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:hidden;height:var(--spacing-xxxl);padding-left:calc(var(--spacing-xxl) + var(--spacing-xl) - var(--spacing-md))}nav .social-link{height:50px;-webkit-box-sizing:content-box;box-sizing:content-box;display:inline-block;padding:12px var(--spacing-sm)}nav a{margin-bottom:0}nav.inner:before{opacity:1}nav.no-fill{overflow-x:hidden}nav .button{margin-left:8px;margin-right:8px}nav .slat .content-container{padding:var(--spacing-sm)}nav .slat p{color:var(--fourth)}.nav-section{width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-transition:background-color .35 ease-in-out;transition:background-color .35 ease-in-out}.nav-left{max-width:0;overflow:hidden;padding:0}.nav-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--spacing-md);cursor:pointer}.nav-item p{margin-bottom:0;pointer-events:none}.nav-item.nav-item-logo{width:200px}.nav-text{font-family:NunitoSans-Black,serif;color:var(--fourth);text-decoration:underline;font-size:calc(var(--spacing-lg));text-transform:uppercase;-webkit-transition:color .35s var(--bezier);transition:color .35s var(--bezier)}.nav-item:hover .nav-text{color:var(--secondary)}.nav-item.active .nav-text{color:var(--primary)}.nav-social{text-align:center}.social-sub{position:absolute}.social-sub path{fill:var(--fourth)}.social-sub.social-left{right:calc(50% + var(--spacing-xs))}.social-sub.social-right{left:calc(50% + var(--spacing-xs))}.social-sub.social-right path{fill:var(--base)}.icon-tm{-webkit-box-sizing:content-box;box-sizing:content-box;width:80px;width:60px;height:auto;padding:8px 8px 4px}.icon-tm path,.icon-tm rect{fill:#fff}.icon-tm .stroke-only{fill:none;stroke:#fff}.overlay-controls{position:fixed;right:var(--spacing-sm);width:221px;z-index:30;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-sm);height:100vh}.overlay-controls .menu .icon-container{padding:10px}.icon-container{max-height:var(--arrow-width);max-width:var(--arrow-width);padding:var(--spacing-sm);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.control-feature-container,.icon-container{display:-webkit-box;display:-ms-flexbox;display:flex}.control-feature-container{width:100%;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.control-feature-container p{font-family:NunitoSans-Black,serif;color:var(--base);text-decoration:underline;cursor:pointer;margin-bottom:0;font-size:18px;-webkit-transition:color .35s ease;transition:color .35s ease}.control-feature-container a:hover p{color:var(--primary)}.control-feature-container button{pointer-events:all;margin:var(--spacing-xs)}.control-feature-container .arrow-container,.control-feature-container .icon-container{max-height:var(--arrow-width);max-width:var(--arrow-width);padding:var(--spacing-sm);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.control-feature-container .icon.arrow{padding:4px 2px 0 2px}.control-feature-container .icon.arrow path{fill:var(--base)}.icon.arrow.fourth path{fill:var(--fourth)}.icon.arrow.tertiary path{fill:var(--tertiary)}.icon.arrow.base path{fill:var(--base)}.icon-menu .cls-1{fill:none}.icon-menu .cls-2{clip-path:url(#icon-menu-clip-path)}.icon-menu .cls-3{fill:var(--primary)}.icon-menu .cls-4{fill:var(--secondary)}.icon-menu .cls-5{fill:var(--tertiary)}.icon-menu .cls-6{fill:var(--fourth)}.control-message{position:absolute;bottom:var(--spacing-md);right:14px;padding:0 var(--spacing-xl)}.control-message .icon-container{padding:12px 0 12px 12px}.icon-arrow-circle path,.icon-message path{fill:var(--base)}.icon-close{position:absolute;height:var(--spacing-xl);width:var(--spacing-xl);top:calc(var(--spacing-xxl)*-1);right:calc(var(--spacing-xxl)*-1)}.icon-close .cls-1{fill:none}.icon-close .cls-2{clip-path:url(#icon-close-clip-path)}.icon-close .cls-3,.icon-close .cls-4,.icon-close .cls-5,.icon-close .cls-6{fill:var(--base)}.control-menu{position:absolute;right:0}.control-menu svg{width:54px;height:53px;margin-top:-1px;margin-left:-1px}@media screen and (max-width:1024px){nav{display:none}.control-feature-container{position:absolute;bottom:42%;right:0;width:auto;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.control-message{right:0;bottom:0;top:50%}.control-message .icon-container{padding:10px}}@media screen and (max-height:799px){.control-message .icon-container{padding:10px}}@media screen and (max-width:768px){.icon-close{right:0}}.showcase-wrapper{padding:var(--spacing-xl);margin-bottom:calc(var(--spacing-xl)*-1);margin-top:calc(var(--spacing-md)*-1);margin-left:calc(var(--spacing-xl)*-1);overflow:hidden;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.showcase-container,.showcase-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.showcase-container{-webkit-box-shadow:2px 6px 22px 10px rgba(0,0,0,.3);box-shadow:2px 6px 22px 10px rgba(0,0,0,.3);position:relative;background:var(--gray-2);width:100%;height:calc(80vh - 16px)}.showcase-container .shutter-wrapper{overflow:hidden}.showcase-container .slat .content-container{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:calc(var(--spacing-xl) + var(--spacing-sm))}.showcase-container .slat.description p{padding-bottom:var(--spacing-md);line-height:1.2}.showcase-container .control-feature-container{position:absolute;width:auto;right:0;bottom:0;padding:0 calc(var(--spacing-md) + 4px) 0 var(--spacing-md)}.showcase-container .control-feature-container a{padding:var(--spacing-xs) var(--spacing-sm)}.showcase-container>span{position:relative;width:60%;height:100%;overflow:hidden;border:4px solid #222;border-top-color:#888;border-right-color:#555;border-left:none}.showcase-nav-wrapper{max-height:calc(80vh - 16px)}.showcase-nav{--project-padding:var(--spacing-md);--feature-preview-width_with-pad:100px;--feature-preview-width:calc(var(--feature-preview-width_with-pad) - var(--project-padding));position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:100%;overflow-y:auto;overflow-x:hidden;margin-right:var(--spacing-lg);padding:var(--spacing-sm);background:var(--fourth)}.showcase-nav .control-feature-container{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.showcase-nav-label{text-align:center;text-transform:uppercase;font-family:NunitoSans-Black,serif;color:var(--base)}.feature-preview.active .chip-wrapper{border:4px solid var(--primary)}.feature-preview.active .chip-wrapper-label{-webkit-text-decoration-color:var(--base);text-decoration-color:var(--base)}.feature-preview.active img{-webkit-filter:grayscale(0);filter:grayscale(0)}.feature-preview img{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:-webkit-filter .25s var(--bezier),-webkit-transform .25s var(--bezier);transition:-webkit-filter .25s var(--bezier),-webkit-transform .25s var(--bezier);transition:filter .25s var(--bezier),transform .25s var(--bezier);transition:filter .25s var(--bezier),transform .25s var(--bezier),-webkit-filter .25s var(--bezier),-webkit-transform .25s var(--bezier)}.feature-preview .chip{height:var(--feature-preview-width);width:var(--feature-preview-width)}@media screen and (max-width:1200px){.showcase-wrapper .shutter-wrapper{width:50%}}@media screen and (max-width:1024px){.showcase-wrapper{padding:0;margin:0;height:calc(100vh - var(--spacing-xxxl))}.showcase-wrapper .shutter-wrapper{-webkit-box-flex:1.5;-ms-flex:1.5;flex:1.5;width:100%}.showcase-container{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:auto}.showcase-container .slat .content-container{padding-left:var(--spacing-xl)}.showcase-container .slat.description .content-container{padding-top:var(--spacing-sm)}.showcase-container>span{border:none;width:100%;height:40%;margin:var(--spacing-xs) 0}.showcase-nav{display:none}}@media screen and (max-width:769px){.showcase-container .slat .content-container{padding-left:var(--spacing-lg)}}.prompt-wrapper{height:50px;position:fixed;z-index:10;width:100%;bottom:var(--spacing-md)}.prompt{--arrow-width:60px;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex}.prompt span{min-width:150px;color:var(--fourth);font-size:var(--spacing-lg)}.prompt span:last-of-type{color:var(--base);text-align:right}.prompt-text-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.prompt-text{position:relative;color:var(--fourth);font-size:var(--spacing-lg);margin:0}.icon.arrow{min-height:calc(var(--arrow-width)/2);width:var(--arrow-width)}.icon.arrow path{fill:var(--primary)}.arrow-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}@media screen and (min-width:1025px){.prompt-wrapper{bottom:var(--spacing-md)}.prompt-text{padding:var(--spacing-md)}.prompt-text:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:var(--base);z-index:-1;border-radius:7px}}@media screen and (min-width:769px){.prompt{--arrow-width:80px}}.shutter-wrapper{width:40%;background:#222}.shutter{position:relative;height:100%}.shutter.horizontal{max-height:none;width:100%;max-width:1200px}.shutter.horizontal .slat{height:100%;text-align:right}.no-fill .shutter{-webkit-box-shadow:2px 6px 22px 10px rgba(0,0,0,.3);box-shadow:2px 6px 22px 10px rgba(0,0,0,.3)}.slat{position:absolute;bottom:0;width:100%;padding:0 var(--spacing-lg);margin:0;-webkit-transform:translateY(100%);transform:translateY(100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.horizontal .slat{-webkit-transform:translateX(-100%);transform:translateX(-100%);padding:0}.slat p{font-family:NunitoSans-Black,serif;color:var(--base);text-transform:uppercase;font-size:var(--spacing-xl);line-height:1;margin-bottom:0}.slat .content-container{position:absolute;width:100%;padding:var(--spacing-xs) var(--spacing-md);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:auto}.shutter.horizontal .slat .content-container{height:100%;width:auto}.shutter.bottom-expands .slat:last-child .content-container{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.slat.project p{font-size:calc(var(--spacing-xl) + var(--spacing-sm))}.slat.project .slat-label{background:var(--fourth)}.slat.client .slat-label,.slat.company .slat-label{background:var(--tertiary)}.slat.role .slat-label{background:var(--secondary)}.slat.description .content-container{padding-top:var(--spacing-sm)}.slat.description p{font-family:NunitoSans-ExtraLight,serif;text-transform:none;font-size:var(--spacing-lg)}.slat.description .slat-label{background:var(--primary)}.slat.description:after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;bottom:0;top:auto;left:auto;right:0;height:20px;width:calc(100% - 31px);background:var(--gray-1);background:-webkit-gradient(linear,left bottom,left top,from(var(--gray-1)),to(transparent));background:linear-gradient(0deg,var(--gray-1),transparent)}.slat.small p,nav .slat p{font-size:var(--spacing-lg)}.slat.scroll .content-container{overflow-y:scroll}.slat-label{position:fixed;left:0;top:0;padding:var(--spacing-sm);width:31px;height:100%}.slat-label label{font-family:NunitoSans-Black,serif;color:#fff;display:block;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-size:var(--spacing-md);text-transform:uppercase;line-height:1}@media screen and (max-width:1200px){.slat p{font-size:calc(var(--spacing-xl) - var(--spacing-sm))}.slat.project p{font-size:var(--spacing-xl)}.slat.description p{font-size:calc(var(--spacing-lg) - 6px)}.slat-label{width:26px}.slat-label label{font-size:12px}}@media screen and (max-width:768px){.slat-label{width:var(--spacing-sm)}.slat-label label{display:none}.slat.project p{font-size:var(--spacing-lg)}.slat.description:after{width:calc(100% - 16px)}}@media screen and (max-height:799px){.slat p{font-size:var(--spacing-lg)}.slat.project p{font-size:calc(var(--spacing-xl) - 4px);line-height:.85}.slat.description p{font-size:var(--spacing-md)}.slat-label{padding-top:var(--spacing-xs)}.slat-label label{font-size:12px}}@media screen and (max-height:600px){.slat.project p,.slat p{font-size:calc(var(--spacing-lg) - 4px)}}
/*# sourceMappingURL=app.920e8f05.css.map */