@charset "UTF-8";@import url(https://rsms.me/inter/inter.css);@import url(https://rsms.me/inter/inter.css);@font-face{font-family:'Circular Std Bold';font-style:normal;font-weight:400;src:url(/assets/fonts/circular/CircularStd-Bold.woff) format("woff")}.article .intro .title p{font-family:Domine,serif}#introduction .subtitle,#projects,.article .facts h3,.article .intro .title .subtitle p,.open-button,.read{font-family:Nunito,sans-serif}.article.gale>.bg{background:#4bc6b8;background:linear-gradient(to bottom,#4bc6b8 0,#49b5c1 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bc6b8', endColorstr='#49b5c1', GradientType=0 )}.article.brushybuddy>.bg{background-image:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.article.athletejuvo>.bg{background-image:radial-gradient(circle 100vw at 52.7% 55%,#ffc51b 0,#fe8618 88.8%)}.top-bg{background:#f5f7fa;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7fa', endColorstr='#c3cfe2', GradientType=1 )}.article.brand>.bg{background:#e2ebf0;background:linear-gradient(to bottom,#e2ebf0 0,#cfd9df 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ebf0', endColorstr='#cfd9df', GradientType=0 )}.article.midojo>.bg{background:#abd8e3;background:linear-gradient(0deg,#abd8e3 0,#f5fafb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#abd8e3", endColorstr="#f5fafb", GradientType=1)}body{overflow-x:hidden}footer{background-color:#efefef;padding:15px 0;color:#666;text-align:center;line-height:2}footer a{color:#666;padding:0 5px}.navigate{text-align:center}.read{font-weight:500}q.read{font-weight:400;font-size:24px}img{opacity:1;transition:opacity .3s}img[data-src]{opacity:0}.floating-header{background:#fff;padding:25px 0;position:fixed;top:0;left:0;width:100%;transition:top .4s ease 0s;z-index:10}.floating-header.hidie{top:-90px}.logo-horizontal{width:200px;height:auto}#article{margin-top:74.25px;margin-bottom:100px}.article{margin-top:30px}.article .title{font-size:50px}@media screen and (max-width:63.99875em){.article .title{font-size:35px;margin-top:0}}.article p,.article ul{font-size:18px}.article h2{margin-top:60px}.article h3+h2{margin-top:0}.article h3{margin:120px 0 0;font-weight:400;color:#7b7b7b}.article .facts h3{margin:18px 0 0}.article .facts p.read{margin:0}.article h4{font-size:18px}.article .cover{margin-bottom:50px}@media screen and (max-width:63.99875em){.article .cover{margin-bottom:20px}}.article.gale .bg{position:relative;margin-bottom:10vh}.article.gale .concept img{padding:0 15px 15px 0}.article.brushybuddy .bg{position:relative;margin-bottom:10vh}@media screen and (max-width:63.99875em){.article.brushybuddy .bg{margin-bottom:20vh}}.article.brushybuddy .intro .title img{height:55vh;width:auto}@media screen and (max-width:63.99875em){.article.brushybuddy .intro .title img{position:relative;display:block;margin:100px auto -50vh;bottom:0}}.article.athletejuvo .bg{position:relative;margin-bottom:10vh}.article.athletejuvo .intro .title img{height:55vh;width:auto}.article.athletejuvo .intro .title p{color:#353535}.article.brand>.bg .skills{position:relative}.article.brand .intro .title p{color:#353535}.article.brand .intro .title img{width:20vw}.article.midojo>.bg .skills{position:relative}.article.midojo .intro .title p{color:#353535}.article.midojo .intro .title img{width:35vw;right:-10vw}.article.midojo .accent-color{color:#006064}.article.midojo .accent{color:#006064;font-size:14px}.article .intro{height:40vh;margin-bottom:30vh}@media screen and (max-width:63.99875em){.article .intro{height:auto}}.article .intro .title{padding-top:70px}.article .intro .title p{font-size:50px;padding:0;margin:0;color:#fff;line-height:1.2}.article .intro .title img{width:35vw;height:auto;margin-top:90px;position:absolute;right:0;bottom:-10vh}.article .intro .title .subtitle{padding-top:20px}.article .intro .title .subtitle p{font-weight:600;font-size:16px}q{font-size:15px;display:inline-block;font-weight:700;padding:20px}.chapter{margin:10px 0 30px}.chapter h2.name{margin:0}.reactions>.cell{margin-bottom:30px}.reactions figure.article-image{text-align:center}.reactions figure.article-image img{display:inline-block;width:50%}.reactions figure.article-image figcaption{font-style:normal;margin:20px 20px 0;font-size:12px;text-align:left}.reactions figure.article-image figcaption .who{text-align:center;font-size:18px;margin:0 0 10px;font-weight:700}.image-paper-prototype>div{display:inline-block;padding:0 10px 10px 0;background-size:contain;height:510px;background-repeat:no-repeat}figure.article-image{margin:0}figure.article-image figcaption{font-size:14px;font-style:italic;color:#555;margin:20px 40px 20px 0}figure.article-image figcaption a{color:#555}figure.article-image figcaption.full{margin-right:0}figure.article-image.center{text-align:center}.text-center{text-align:center}#sticky-nav{position:-webkit-sticky;position:sticky;display:block;top:80px;margin-top:0;height:0;width:120px}@media screen and (max-width:63.99875em){#sticky-nav{display:none}}#sticky-nav ul{list-style-type:none;padding-left:5px;line-height:1}#sticky-nav li{padding-bottom:10px}#sticky-nav a{font-size:12px;color:#888;text-decoration:none}#sticky-nav li a{transition:all .3s ease-in}#sticky-nav li.active a,#sticky-nav li.active a:hover{color:#006064}@font-face{font-family:'Circular Std Bold';font-style:normal;font-weight:400;src:url(/assets/fonts/circular/CircularStd-Bold.woff) format("woff")}.article .intro .title p{font-family:Domine,serif}#introduction .subtitle,#projects,.article .facts h3,.article .intro .title .subtitle p,.open-button,.read{font-family:Nunito,sans-serif}.article.gale>.bg{background:#4bc6b8;background:linear-gradient(to bottom,#4bc6b8 0,#49b5c1 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bc6b8', endColorstr='#49b5c1', GradientType=0 )}.article.brushybuddy>.bg{background-image:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.article.athletejuvo>.bg{background-image:radial-gradient(circle 100vw at 52.7% 55%,#ffc51b 0,#fe8618 88.8%)}.top-bg{background:#f5f7fa;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7fa', endColorstr='#c3cfe2', GradientType=1 )}.article.brand>.bg{background:#e2ebf0;background:linear-gradient(to bottom,#e2ebf0 0,#cfd9df 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ebf0', endColorstr='#cfd9df', GradientType=0 )}.article.midojo>.bg{background:#abd8e3;background:linear-gradient(0deg,#abd8e3 0,#f5fafb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#abd8e3", endColorstr="#f5fafb", GradientType=1)}.header{text-align:right;display:block}.open-button a{color:#4a4a4a;text-decoration:none;margin-left:12px;margin-top:20px;padding:0 2px 7px 20px}.logo{height:auto}.top-bg{border:5vh #fff solid;height:100vh;width:100%;position:relative}@media screen and (max-width:63.99875em){.top-bg{border:0;height:inherit}}.top-logo{padding:5vh 5vh 0}@media screen and (max-width:63.99875em){.top-logo{padding:5vh 5vw 0}}.top-logo img{width:200px;height:auto;float:left}#introduction{margin:170px 5vw 0;padding-bottom:20vw;color:#353535}@media screen and (max-width:63.99875em){#introduction{margin-top:70px}}#introduction .subtitle{font-weight:400;color:#4a4a4a;font-size:30px;line-height:1.415;margin:0}@media screen and (max-width:63.99875em){#introduction .subtitle{font-size:20px}}#introduction .subtitle p{margin:0}#introduction .subtitle .underline{position:relative;display:inline-block;z-index:10}#introduction .subtitle .underline:before{content:'';width:100%;height:6px;border-radius:20px;opacity:.5;display:inline;position:absolute;background:#40bca9;left:0;bottom:10px;z-index:-1}@media screen and (max-width:63.99875em){#introduction .subtitle .underline:before{bottom:5px}}.blade-cover{width:30px;height:30px;display:inline-block;position:relative}.blade{width:3px;height:19px;border-radius:10px;background:#f0f3f7}.blade.color{background:#40bca9}.field{font-size:0;display:block;position:absolute;bottom:2vh;right:2vh}@media screen and (max-width:63.99875em){.field{display:none}}#projects{margin:200px 5vw 0;overflow-x:visible}@media screen and (max-width:63.99875em){#projects{margin-top:50px}}#projects p{margin:0}#projects .project-title{font-size:32px;color:#353535;margin:30px 0}@media screen and (max-width:63.99875em){#projects .project-title{font-size:20px;margin:10px 0}}#projects .description{font-size:20px;color:#767676}@media screen and (max-width:63.99875em){#projects .description{font-size:12px}}#projects .skills{padding:10px 0}#projects .skills span{font-weight:700;color:#767676;font-size:12px;text-decoration:underline}#projects .project{margin-bottom:100px}#projects .image-container{position:relative}#projects .image-container>img{z-index:10;position:relative}#projects .right{text-align:right}@media screen and (max-width:63.99875em){#projects .right{text-align:left}}#projects .gale{margin-bottom:300px}@media screen and (max-width:63.99875em){#projects .gale{margin-bottom:100px}}#projects .gale .image-container>img{width:auto;margin:20px 0}@media screen and (max-width:63.99875em){#projects .gale .image-container>img{height:auto}}#projects .gale .image-container{margin-top:0}@media screen and (max-width:63.99875em){#projects .gale .image-container{margin-top:40px}}#projects .chi{margin-bottom:200px}@media screen and (max-width:63.99875em){#projects .chi{margin-bottom:100px}}#projects .chi .image-container>img{height:auto;max-height:inherit}@media screen and (max-width:63.99875em){#projects .chi .image-container>img{margin-top:20px}}#projects .brushybuddy{margin-bottom:300px}@media screen and (max-width:63.99875em){#projects .brushybuddy{margin-bottom:40px}}#projects .brushybuddy .image-container>img{top:-40px;width:auto;left:0;max-height:450px}@media screen and (max-width:63.99875em){#projects .brushybuddy .image-container>img{height:200px;top:0}}.project-small{margin-bottom:150px}.project-small img{height:200px;width:auto}@media screen and (max-width:63.99875em){.project-small img{height:150px;top:0}}@media screen and (max-width:63.99875em){.project-small>div{margin-bottom:100px}}figure.chapter-image.down-30{margin-top:30px}.personas .Wallop .sqr-buttons{margin-right:50px}.low-fi .sqr-buttons{margin-top:20px}.hi-fi .Wallop-list img{max-width:300px;display:inline-block}.half-size-image{width:49%}.quarter-size-image{width:25%}.per70-size-image{width:70%}.middle-image{margin-left:auto;margin-right:auto;display:block}.vert-margin-image{margin-top:30px;margin-bottom:30px}.top-margin-150{margin-top:150px}.top-margin-30{margin-top:30px}.wasd .sqr-buttons{float:right}.wasd .sqr-buttons .picture-links-container{margin-left:4px;cursor:pointer;display:inline-block}.wasd .sqr-buttons .picture-links-container:hover{border-color:#f54123}.facts h3{margin-top:30px}.section-wide-bg{margin-top:200px}@media screen and (max-width:63.99875em){.section-wide-bg{margin-top:40px}}.section-wide-bg.light-grey{background:#f0f0f0}.section-wide-bg h3{margin-top:30px}.inline-one-third>*{display:inline;font-size:0;text-align:center;width:32%;vertical-align:top}.preview-screen{padding:50px 0;font-size:0}.preview-screen img{padding:0 20px 20px 0}.bold{font-weight:700}.idea-image{text-align:center}.idea-image img{height:200px;width:auto}.hmw p{width:32%;display:inline-block;vertical-align:top;text-align:center}.story{background-color:#f0f0f0;border-radius:15px;margin-top:80px}.story .image-container{margin:15px;border-radius:15px;width:40%;overflow:hidden;display:inline-block}@media screen and (max-width:63.99875em){.story .image-container{width:auto}}.story .image-container.full{width:inherit}.story .image-container.video{border-radius:0}.story .image-container.video video{border-radius:15px;width:100%}.story .text{display:inline-block;margin:15px;width:50%;vertical-align:top}@media screen and (max-width:63.99875em){.story .text{width:auto}}.story .text .read{margin-top:0}.story .cons{font-style:italic}.story .story-title{font-weight:700;margin-left:30px;margin-bottom:0}.story .story-caption{text-align:center;margin-bottom:0}.story .screens{margin:0 auto}.story .screens img{width:25%}@media screen and (max-width:63.99875em){.story .screens img{width:30%}}.sketches{margin-top:30px;margin-bottom:30px;text-align:center}.sketches img{max-height:400px;margin:0 auto}.brushybuddy .gallery-padding>*{padding:30px}@media screen and (max-width:63.99875em){.brushybuddy .gallery-padding>*{width:auto;padding:5px 0}}.parallax{height:70vh;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}.athletejuvo .affinity-wall img{margin-top:20px}.block-link{text-decoration:none}ul.small-points{font-size:15px}ul.small-points li>p{font-size:15px}#lightbox{position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,.7);top:0;z-index:100;text-align:center;display:none;overflow:hidden;cursor:url(/assets/img/close.png),auto}#lightbox .closeIcon{position:absolute;top:0;right:0}#lightbox .main{height:100vh;max-height:100vh;margin:20px auto;cursor:default}.accent-color{color:#006064}.info-section{margin:18px 0}.info-section p.read,.info-section ul{margin:0}@media screen and (max-width:63.99875em){body>*{overflow-x:hidden}}.Wallop{position:relative}.Wallop-list{position:relative;overflow:hidden}.Wallop-item{visibility:hidden;position:absolute;top:0;left:0;width:100%}.bg-gif1{background-position:-230px -10px}.bg-gif2{background-position:-670px -230px}.bg-gif3{background-position:-10px -230px}.bg-gif4_01{background-position:-230px -230px}.bg-gif5_01{background-position:-450px -10px}.bg-gif6_01{background-position:-450px -230px}.bg-gif7_01{background-position:-10px -450px}.bg-gif8_01{background-position:-230px -450px}.bg-gif9_01{background-position:-450px -450px}.bg-gif10_01{background-position:-670px -10px}.bg-gif11_01{background-position:-10px -10px}.bg-gif12_01{background-position:-670px -450px}.bg-gif13_01{background-position:-10px -670px}.bg-gif14_01{background-position:-230px -670px}.bg-gif15_01{background-position:-450px -670px}.bg-gif16_01{background-position:-670px -670px}.bg-gif17_01{background-position:-890px -10px}.bg-gif18_01{background-position:-890px -230px}.bg-gif19_01{background-position:-890px -450px}.bg-gif20_01{background-position:-890px -670px}.brand .Wallop-item{background-image:url(/assets/img/brand/gif_sprites.png);width:200px;height:200px}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}b{font-weight:bolder}img{border-style:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}html{box-sizing:border-box;font-size:100%}*,::after,::before{box-sizing:inherit}body{margin:0;padding:0;background:#fefefe;font-family:"Helvetica Neue",Helvetica,"Open Sans",Arial,sans-serif;font-weight:400;line-height:1.5;color:#0a0a0a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic}.is-visible{display:block!important}.is-hidden{display:none!important}.grid-container{padding-right:.625rem;padding-left:.625rem;max-width:75rem;margin-left:auto;margin-right:auto}@media print,screen and (min-width:40em){.grid-container{padding-right:.9375rem;padding-left:.9375rem}}.grid-x{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}.cell{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-height:0;min-width:0;width:100%}.grid-x>.small-10,.grid-x>.small-12,.grid-x>.small-4,.grid-x>.small-6,.grid-x>.small-8{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto}@media print,screen and (min-width:40em){.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-8{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto}}@media print,screen and (min-width:64em){.grid-x>.large-10,.grid-x>.large-12,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto}}.grid-x>.small-10,.grid-x>.small-12,.grid-x>.small-4,.grid-x>.small-6,.grid-x>.small-8{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.grid-x>.small-4{width:33.33333%}.grid-x>.small-6{width:50%}.grid-x>.small-8{width:66.66667%}.grid-x>.small-10{width:83.33333%}.grid-x>.small-12{width:100%}@media print,screen and (min-width:40em){.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-8{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.grid-x>.medium-4{width:33.33333%}.grid-x>.medium-5{width:41.66667%}.grid-x>.medium-8{width:66.66667%}}@media print,screen and (min-width:64em){.grid-x>.large-10,.grid-x>.large-12,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.grid-x>.large-2{width:16.66667%}.grid-x>.large-3{width:25%}.grid-x>.large-4{width:33.33333%}.grid-x>.large-5{width:41.66667%}.grid-x>.large-6{width:50%}.grid-x>.large-7{width:58.33333%}.grid-x>.large-8{width:66.66667%}.grid-x>.large-10{width:83.33333%}.grid-x>.large-12{width:100%}}.grid-margin-x{margin-left:-.625rem;margin-right:-.625rem}@media print,screen and (min-width:40em){.grid-margin-x{margin-left:-.9375rem;margin-right:-.9375rem}}.grid-margin-x>.cell{width:calc(100% - 1.25rem);margin-left:.625rem;margin-right:.625rem}@media print,screen and (min-width:40em){.grid-margin-x>.cell{width:calc(100% - 1.875rem);margin-left:.9375rem;margin-right:.9375rem}}.grid-margin-x>.small-4{width:calc(33.33333% - 1.25rem)}.grid-margin-x>.small-6{width:calc(50% - 1.25rem)}.grid-margin-x>.small-8{width:calc(66.66667% - 1.25rem)}.grid-margin-x>.small-10{width:calc(83.33333% - 1.25rem)}.grid-margin-x>.small-12{width:calc(100% - 1.25rem)}@media print,screen and (min-width:40em){.grid-margin-x>.small-4{width:calc(33.33333% - 1.875rem)}.grid-margin-x>.small-6{width:calc(50% - 1.875rem)}.grid-margin-x>.small-8{width:calc(66.66667% - 1.875rem)}.grid-margin-x>.small-10{width:calc(83.33333% - 1.875rem)}.grid-margin-x>.small-12{width:calc(100% - 1.875rem)}.grid-margin-x>.medium-4{width:calc(33.33333% - 1.875rem)}.grid-margin-x>.medium-5{width:calc(41.66667% - 1.875rem)}.grid-margin-x>.medium-8{width:calc(66.66667% - 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-x>.large-2{width:calc(16.66667% - 1.875rem)}.grid-margin-x>.large-3{width:calc(25% - 1.875rem)}.grid-margin-x>.large-4{width:calc(33.33333% - 1.875rem)}.grid-margin-x>.large-5{width:calc(41.66667% - 1.875rem)}.grid-margin-x>.large-6{width:calc(50% - 1.875rem)}.grid-margin-x>.large-7{width:calc(58.33333% - 1.875rem)}.grid-margin-x>.large-8{width:calc(66.66667% - 1.875rem)}.grid-margin-x>.large-10{width:calc(83.33333% - 1.875rem)}.grid-margin-x>.large-12{width:calc(100% - 1.875rem)}}.small-offset-1{margin-left:8.33333%}.grid-margin-x>.small-offset-1{margin-left:calc(8.33333% + .625rem)}.small-offset-2{margin-left:16.66667%}.grid-margin-x>.small-offset-2{margin-left:calc(16.66667% + .625rem)}@media print,screen and (min-width:40em){.medium-offset-1{margin-left:8.33333%}.grid-margin-x>.medium-offset-1{margin-left:calc(8.33333% + .9375rem)}.medium-offset-2{margin-left:16.66667%}.grid-margin-x>.medium-offset-2{margin-left:calc(16.66667% + .9375rem)}}@media print,screen and (min-width:64em){.large-offset-0{margin-left:0}.grid-margin-x>.large-offset-0{margin-left:calc(0% + .9375rem)}.large-offset-1{margin-left:8.33333%}.grid-margin-x>.large-offset-1{margin-left:calc(8.33333% + .9375rem)}.large-offset-2{margin-left:16.66667%}.grid-margin-x>.large-offset-2{margin-left:calc(16.66667% + .9375rem)}.large-offset-3{margin-left:25%}.grid-margin-x>.large-offset-3{margin-left:calc(25% + .9375rem)}.large-offset-5{margin-left:41.66667%}.grid-margin-x>.large-offset-5{margin-left:calc(41.66667% + .9375rem)}}table{border-collapse:collapse;width:100%;margin-bottom:1rem;border-radius:0}table tbody,table thead{border:1px solid #f1f1f1;background-color:#fefefe}table thead{background:#f8f8f8;color:#0a0a0a}table thead tr{background:0 0}table thead th{padding:.5rem .625rem .625rem;font-weight:700;text-align:left}table tbody td{padding:.5rem .625rem .625rem}table tbody tr:nth-child(even){border-bottom:0;background-color:#f1f1f1}@media screen and (max-width:39.99875em){.hide-for-small-only{display:none!important}}@media screen and (max-width:0em),screen and (min-width:40em){.show-for-small-only{display:none!important}}.align-self-middle{-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}