@font-face{font-family:FoundersGrotesk-Light;src:url(../font/FoundersGroteskWeb-Light.eot);src:url(../font/FoundersGroteskWeb-Light.woff2) format("woff2"),url(../font/FoundersGroteskWeb-Light.woff) format("woff")}body,html{font-family:FoundersGrotesk-Light,sans-serif;margin:0}::-webkit-scrollbar{display:none}a,a:active,a:focus,a:hover,a:link,a:visited{box-shadow:none!important;color:#000;cursor:default;outline:none;text-decoration:none}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}p{margin-block-start:0;margin-block-end:1vw;-webkit-margin-before:0;-webkit-margin-after:1vw}.container{width:100%;margin-right:auto;margin-left:auto;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-13,.col-14,.col-15,.col-16{position:relative;width:100%}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-1{-ms-flex:0 0 6.666667vw;flex:0 0 6.666667vw;max-width:6.666667vw}.col-2{-ms-flex:0 0 13.333333vw;flex:0 0 13.333333vw;max-width:13.333333vw}.col-3{-ms-flex:0 0 20vw;flex:0 0 20vw;max-width:20vw}.col-4{-ms-flex:0 0 26.666667vw;flex:0 0 26.666667vw;max-width:26.666667vw}.col-5{-ms-flex:0 0 33.333333vw;flex:0 0 33.333333vw;max-width:33.333333vw}.col-6{-ms-flex:0 0 40vw;flex:0 0 40vw;max-width:40vw}.col-7{-ms-flex:0 0 46.666667vw;flex:0 0 46.666667vw;max-width:46.666667vw}.col-8{-ms-flex:0 0 53.333333vw;flex:0 0 53.333333vw;max-width:53.333333vw}.col-9{-ms-flex:0 0 60vw;flex:0 0 60vw;max-width:60vw}.col-10{-ms-flex:0 0 66.666667vw;flex:0 0 66.666667vw;max-width:66.666667vw}.col-11{-ms-flex:0 0 73.333333vw;flex:0 0 73.333333vw;max-width:73.333333vw}.col-12{-ms-flex:0 0 80vw;flex:0 0 80vw;max-width:80vw}.col-13{-ms-flex:0 0 86.666667vw;flex:0 0 86.666667vw;max-width:86.666667vw}.col-14{-ms-flex:0 0 93.333333vw;flex:0 0 93.333333vw;max-width:93.333333vw}.col-15{-ms-flex:0 0 100vw;flex:0 0 100vw;max-width:100vw}.space-half{height:3.333333vw}.space-1{height:6.666667vw}.space-2{height:13.333333vw}.space-3{height:20vw}.space-4{height:26.666667vw}.space-5{height:33.333333vw}.space-6{height:40vw}.space-7{height:46.666667vw}.space-8{height:53.333333vw}.space-9{height:60vw}.space-10{height:66.666667vw}.space-11{height:73.333333vw}.space-12{height:80vw}.space-13{height:86.666667vw}.space-14{height:93.333333vw}.space-15{height:100vw}div.home{cursor:url(../../assets/img/arrow-cursor.svg),auto}.caption{font-size:1.35vw;letter-spacing:.08vw;line-height:1.9vw;padding-left:1vw;padding-right:1vw}.caption-offset{padding-top:1vw}.copyright{font-size:.9vw;letter-spacing:.08vw;padding-left:.8vw;padding-top:.8vw;padding-right:.8vw}.footer-paragraph.footer-offset{top:.65em}.footer-nav.footer-offset{top:-.13em}.footer-paragraph{font-size:4.17vw;letter-spacing:-.04vw}.footer-nav{font-size:8vw}.footer-left{left:-.139vw}.footer-right{left:2.5vw}.gif{width:53.3333vw}.hide{visibility:hidden}.home-btn{background-color:#a6c48a;border-radius:50%;box-shadow:1px 1px 4px 0 rgba(88,88,88,.52);position:fixed;left:20px;top:20px;width:48px;height:48px;z-index:3}.about .home-btn{position:relative}.fluid .text{color:#000}.img{position:absolute}.motion .text,.motion .title{color:#fff}.paragraph{font-size:1.35vw;letter-spacing:.97px;line-height:1.9vw;padding-left:1vw;padding-right:1vw;padding-top:1vw}.paragraph-offset{padding-top:2vw}.title{font-size:7.9vw;margin:0;position:relative}.title-offset{top:-.12em}.title-motion{left:-.06em;letter-spacing:-.004em}.title-fluid{left:-.06em;letter-spacing:-.01em}.title-view{left:-.01em}.title-concept{left:-.04em;letter-spacing:.004em}.title-code{left:-.04em;letter-spacing:.016em}.title-design{left:-.06em;letter-spacing:-.008em}.view-titles{display:inline-flex}.show{opacity:0;visibility:visible}#down-arrow{display:none}#img-fluid{top:0;left:60vw;opacity:0;height:100vh;width:auto}#img-motion{top:19.96vw;left:40vw;opacity:0;width:60vw;height:auto}#large-logo{background:url(../img/large-logo.png);background-position:0 0;background-size:26.666667vw 13.333333vw;background-repeat:no-repeat;width:26.666667vw;height:6.666667vw}.darkmode #large-logo{background-position:0 -6.666667vw}#small-logo{background:url(../img/small-logo.png);background-position:0 0;background-size:9vw 13.333333vw;background-repeat:no-repeat;width:9vw;height:6.666667vw}.darkmode #small-logo{background-position:0 -6.666667vw}#code-chunk,#design-chunk{display:none}#description-chunk,#title-chunk{display:flex}#hide-all{display:none}#pause-btn,#play-btn{cursor:grab;height:18vw;left:calc(50% - 9vw);position:absolute;top:calc(50% - 9vw);width:18vw;z-index:2}#pause-btn{visibility:hidden}#vid{-webkit-appearance:none}#vid,#vid-placeholder{object-fit:cover;width:93.3333vw;height:auto}#vid-placeholder{left:0;position:absolute;top:0;z-index:1}.lightmode .title{color:#000;-webkit-text-stroke:0}.lightmode a.title-fluid:hover{color:#fff;-webkit-text-stroke:.5px #000}.lightmode a.title-motion:hover{color:#313131;-webkit-text-stroke:.5px #fff}.lightmode .view-titles:hover a.title-fluid{color:#fff;-webkit-text-stroke:.5px #000}.lightmode .view-titles:hover a.title-motion{color:#313131;-webkit-text-stroke:.5px #fff}.lightmode .text{color:#000}.darkmode .title,.darkmode .title-fluid,.darkmode .title-motion{color:#fff;-webkit-text-stroke:0}.darkmode a.title-fluid:hover{color:#fff;-webkit-text-stroke:.5px #000}.darkmode a.title-motion:hover{color:#313131;-webkit-text-stroke:.5px #fff}.darkmode .view-titles:hover a.title-fluid{color:#fff;-webkit-text-stroke:.5px #000}.darkmode .view-titles:hover a.title-motion{color:#313131;-webkit-text-stroke:.5px #fff}.darkmode .text{color:#fff}@media screen and (min-width:601px) and (max-width:1180px){#img-motion{height:calc(100vh - 20vw);width:auto}}@media screen and (max-width:600px){p{margin-block-start:0;margin-block-end:4vw}.col-sm-0{-ms-flex:0 0 0vw;flex:0 0 0vw;max-width:0}.col-sm-1{-ms-flex:0 0 20vw;flex:0 0 20vw;max-width:20vw}.col-sm-2{-ms-flex:0 0 40vw;flex:0 0 40vw;max-width:40vw}.col-sm-3{-ms-flex:0 0 60vw;flex:0 0 60vw;max-width:60vw}.col-sm-4{-ms-flex:0 0 80vw;flex:0 0 80vw;max-width:80vw}.col-sm-5{-ms-flex:0 0 100vw;flex:0 0 100vw;max-width:100vw}.space-sm-0{height:0}.space-sm-half{height:10vw}.space-sm-1{height:20vw}.space-sm-2{height:40vw}.space-sm-2-5{height:50vw}.space-sm-3{height:60vw}.space-sm-4{height:80vw}.space-sm-5{height:100vw}.space-sm-6{height:120vw}.space-sm-10{height:200vw}.about .title-view{display:none}.caption{font-size:2.8vw;letter-spacing:.2vw;line-height:3.7vw;padding-left:3vw;padding-right:3vw}.caption-offset{padding-top:3vw}.copyright{font-size:2.8vw;letter-spacing:.22vw;padding-left:2.2vw;padding-top:2.2vw;padding-right:2.2vw}.home-btn{left:20px;top:20px}.gif{width:80vw}.fluid .title-fluid,.motion .title-motion{font-size:18vw;top:.15em}.footer-paragraph.footer-offset{top:-.24em;left:-.03em}.footer-nav.footer-offset{top:-.13em}.footer-paragraph{font-size:12.5vw;letter-spacing:-.12vw}.footer-nav{font-size:24vw}.footer-right{left:0}.paragraph{font-size:4.3vw;letter-spacing:.24vw;line-height:5.8vw;padding-left:3vw;padding-right:3vw;padding-top:0}.fluid .paragraph{margin-top:-4.8vw}.motion .paragraph{margin-top:-7vw}.paragraph-offset{padding-top:1vw}.paragraph-sm-offset{padding-top:.5vw}.title{font-size:24vw;margin:0;position:relative}.title-offset{top:-.13em}.title-motion{letter-spacing:-.01em}.title-fluid{letter-spacing:-.016em}.title-view{left:-.01em}.title-code,.title-concept,.title-design{font-size:18vw;top:.15em}.title-concept{left:-.04em;letter-spacing:-.005em}.title-code{left:-.04em;letter-spacing:.03em}.title-design{left:-.06em;letter-spacing:.006em}.view-titles{display:block}#large-logo{background-size:79.4vw 40vw;width:79.4vw;height:20vw}.darkmode #large-logo{background-position:0 -20vw}#small-logo{background-size:27vw 40vw;width:27vw;height:20vw}.darkmode #small-logo{background-position:0 -20vw}#down-arrow{display:none;height:40px;left:calc(70vw - 15px);position:absolute;top:calc(130vw - 20px);width:30px}#img-fluid,#img-motion{top:100vw;left:20vw;width:80vw;height:auto}#large-logo{height:20.25vw}#ny{padding-left:1.9vw}#code-chunk,#design-chunk{display:flex}#description-chunk,#title-chunk{display:none}#vid,#vid-placeholder{height:60vw;width:auto}}