html body{font-family:Roboto,Helvetica,Arial,sans-serif;color:rgba(0,0,0,.87);-webkit-font-smoothing:antialiased}code,pre{font-family:Roboto Mono;color:#9c27b0}b,strong{font-weight:700}em,i{font-style:italic}a{color:#2196f3}p,ul{margin:0 0 20px}li{margin-bottom:8px}html body,li,p{font-size:14px;line-height:20px}body{max-width:912px;padding:0 24px;margin:0 auto}@media only screen and (max-width:959px){body{max-width:552px}}@media only screen and (max-width:599px){body{box-sizing:border-box;max-width:none;padding:0 16px}}header{margin:56px auto;padding-bottom:56px;border-bottom:1px solid rgba(0,0,0,.1)}@media only screen and (max-width:599px){header{margin:32px auto;padding-bottom:32px}}header h1{display:block;font-weight:300;font-size:48px;line-height:56px;letter-spacing:-1px;margin:0;padding:0}@media only screen and (max-width:599px){header h1{font-size:32px;line-height:40px;font-weight:400}}header .subtitle{display:block;margin-bottom:32px;color:rgba(0,0,0,.54);font-size:14px;line-height:16px}header .intro :last-child,header .subtitle :last-child{margin-bottom:0}header .intro{margin:0;box-sizing:border-box;max-width:319.2px;padding-right:24px;color:rgba(0,0,0,.87)}.loading-spinner{position:absolute;left:50%;top:50%;width:64px;height:64px;margin-left:-32px;margin-top:-32px;z-index:1000;background:#fff;border-radius:50%;-webkit-animation:loading-spinner-rotate 4.5s linear infinite;animation:loading-spinner-rotate 4.5s linear infinite;visibility:hidden;opacity:0;transition:opacity .1s ease,visibility 0s linear .1s}.loading-spinner circle{stroke-dasharray:5,200;stroke-dashoffset:0;-webkit-animation:loading-spinner-dash 1.5s ease-in-out infinite,loading-spinner-rotate-inner 1.5s linear infinite;animation:loading-spinner-dash 1.5s ease-in-out infinite,loading-spinner-rotate-inner 1.5s linear infinite;stroke-linecap:butt}.loader-parent.loading .loading-spinner{visibility:visible;opacity:1;transition:opacity .1s ease .5s,visibility 0s linear}@-webkit-keyframes loading-spinner-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-spinner-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-spinner-rotate-inner{0%{-webkit-transform:translate(32px,32px) rotate(0deg) translate(-32px,-32px);transform:translate(32px,32px) rotate(0deg) translate(-32px,-32px)}to{-webkit-transform:translate(32px,32px) rotate(90deg) translate(-32px,-32px);transform:translate(32px,32px) rotate(90deg) translate(-32px,-32px)}}@keyframes loading-spinner-rotate-inner{0%{-webkit-transform:translate(32px,32px) rotate(0deg) translate(-32px,-32px);transform:translate(32px,32px) rotate(0deg) translate(-32px,-32px)}to{-webkit-transform:translate(32px,32px) rotate(90deg) translate(-32px,-32px);transform:translate(32px,32px) rotate(90deg) translate(-32px,-32px)}}@-webkit-keyframes loading-spinner-dash{0%{stroke-dasharray:5,200;stroke-dashoffset:0}50%{stroke-dasharray:92,200;stroke-dashoffset:0}to{stroke-dasharray:5,200;stroke-dashoffset:-92}}@keyframes loading-spinner-dash{0%{stroke-dasharray:5,200;stroke-dashoffset:0}50%{stroke-dasharray:92,200;stroke-dashoffset:0}to{stroke-dasharray:5,200;stroke-dashoffset:-92}}section.project{margin-bottom:56px;position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}section.project h2{font-weight:500;font-size:20px;line-height:24px;margin:0}section.project h2 .material-icons{font-size:20px;line-height:20px;vertical-align:bottom}section.project p.date{color:rgba(0,0,0,.54)}section.project .actions{margin-top:20px}section.project .actions a{color:#ff5722;font-size:14px;line-height:16px;font-weight:500;text-decoration:none;display:inline-block;margin-right:8px;margin-bottom:8px;padding:6px 8px;border:2px solid #ff5722;border-radius:4px}section.project .actions a:hover{color:#fff;background-color:#ff5722}section.project .actions a:active{color:#fff;background-color:#e64a19;border:2px solid #e64a19}@media only screen and (max-width:959px){section.project{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}section.project .info{-webkit-flex:1 0 0;-ms-flex:1 0 0;flex:1 0 0;padding-right:24px;margin-bottom:32px}@media only screen and (max-width:959px){section.project .info{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}}section.project .pages{width:592.8px;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;overflow:hidden;position:relative}@media only screen and (max-width:959px){section.project .pages{width:100%;left:0;right:0}}@media only screen and (max-width:599px){section.project .pages{left:-8px;right:-8px;width:calc(100% + 16px)}}section.project .pages.pannable{cursor:-webkit-grab;cursor:grab;padding-bottom:20px}section.project .pages.panning{cursor:-webkit-grabbing;cursor:grabbing}section.project .pages:not(.panning) .page:not(.no-fullscreen) .media{cursor:pointer}section.project .pages .page-scroll{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}section.project .pages .page-scroll.animate-scroll{transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}section.project .pages .page,section.project .pages .page .media{display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden}section.project .pages .page{height:400px;border-radius:4px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}section.project .pages .page.no-padding .media{padding:0}section.project .pages .page .media{position:relative;-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:24px}section.project .pages .page .media>div{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}section.project .pages .page .media .device-frame.device-nexus5{background:url(../images/frame_nexus5.svg) no-repeat 0 0}section.project .pages .page .media .device-frame.device-nexus5_light{background:url(../images/frame_nexus5_light.svg) no-repeat 0 0}section.project .pages .page .media .device-frame.device-nexus5,section.project .pages .page .media .device-frame.device-nexus5_light{padding:70px 18px 94px}section.project .pages .page .media .device-frame.device-nexus5 img,section.project .pages .page .media .device-frame.device-nexus5 video,section.project .pages .page .media .device-frame.device-nexus5_light img,section.project .pages .page .media .device-frame.device-nexus5_light video{width:360px;height:640px}section.project .pages .page .media .device-frame.device-browser{background:url(../images/frame_browser.svg) no-repeat 0 0}section.project .pages .page .media .device-frame.device-browser_light{background:url(../images/frame_browser_light.svg) no-repeat 0 0}section.project .pages .page .media .device-frame.device-browser,section.project .pages .page .media .device-frame.device-browser_light{padding:44px 0 0}section.project .pages .page .media .device-frame.device-browser img,section.project .pages .page .media .device-frame.device-browser video,section.project .pages .page .media .device-frame.device-browser_light img,section.project .pages .page .media .device-frame.device-browser_light video{width:1440px;height:auto}section.project .pages .page .media .device-frame.device-chromebook{background:url(../images/frame_chromebook.svg) no-repeat 0 0}section.project .pages .page .media .device-frame.device-chromebook_light{background:url(../images/frame_chromebook_light.svg) no-repeat 0 0}section.project .pages .page .media .device-frame.device-chromebook,section.project .pages .page .media .device-frame.device-chromebook_light{padding:63px 246px 136px 250px}section.project .pages .page .media .device-frame.device-chromebook img,section.project .pages .page .media .device-frame.device-chromebook video,section.project .pages .page .media .device-frame.device-chromebook_light img,section.project .pages .page .media .device-frame.device-chromebook_light video{width:1280px;height:850px;object-position:0% 0%;object-fit:cover}section.project .pages .page .media .device-frame.device-wear_round{background:url(../images/frame_wear_round.svg) no-repeat 0 0}section.project .pages .page .media .device-frame.device-wear_round_light{background:url(../images/frame_wear_round_light.svg) no-repeat 0 0}section.project .pages .page .media .device-frame.device-wear_round,section.project .pages .page .media .device-frame.device-wear_round_light{padding:180px 38px}section.project .pages .page .media .device-frame.device-wear_round img,section.project .pages .page .media .device-frame.device-wear_round video,section.project .pages .page .media .device-frame.device-wear_round_light img,section.project .pages .page .media .device-frame.device-wear_round_light video{width:320px;height:320px}section.project .pages .page .caption{font-size:14px;line-height:20px;background-color:rgba(255,255,255,.9);color:rgba(0,0,0,.87);padding:16px 20px}section.project .pages .page .caption :last-child{margin-bottom:0}section.project .pages .page:not(.dark) .caption{background-color:rgba(38,50,56,.9);color:rgba(255,255,255,.7)}section.project .pages .page:not(.dark) a{color:#fff}section.project .pages .page.video .media:before{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(255,255,255,.2);z-index:1}section.project .pages .page.video .media:after{font-family:'Material Icons';font-weight:400;font-style:normal;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:'liga';-moz-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;content:'play_circle_filled';font-size:48px;pointer-events:none;position:absolute;left:50%;top:50%;margin-left:-24px;margin-top:-24px;background-color:#fff;border-radius:50%;z-index:2}section.project .pages .page.video .media:after,section.project .pages .page.video .media:before{opacity:1;transition:opacity .2s ease}section.project .pages .page.video .media:hover:after,section.project .pages .page.video .media:hover:before,video{opacity:0}section.project .pages .page.video .media.loaded video{display:block}section.project .pages .page.video .media.loaded .thumb,section.project .pages .page.video video{display:none}section.project .pages .edge-clicker{content:'';cursor:pointer;display:block;position:absolute;top:0;bottom:0;background:repeat-y;z-index:1}section.project .pages .edge-clicker.prev{left:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDYgMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGw2IDYtNiA2IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);background-position:0% 0%}section.project .pages .edge-clicker.next{right:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDYgMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYgMEwwIDZsNiA2IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);background-position:100% 0%}section.project .pages .page-dots{position:absolute;left:0;height:16px;right:0;bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin:0 auto}section.project .pages .page-dots .page-dot{position:relative;width:8px;height:8px;display:block;padding:4px;cursor:pointer}section.project .pages .page-dots .page-dot:after{content:'';display:block;border:1px solid #9e9e9e;border-radius:50%;position:absolute;left:4px;top:4px;right:4px;bottom:4px;transition:border .2s ease}section.project .pages .page-dots .page-dot.active:after{background:#9e9e9e}section.project.tall .page{height:500px}footer{color:rgba(0,0,0,.54);margin:56px 0;padding-top:56px;border-top:1px solid rgba(0,0,0,.1)}@media only screen and (max-width:599px){footer{padding-top:32px;margin:32px 0}}body.has-fullscreen{overflow:hidden}.fullscreen-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:#fff;visibility:hidden;opacity:0;cursor:pointer;z-index:1000;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:opacity .2s ease,visibility 0s ease .2s;padding:64px}body.has-fullscreen .fullscreen-overlay{opacity:1;visibility:visible;transition:opacity .2s ease,visibility 0s linear}.fullscreen-overlay:after{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:'liga';-moz-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;content:'close';color:rgba(0,0,0,.54);pointer-events:none;position:absolute;right:32px;top:32px}@media only screen and (max-width:959px){.fullscreen-overlay{padding:32px}.fullscreen-overlay:after{right:8px;top:8px}}.fullscreen-overlay img,.fullscreen-overlay video{-webkit-flex:1 0 0;-ms-flex:1 0 0;flex:1 0 0;object-fit:scale-down;object-position:50% 50%;display:block}.page.circle img,.page.circle video{border-radius:10000px}video{outline:0}.loaded video{opacity:1}