html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.layout-nav{position:relative;background-color:#183858;width:380px}@media only screen and (max-width: 25em){.layout-nav{width:100%}}.layout-nav li{position:relative;font-family:"Oswald",Helvetica,Arial sans-serif;text-transform:uppercase}.layout-nav li:after{position:absolute;top:0;left:100%;height:100%;width:100%;background-color:#1d456c;-moz-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-o-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);content:""}@media only screen and (min-width: 25.063em){.layout-nav li:after{border-radius:.5em 0 0 .5em}}.layout-nav li.is-current:after{left:0%}@media only screen and (min-width: 25.063em){.layout-nav li.is-current:after{left:1.5%}}.layout-nav li.is-current .wrapper:after{margin-right:25%;opacity:0}.layout-nav a{position:relative;display:block;border-radius:.5em 0 0 .5em;padding:1rem;font-size:1.25rem;z-index:10}.layout-nav a:active .svg path,.layout-nav a:active .svg rect{fill:#a3a3a3;stroke:#a3a3a3}.layout-nav a:active .link-name{border-bottom-color:transparent;-moz-transition-duration:0;-o-transition-duration:0;-webkit-transition-duration:0;transition-duration:0}.layout-nav a:focus{background-color:#1c4166}@media only screen and (max-width: 25em){.layout-nav a{font-size:1rem}}.layout-nav a .link-name{border-bottom:3px solid transparent;-moz-transition:opacity 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-o-transition:opacity 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition:opacity 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:opacity 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000)}.layout-nav .wrapper{display:block;margin:0 auto;max-width:20em}.layout-nav .wrapper:before{display:inline-block;margin-right:1rem;font-size:3.125rem;vertical-align:middle}@media only screen and (max-width: 25em){.layout-nav .wrapper:before{font-size:2.5rem}}.layout-nav .wrapper:after{margin-top:.7em;margin-right:0;-moz-transition-property:margin-right,opacity;-o-transition-property:margin-right,opacity;-webkit-transition-property:margin-right,opacity;transition-property:margin-right,opacity;-moz-transition-duration:250ms;-o-transition-duration:250ms;-webkit-transition-duration:250ms;transition-duration:250ms;-moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);-o-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);content:"\e600";float:right;opacity:1}.layout-nav .link-name{-moz-transition:opacity 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-o-transition:opacity 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition:opacity 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:opacity 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);opacity:1}.layout-nav .svg{display:inline-block;margin-right:1em;height:50px;width:50px;vertical-align:-.8em}.layout-nav .svg path,.layout-nav .svg rect{fill:#C9C9C9;stroke:#C9C9C9}@media only screen and (max-width: 25em){.layout-nav .svg{width:40px;height:40px}}@media only screen and (min-width: 25.063em){.is-compact .layout-nav .link-name,.is-compact .layout-nav .wrapper:after{opacity:0}}.portfolio{position:relative}.portfolio:after{position:absolute;left:2em;top:0;display:block;height:100%;width:4px;background-color:#C9C9C9;content:""}@media only screen and (max-width: 40em){.portfolio:after{left:1.15em}}@media only screen and (min-width: 64.063em){.portfolio:after{left:50%}}.year-group{clear:both}.year-group .year{position:relative;display:block;box-sizing:border-box;border-radius:50%;height:4em;padding:1.5em 0;width:4em;background-color:#C9C9C9;color:#183858;text-align:center;clear:both;z-index:4}@media only screen and (max-width: 40em){.year-group .year{height:3em;padding:1em 0;width:3em;font-size:.8em}}@media only screen and (min-width: 64.063em){.year-group .year{margin:0 auto}}.case-study-summary{margin-left:6em;margin-bottom:2em}@media only screen and (min-width: 64.063em){.case-study-summary:nth-of-type(odd){text-align:right;clear:left;float:left}}@media only screen and (min-width: 64.063em){.case-study-summary:nth-of-type(even){text-align:left;float:right}}@media only screen and (max-width: 40em){.case-study-summary{margin-left:3em}}@media only screen and (min-width: 64.063em){.case-study-summary{width:40%;margin-left:0}}.case-study-summary h1{margin:.4em 0 .2em}.browser-slideshow{display:inline-block;border:1px solid #C9C9C9;padding:.2em .2em .1em}.browser-slideshow .url{display:inline-block;border:1px solid #C9C9C9;text-align:center}.browser-slideshow .thumb{margin-top:.2em}.case-study-thumb{position:relative}.case-study-thumb .toolbar{font-size:0.5rem;text-align:left}.case-study-thumb .toolbar:before,.case-study-thumb .toolbar:after{display:inline-block;border:1px solid #C9C9C9;width:4%;font-size:0.5rem;text-align:center}.case-study-thumb .toolbar:before{margin-right:.1em;content:"\203A"}.case-study-thumb .toolbar:after{margin-right:.3em;content:"\2039";float:left}.case-study-thumb .url{width:86%}.case-study-thumb .thumb{height:125px;width:200px}.article{position:relative;box-sizing:border-box}.article.summary{margin-bottom:4em}.article.summary:last-child{margin-bottom:1em}@media only screen and (min-width: 64.063em){.article{max-width:40.063em;margin:0 auto}}.article h1,.article h2,.article h3{line-height:normal}.article h1{font-family:"Oswald",Helvetica,Arial sans-serif;font-size:2.5rem}@media only screen and (max-width: 40em){.article h1{font-size:2.1875rem}}.article h2{margin-bottom:.3em;font-size:1.625rem;font-weight:bold}@media only screen and (max-width: 40em){.article h2{font-size:1.375rem}}.article h3{margin:.3em 0;font-size:1.5rem}@media only screen and (max-width: 40em){.article h3{font-size:1.25rem}}.article p{line-height:1.5em;margin-bottom:1em}.article li{line-height:normal}.article a:link{border-bottom:1px solid #969696;font-weight:bold}.article a:visited{color:#C9C9C9}.article a:hover,.article a:focus{background-color:#95AFBA;color:#183858}.article blockquote{border-left:5px #e3e3e3 solid;padding:0 1em;color:#e3e3e3}.article code{background:#F7FAFB;border:#E3EDF3 1px solid;border-radius:2px;padding:1px 3px;font-family:Inconsolata, monospace, sans-serif;font-size:0.85em;white-space:pre-wrap}.article hr{display:block;height:1px;border:0;border-top:#7d7d7d 1px solid;margin:2em 0 2em;padding:0}.article kbd{display:inline-block;margin-bottom:0.4em;padding:1px 8px;border:#CCC 1px solid;color:#666;text-shadow:#FFF 0 1px 0;font-size:0.9em;font-weight:700;background:#F4F4F4;border-radius:4px;box-shadow:0 1px 0 rgba(0,0,0,0.2),0 1px 0 0 #fff inset}.article pre{border:#285e94 1px solid;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 1.75em 0;padding:1em;width:100%;font-family:Inconsolata, monospace, sans-serif;font-size:0.9em;white-space:pre;overflow:auto;background-color:#204a74}.article pre code{font-size:inherit;white-space:pre-wrap;background:transparent;border:none;padding:0;color:#e0e0e0}.article-header,.page-title{margin-bottom:1em;text-align:center}.article-header .title,.page-title .title{font-family:"Oswald",Helvetica,Arial sans-serif;font-size:2.8125rem;line-height:normal}.article-header .subtitle,.page-title .subtitle{color:#a3a3a3;font-size:1.5rem}.article-body{word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.article-body h1{margin:1em 0 .5em}.article-body ul{margin:0 0 1em 1em;list-style-type:square;list-style-position:outside}.article-footer{text-align:center}.metadata{font-size:0.875rem;color:#b0b0b0}.metadata:after{content:"\2022";margin:0 1em}.metadata:last-child:after{content:""}.metadata.published{color:#d3d3d3}.metadata.published:before{content:"\e953";margin-right:3px}.metadata.categories:before{content:"\e930"}.metadata.tags:before{content:"\e935";vertical-align:-3px;margin-right:3px}.metadata a:link{color:#aaa;border:none}.metadata .tag-list{display:inline-block}.metadata .tag{display:inline-block;margin-right:2px}.metadata .tag:after{content:", "}.metadata .tag:last-child:after{content:""}.layout-header{display:table-cell;position:relative;background-color:#183858;height:100%}@media only screen and (max-width: 25em){.layout-header{display:block;width:100%;left:-100%;position:fixed;top:0;bottom:0;-moz-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-o-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000)}}.layout-header>.wrapper{position:fixed;top:0;left:0;height:100%;background-color:#183858;overflow-y:scroll;overflow-x:hidden;width:380px;-moz-transition:width 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-o-transition:width 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition:width 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:width 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000)}@media only screen and (max-width: 25em){.layout-header>.wrapper{width:100%;position:static}}.layout-header a:active{background-color:transparent;color:#a3a3a3}.layout-header .header{padding:1em 2em;-moz-transition:padding 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-o-transition:padding 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition:padding 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:padding 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);text-align:center}@media only screen and (max-width: 25em){.layout-header .header{padding:1em}}.layout-header:after{content:"";display:block;width:380px;-moz-transition:width 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-o-transition:width 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition:width 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:width 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000)}@media only screen and (max-width: 25em){.layout-header:after{width:100%}}@media only screen and (min-width: 25.063em){.layout-header.is-compact{width:86px}.layout-header.is-compact>.wrapper{width:86px}.layout-header.is-compact .header{padding:.4em .8em}.layout-header.is-compact .site-name,.layout-header.is-compact .subtitle{font:0/0 serif;text-shadow:none;color:transparent}.layout-header.is-compact .site-name{font-family:"Oswald",Helvetica,Arial sans-serif}.layout-header.is-compact .subtitle{font-family:"Titillium Web",Helvetica,Arial,sans-serif}.layout-header.is-compact .logo{width:100%;height:100%}.layout-header.is-compact:after{width:86px}}.menu-display-btn{background-color:#183858;border:none;border-radius:0 .5em .5em 0;color:#C9C9C9;font-size:1rem;text-align:center;cursor:pointer;position:fixed;top:0;left:380px;z-index:10;margin:0;padding:1em .5em;-moz-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-o-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000)}.menu-display-btn:active{color:#a3a3a3}.menu-display-btn.expand{left:86px}.menu-display-btn.expand:after{content:"\e600\e600"}.menu-display-btn.collapse:after{content:"\e601\e601"}@media only screen and (max-width: 25em){.menu-display-btn{display:none}}.menu-display-btn .hidden{font:0/0 serif;text-shadow:none;color:transparent}@media only screen and (max-width: 25em){.show-menu .layout-header{left:0%}.show-menu .layout-header>.wrapper{left:0%}}.logo{width:50%;height:50%;-moz-transition-property:width,height;-o-transition-property:width,height;-webkit-transition-property:width,height;transition-property:width,height;-moz-transition-duration:250ms;-o-transition-duration:250ms;-webkit-transition-duration:250ms;transition-duration:250ms;-moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);-o-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);margin-left:-4%}.logo path{fill:#C9C9C9;stroke:#C9C9C9}a:active .logo path{fill:#a3a3a3;stroke:#a3a3a3}.site-name{padding-top:.3em;font-family:"Oswald",Helvetica,Arial sans-serif;font-weight:bold;text-transform:uppercase;-moz-transition-property:font-size,color,line-height;-o-transition-property:font-size,color,line-height;-webkit-transition-property:font-size,color,line-height;transition-property:font-size,color,line-height;-moz-transition-duration:250ms;-o-transition-duration:250ms;-webkit-transition-duration:250ms;transition-duration:250ms;-moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);-o-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000)}@media only screen and (max-width: 40em){.site-name{font-size:10vw}}@media only screen and (min-width: 40.063em){.site-name{font-size:1.875rem}}.site-name .subtitle{margin:.3em auto 0;max-width:280px;display:block;color:#a3a3a3;font-family:"Titillium Web",Helvetica,Arial,sans-serif;font-size:0.9375rem;text-transform:capitalize;font-weight:normal;-moz-transition-property:font-size,color,line-height;-o-transition-property:font-size,color,line-height;-webkit-transition-property:font-size,color,line-height;transition-property:font-size,color,line-height;-moz-transition-duration:250ms;-o-transition-duration:250ms;-webkit-transition-duration:250ms;transition-duration:250ms;-moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);-o-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000)}@font-face{font-family:"icomoon";src:url('/fonts/icomoon/icomoon.eot?1435863014') format('embedded-opentype'),url('/fonts/icomoon/icomoon.woff?1435863014') format('woff'),url('/fonts/icomoon/icomoon.ttf?1435863014') format('truetype'),url('/fonts/icomoon/icomoon.svg?1435863014') format('svg')}.layout-nav .wrapper:after,.metadata:before,.menu-display-btn:after,.page-title .show-menu-btn:before{font-family:'icomoon';font-style:normal;font-variant:normal;font-weight:normal;line-height:1;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{-webkit-tap-highlight-color:transparent;overflow-x:hidden}body{position:relative;overflow-x:hidden;background:#1d456c;color:#C9C9C9;font-family:"Titillium Web",Helvetica,Arial,sans-serif;font-size:1.25rem;text-rendering:geometricPrecision}::-moz-selection,::selection{background:#D6EDFF}a:link{color:#d3d3d3;text-decoration:none}a:visited{color:#C9C9C9}a:active{background-color:#9DB997;color:#a3a3a3}.layout-main{position:relative;display:table-cell;padding:2.5em;width:100%}@media only screen and (max-width: 25em){.layout-main{left:0%;display:block;width:auto;-moz-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-o-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000)}}@media only screen and (max-width: 40em){.layout-main{padding:1.5em}}@media only screen and (max-width: 25em){.show-menu .layout-main{left:100%}}.content{position:relative}@media only screen and (max-width: 25em){.content{padding-top:1.5em}}@media only screen and (max-width: 25em){.page-title{position:fixed;left:0;top:0;display:table;width:100%;background-color:#183858;-moz-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-o-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);z-index:20}}@media only screen and (max-width: 25em){.page-title .title{position:relative;left:-1.2em;display:table-cell;width:100%;margin:.5em 0;padding:.5em 0;font-size:1.25rem;vertical-align:middle}}.page-title .show-menu-btn{position:relative;display:none;border:none;height:100%;margin:0;padding:0 .5em;background-color:transparent;color:#C9C9C9;font-size:1.875rem;text-align:center;cursor:pointer;vertical-align:middle;z-index:10}@media only screen and (max-width: 25em){.page-title .show-menu-btn{display:table-cell}}.page-title .show-menu-btn:before{content:"\e601"}.page-title .show-menu-btn:active{color:#a3a3a3}.page-title .show-menu-btn .hidden{font:0/0 serif;text-shadow:none;color:transparent}@media only screen and (max-width: 25em){.page-title .subtitle{font:0/0 serif;text-shadow:none;color:transparent}}@media only screen and (max-width: 25em){.show-menu .page-title{left:100%}}#current-content{position:relative;left:0;-moz-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-o-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000)}#current-content.move-out{left:110%}#new-content{position:relative;left:110%;top:0;padding:2.5em;-moz-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000) 250ms;-o-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000) 250ms;-webkit-transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition-delay:250ms;transition:left 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000) 250ms}#new-content.move-in{position:absolute;left:0}.layout-footer{box-sizing:border-box;padding:1em;text-align:center}.layout-footer small{font-size:0.75rem}