.page-header{margin-bottom:3rem}@media (min-width:48em){.page-header{margin-bottom:6rem}}@media (min-width:75em){.page-header{margin-bottom:8rem}}.page-header__name{font-size:3rem;font-weight:700;line-height:1;margin-bottom:1rem}@media (min-width:48em){.page-header__name{font-size:4.5rem}}@media (min-width:75em){.page-header__name{font-size:6rem;margin-bottom:2rem}}.page-header__name a{text-decoration:none}.page-header__role{font-size:2rem;font-weight:100;line-height:1}@media (min-width:48em){.page-header__role{font-size:2.4rem}}@media (min-width:75em){.page-header__role{font-size:2.5rem}}.page-nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:3rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:48em){.page-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:7rem}}@media (min-width:75em){.page-nav{margin-bottom:8rem}}.page-nav__item{margin:0 0 1.5rem 0}.page-nav__item:last-of-type{margin:0}@media (min-width:48em){.page-nav__item{margin:0 3rem 0 0}.page-nav__item:last-of-type{margin:0}}.page-nav__item-link{display:inline-block;padding:.5rem 0;border:0;border-bottom:.3rem solid #fff;font-size:2rem;line-height:1;font-weight:700;text-decoration:none;-webkit-transition:border-bottom-color .2s ease-out,color .2s ease-out;transition:border-bottom-color .2s ease-out,color .2s ease-out}@media (min-width:48em){.page-nav__item-link{font-size:2.4rem}}@media (min-width:75em){.page-nav__item-link{font-size:2.5rem}}.page-nav__item-link.router-link-active,.page-nav__item-link:hover{border-bottom-color:#00c1de}.page-body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-bottom:3rem}@media (min-width:48em){.page-body{margin-bottom:40px}}@media (min-width:64em){.page-body{margin-bottom:50px}}.icon{display:inline-block;position:relative;width:1.8rem;height:1.8rem;fill:currentColor;top:.3ex}.page-footer{text-align:center}.page-footer a{white-space:nowrap}.page-footer a .icon{margin-left:.5rem;width:1.6rem;height:1.6rem}#svg-spritesheet{display:none}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;height:100%;font-size:62.5%;--breakpoint-ti:321px;--breakpoint-xs:448px;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-ml:1024px;--breakpoint-lg:1200px;--breakpoint-xl:1400px}@media (min-width:95em){html{margin-left:calc(100vw - 100%);margin-right:0}}body{min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}*,:after,:before{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}#app{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-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0 auto;padding:20px;width:100%;max-width:1520px}@media (min-width:48em){#app{padding:40px}}@media (min-width:64em){#app{padding:50px}}@font-face{font-family:Roboto;font-style:normal;font-weight:100;font-display:swap;src:local("Roboto Thin"),local("Roboto-Thin"),url(/assets/fonts/Roboto-Thin.woff2) format("woff2"),url(/assets/fonts/Roboto-Thin.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:local("Roboto"),local("Roboto-Regular"),url(/assets/fonts/Roboto-Regular.woff2) format("woff2"),url(/assets/fonts/Roboto-Regular.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:900;font-display:swap;src:local("Roboto Black"),local("Roboto-Black"),url(/assets/fonts/Roboto-Black.woff2) format("woff2"),url(/assets/fonts/Roboto-Black.woff) format("woff")}body{font-family:Roboto,sans-serif;font-size:1.4rem}@media (min-width:48em){body{font-size:1.6rem}}p{margin-bottom:1.5rem}p:last-of-type{margin-bottom:0}a{color:#000;text-decoration:underline;-webkit-text-decoration-color:#00c1de;text-decoration-color:#00c1de;-webkit-transition:color .2s ease-out;transition:color .2s ease-out}a:hover{color:#00c1de}::selection{color:#fff;background-color:#00c1de}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.image-reveal{position:relative;overflow:hidden}.image-reveal__placeholder{background-size:cover;-webkit-filter:blur(25px);filter:blur(25px)}.image-reveal__image{display:block;position:absolute;z-index:1;top:0;width:100%;opacity:0;color:transparent}.image-reveal__image.image-reveal__image--visible{opacity:1}.image-reveal__image.image-reveal__image--fade-in{-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.no-js .image-reveal__image{opacity:1}.client-work-item{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#f8f8f8;border:1px solid #f8f8f8}@media (min-width:28em) and (max-width:35.99em){.client-work-item__image{padding:2rem 2rem 0 2rem}}.client-work-item__image a{display:block}.client-work-item__copy-container{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;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:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1.7rem 2rem 1.5rem 2rem}@media (min-width:48em){.client-work-item__copy-container{padding:2.5rem 3rem}}.client-work-item__copy-top{margin-bottom:1.7rem}@media (min-width:48em){.client-work-item__copy-top{margin-bottom:2.1rem}}.client-work-item__title{margin-bottom:.5rem}.client-work-item__title a{font-size:1.8rem;text-decoration:none}.client-work-item__title a:hover{color:#00c1de}@media (min-width:48em){.client-work-item__title a{font-size:2.2rem}}.client-work-item__client-description{margin-bottom:1.5rem;color:#a3a3a3}@media (min-width:48em){.client-work-item__client-description{margin-bottom:2.3rem}}.client-work-item__view-link{font-size:1.4rem;font-weight:700;line-height:1;text-transform:uppercase;text-decoration:none}.client-work-item__view-link .icon{width:1.4rem;height:1.4rem;margin-left:-.4rem}.client-work-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-2rem}@media (min-width:36em){.client-work-grid{width:calc(100% + 2rem)}}@media (min-width:48em){.client-work-grid{width:calc(100% + 3rem);margin-top:-3rem}}@media (min-width:64em){.client-work-grid{width:calc(100% + 5rem);margin-top:-5rem}}@media (min-width:75em){.client-work-grid{width:calc(100% + 3rem);margin-top:-3rem}}@media (min-width:87.5em){.client-work-grid{width:calc(100% + 5rem);margin-top:-5rem}}.client-work-grid__cell{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin:2rem 0 0 0}@media (min-width:36em){.client-work-grid__cell{width:calc(50% - 2rem);margin:2rem 2rem 0 0}}@media (min-width:48em){.client-work-grid__cell{width:calc(50% - 3rem);margin:3rem 3rem 0 0}}@media (min-width:64em){.client-work-grid__cell{width:calc(50% - 5rem);margin:5rem 5rem 0 0}}@media (min-width:75em){.client-work-grid__cell{width:calc(33.33333% - 3rem);margin:3rem 3rem 0 0}}@media (min-width:87.5em){.client-work-grid__cell{width:calc(33.33333% - 5rem);margin:5rem 5rem 0 0}}.experiment{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#f8f8f8;border:1px solid #f8f8f8;padding:1.7rem 2rem 1.5rem 2rem}@media (min-width:36em){.experiment{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}@media (min-width:48em){.experiment{padding:2.5rem 3rem}}.experiment__image{-ms-flex-negative:0;flex-shrink:0;width:5rem}@media (min-width:36em){.experiment__image{width:10rem}}.experiment__image .image-reveal{border-radius:50%}.experiment__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media (min-width:36em){.experiment__content{padding-left:3rem}}.experiment__title.experiment__title--mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% - 5rem);padding-right:3rem}@media (min-width:36em){.experiment__title.experiment__title--mobile{display:none}}.experiment__title.experiment__title--desktop{display:none}@media (min-width:36em){.experiment__title.experiment__title--desktop{display:block}}.experiment__title a{font-size:1.8rem;text-decoration:none}.experiment__title a:hover{color:#00c1de}@media (min-width:48em){.experiment__title a{font-size:2.2rem}}.experiment__description{padding:1.7rem 0 1.5rem 0}@media (min-width:48em){.experiment__description{padding:1.7rem 0 2.1rem 0}}.experiment__links a{display:inline-block;font-size:1.4rem;font-weight:700;line-height:1;text-transform:uppercase;text-decoration:none}.experiment__links a .icon{width:1.4rem;height:1.4rem;margin-left:-.4rem}.experiment-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-2rem}@media (min-width:48em){.experiment-grid{margin-top:-4rem}}@media (min-width:64em){.experiment-grid{width:calc(100% + 5rem);margin-top:-5rem}}.experiment-grid__cell{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin:2rem 0 0 0}@media (min-width:48em){.experiment-grid__cell{margin:4rem 0 0 0}}@media (min-width:64em){.experiment-grid__cell{width:calc(50% - 5rem);margin:5rem 5rem 0 0}}@media (min-width:36em){.about-me{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.about-me__content{max-width:50rem}@media (min-width:36em){.about-me__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}.about-me__image{float:right;padding:0 0 2rem 3rem}@media (min-width:36em){.about-me__image{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:0 0 0 3rem}}@media (min-width:64em){.about-me__image{padding:0 0 0 5rem}}.about-me__image .image-reveal{width:12rem}@media (min-width:20.0625em){.about-me__image .image-reveal{width:15rem}}@media (min-width:36em){.about-me__image .image-reveal{width:30rem}}