/*! normalize.css v2.1.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{background:#fff;color:#000;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@keyframes floating{0%{transform:translateY(0px)}30%{transform:translateY(20px)}100%{transform:translateY(0px)}}@keyframes waving{0%{transform:rotate(0deg)}20%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}100%{transform:rotate(0deg)}}@keyframes flying-ball{0%{transform:rotate(40deg) translateX(340px) translateY(-20px);opacity:0}100%{transform:rotate(0deg) translateX(0px) translateY(0px);opacity:1}}.btn{font-family:"Varela Round", Arial, sans-serif;color:#4e688b;background-color:#fff;border-radius:5px;padding:8px 24px;color:#3f4956;box-shadow:0 0px 4px rgba(80,104,136,0.3);transition:all .1s ease-in-out}.btn:hover{transform:scale(1.05);box-shadow:0 7px 34px 0 rgba(80,104,136,0.2)}.wrap:before,.wrap:after{content:"";display:table}.wrap:after{clear:both}.wrap{max-width:1084px;margin:0 auto;zoom:1}.full-width-wrap:before,.full-width-wrap:after{content:"";display:table}.full-width-wrap:after{clear:both}.full-width-wrap{max-width:820px;padding:0 60px;margin:0 auto;zoom:1}.fixed{position:fixed}.content-breakout{margin:100px -200px}.flex-row-reverse{flex-direction:row-reverse}.absolute-site-header .site-nav.header-site-nav{position:absolute;top:0;width:100%}.absolute-site-header .site-nav.header-site-nav .site-nav-menu{right:0;position:relative}.absolute-site-header .page-header{padding-top:0px}.absolute-site-header .page-header .max-width-4{width:100%;max-width:100%;margin-left:0;margin-right:0}.absolute-site-header .page-header img{margin-top:0;margin-left:0;margin-right:0;width:100%}@media (max-width: 860px){.absolute-site-header .page-header img{margin-bottom:2rem}}.absolute-site-header .page-header .intro-copy{max-width:64rem;margin-left:auto;margin-right:auto}.group:before,.group:after{content:"";display:table}.group:after{clear:both}.group{zoom:1}.hidden-accessible{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px)}.mb-sm{margin-bottom:.25rem}.text-sans{font-family:"Montserrat", Arial, sans-serif}.text-rounded{font-family:"Varela Round", Arial, sans-serif;color:#4e688b}.text-white{color:#fff}.text-black{color:#3f4956}.text-gray{color:#4e688b}.text-color{color:#4e688b}.text-black{color:#3f4956}.text-color-secondary{color:#f05947}.text-link-color{color:#09f}.text-color-navy-light{color:#506888}.ln-height-1{line-height:1}.neg-letter-spacing{letter-spacing:-.04em}.neg-text-indent{text-indent:-11px}.text-small{font-size:14px}.text-default{font-size:16px}.text-large{font-size:18px}.text-sm-subtext{font-size:14px;opacity:.8}.img-full-width{max-width:100%}.img-screenshot{border-radius:5px;box-shadow:0 4px 24px 0 rgba(80,104,136,0.25)}.img-circle{border-radius:50%}.downward-arrow{content:" ";width:16px;height:16px;border-left:4px solid #f05947;border-bottom:4px solid #f05947;transform:rotate(-45deg) translateX(5px)}.floating{animation:floating 3s ease-in-out infinite}.waving{animation:waving 2s ease-in-out 3;transform-origin:60% 60%}.waving:hover{animation-iteration-count:infinite}.flying-ball{animation:flying-ball 1s ease-in-out;transform-origin:560px 320px}.border-top{border-top:1px solid #DAE3EF}.border-right{border-right:1px solid #DAE3EF}.border-bottom{border-bottom:1px solid #DAE3EF}.border-left{border-left:1px solid #DAE3EF}.default-shadow,.card,.article{box-shadow:0 0px 6px rgba(80,104,136,0.2),0 7px 34px 0 #f9fbff}.shadow-light{box-shadow:0 3px 18px rgba(80,104,136,0.06)}.work-title{font-size:26px;letter-spacing:-.04em}.bg-light-blue{background-color:#edf5fb}.bg-light-red{background-color:#fff1f2}.bg-light-yellow{background-color:#fff8d7}@media (max-width: 860px){.m-mt0{margin-top:0}.m-pt0{padding-top:0}.m-mb0{margin-bottom:0}.m-pb0{padding-bottom:0}.m-my0{margin-top:0;margin-bottom:0}.m-py0{padding-top:0;padding-bottom:0}.m-pt4{padding-top:4rem}.m-hide{display:none}.m-block{display:block}}.card,.article{background-color:#fff;border-radius:3px;overflow:hidden;transition:all .1s ease-in-out}.card:hover,.article:hover{opacity:1;transform:scale(1.05);box-shadow:0 7px 34px 0 rgba(80,104,136,0.2)}.card.card-project,.card-project.article{max-width:336px}.card .icon,.article .icon{color:#09f}.card .icon.icon-star,.article .icon.icon-star{position:relative;top:-1px}.quote{border-radius:5px}.quote.pl-quote{padding-left:60px}.quote::before{content:"“";display:block;font-size:200px;position:absolute;opacity:.15;top:0;left:-22px;line-height:295px}.quote p{color:#102e56}.quote .quote-avatar{width:64px}@media (max-width: 660px){.quote.pl-quote{padding-top:2rem;padding-right:3rem;padding-bottom:2rem;padding-left:65px}.quote .text-large{font-size:16px}.quote::before{line-height:230px}.quote .quote-avatar{width:48px}}.quote.bg-light-red::before{color:#f05947}.quote.bg-light-yellow::before{color:#dfb801}body{background:white;font-family:"Montserrat", Arial, sans-serif;color:#4e688b;font-size:16px;line-height:1.5;overflow-x:hidden}html,body{margin:0;padding:0}body p,body ul{font-family:"Varela Round", Arial, sans-serif;color:#4e688b}body h1,body h2,body h3,body h4,body h5,body h6{font-family:"Montserrat", Arial, sans-serif;color:#3f4956}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{color:#09f;text-decoration:none;transition:all .2s ease-in-out}a:hover{color:#f05947;transition:all .2s ease-in-out}a:active,a:focus{outline:none}::-moz-selection{background:rgba(0,153,255,0.8);color:#fff;text-shadow:none}::selection{background:rgba(0,153,255,0.8);color:#fff;text-shadow:none}@media (max-width: 860px){body .col{width:100%;float:none}}.icon{fill:currentColor}.icon-link{margin-right:4px}.icon-link .icon{color:#d1dceb;transition:color .4s ease}.icon-link .icon:hover{color:#f05947}.site-nav{z-index:2}.site-nav .my-name{font-weight:bold;font-size:28px;letter-spacing:-1px}@media (max-width: 580px){.site-nav .my-name{font-size:22px}}.site-nav .statement{font-family:"Varela Round", Arial, sans-serif;color:#4e688b;font-size:18px}@media (max-width: 700px){.site-nav .statement{font-size:16px}}@media (max-width: 650px){.site-nav .statement{display:none}}@media (max-width: 580px){.site-nav .site-title{line-height:1.2}}.site-nav-menu{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fff;top:12px;right:30px}.site-nav-menu:hover .links{display:block}.site-nav-menu:hover .nav-trigger .menu-icon{display:inline-block}.site-nav-menu .nav-trigger{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:6px;display:block;text-align:right;line-height:1}.site-nav-menu .nav-trigger .menu-icon{display:block}.site-nav-menu .nav-trigger .menu-icon path{fill:#4e688b}.site-nav-menu .links{list-style:none;margin:0;padding:0 15px 8px;text-align:right;display:none}.site-nav-menu .links>li:hover{text-decoration:underline}@media (min-width: 860px){.page-home .site-nav-menu{display:none}}@media (max-width: 860px){.page-home .site-nav-for-intro{display:none}.page-home .site-nav-menu{position:absolute;top:8px;right:0px}}.page-header{padding:45px 0}@media (max-width: 860px){.page-header{padding-bottom:0}}.page-header .intro-copy h1{font-weight:800;letter-spacing:-.04em;width:auto;font-size:60px}@media (max-width: 860px){.page-header .intro-copy h1{font-size:46px}}@media (max-width: 570px){.page-header .intro-copy h1{font-size:38px}}.page-header .intro-copy .subhead{font-size:24px}@media (max-width: 860px){.page-header .intro-copy .subhead{font-size:20px}}.headline{letter-spacing:-4px;letter-spacing:-.06em;font-size:30px;line-height:36px}@media (max-width: 860px){.headline{margin-top:0;margin-bottom:1rem}}.section-heading{font-size:22px;text-transform:uppercase;position:relative;color:#506888}@media (max-width: 860px){.section-heading{font-size:16px}}.section-heading::before{content:" ";display:block;width:140px;position:absolute;top:16px;left:-155px;border-top:2px solid #d7edfe}@media (max-width: 1140px){.section-heading::before{left:-145px}}@media (max-width: 860px){.section-heading::before{top:11px}}.page-footer{margin-top:160px}@media (max-width: 860px){.page-footer{margin-top:0}}.constrained{max-width:732px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px}.section-heading h2{font-weight:800;line-height:1;margin:0;font-size:36px;letter-spacing:-2px}@media (max-width: 450px){.section-heading h2{font-size:28px}}.page .page-header{padding:30px 0}.page .page-header .intro-copy h1{line-height:1.3;margin-bottom:0}.page404 .intro-copy h1{font-size:36px}@media (max-width: 700px){.page404 .intro-copy h1{font-size:28px}}@media (min-width: 1030px){.intro-copy.intro-copy-container{width:calc(100% - 512px)}}@media (min-width: 860px) and (max-width: 1030px){.intro-copy.intro-copy-container{width:460px}}@media (max-width: 960px){.intro-copy.intro-copy-container{margin-top:2rem}}@media (max-width: 900px){.intro-copy.intro-copy-container{margin-top:0}}.intro-copy .headline{font-size:52px;line-height:1.1}@media (max-width: 920px){.intro-copy .headline{margin-top:3rem;font-size:46px}}@media (max-width: 890px){.intro-copy .headline{margin-top:2rem}}@media (max-width: 745px){.intro-copy .headline{font-size:36px}}@media (max-width: 860px){.intro-copy .headline{padding-top:0;margin-top:1rem}}.description.primary{max-width:320px}@media (max-width: 860px){.description.primary{max-width:none}}@media (min-width: 1030px){.intro-illustration.intro-illustration-container{min-width:512px}}@media (min-width: 860px) and (max-width: 1030px){.intro-illustration.intro-illustration-container{min-width:auto;width:calc(100% - 460px)}}@media (max-width: 860px){.intro-illustration{text-align:center}}.intro-img-primary{top:-30px}@media (max-width: 860px){.intro-img-primary{display:none}}@media (min-width: 860px){.intro-illustration-banner-sm{display:none}}@media (max-width: 860px){.wid-graphic{margin-left:0}}@media (min-width: 860px){.wid-content{max-width:342px}}@media (min-width: 860px) and (max-width: 960px){.wid-content{float:right}}@media (min-width: 860px) and (max-width: 1020px){.pdc-section .col-4{width:317px}.pdc-section .col-8{width:calc(100% - 317px)}}@media (min-width: 860px){.pdc-content{max-width:342px}}@media (min-width: 860px) and (max-width: 960px){.pdc-content{float:left}}@media (max-width: 1020px){.pdc-graphic{margin-right:0}}@media (max-width: 860px){.pdc-graphic{float:none;margin-top:2rem}}.quote-wrap.col{float:right}.quote-wrap.col .quote{max-width:448px}.quote-right{margin-top:-6rem}.quote-right .quote{float:right}@media (max-width: 860px){.quote-right{margin-top:3rem}}.quote-left{margin-top:6rem}.quote-left .quote{float:left}@media (max-width: 860px){.quote-left{margin-top:3rem}}.projects-illustration{margin-bottom:-8rem}@media (max-width: 860px){.projects-illustration{margin-top:4rem;margin-bottom:-4rem;text-align:center}}.card-project-wrap.col{float:right}.card-project h2{font-size:22px;line-height:1.1}.card-project .default-shadow,.card-project .card,.card-project .article{box-shadow:0 0px 12px rgba(80,104,136,0.3)}.card-project .icon{vertical-align:middle}.card-project .card-project-integer{margin-left:2px}.card-project-right{margin-top:10rem}@media (max-width: 860px){.card-project-right{margin-top:3rem}}.card-project-left{margin-top:-10rem}@media (max-width: 860px){.card-project-left{margin-top:3rem}}@media (max-width: 860px){.intro-section{margin-bottom:0}}.article{border-left:4px solid #f05947}.article .story-title{font-size:18px;line-height:22px}.article .story-summary{font-size:14px;line-height:18px}.article .action-indicator{font-size:18px;bottom:1rem}.writing{padding-bottom:80px}.article-index .article-item{border-left:2px solid #DAE3EF;transition:padding .2s ease, margin .23s ease}.article-index .article-item:hover,.article-index .article-item:active{padding-left:2rem;margin-left:1rem}.article-index .article-title{font-size:22px}.article-index .article-title .external-link-icon-svg{margin-left:5px}.article-index .article-title .external-link-icon-svg path{fill:#4e688b}.article-index .article-date{font-size:14px}@media (max-width: 450px){.article-index .article-date{font-size:14px}}.article-index .external_site{text-transform:capitalize}.article-index .article-excerpt{color:#4e688b;margin:7px 0 0}.article-index .article-source{display:block;font-style:italic;color:#c7c7c7}.casestudy .cs-quote{border:none;margin:100px -100px;padding-top:60px;padding-bottom:60px;padding-left:140px;padding-right:110px}@media (max-width: 950px){.casestudy .cs-quote{margin:100px auto;padding-top:2rem;padding-bottom:2rem;padding-right:3rem;padding-left:5rem}}.casestudy .cs-quote::before{content:"“";display:block;font-size:258px;position:absolute;opacity:.15;top:0;left:-28px;line-height:365px}@media (max-width: 950px){.casestudy .cs-quote::before{font-size:200px;line-height:265px}}.casestudy .cs-quote-copy{font-size:24px;line-height:38px}@media (max-width: 950px){.casestudy .cs-quote-copy{font-size:20px;line-height:32px;margin-bottom:1rem}}.casestudy .references-list{font-size:16px;padding-left:20px}.casestudy .references-list li{margin-top:0}.time-cs-figure-devices{margin:100px -108px}@media (max-width: 860px){.time-cs-figure-devices{margin:100px auto}}.cs-figure-device{border:2px solid #dae3ef;border-radius:5px;background:#fff;position:relative}@media (max-width: 860px){.cs-figure-device{float:none;margin-left:auto;margin-right:auto;position:static}}.cs-figure-device .cs-figure-device-image{border-radius:0}.cs-figure-device-browser{width:500px;height:330px;overflow:hidden}.cs-figure-device-browser .cs-figure-device-screen{height:308px}.cs-figure-device-browser-header{height:22px;width:100%;border-bottom:1px solid #dae3ef}.cs-figure-device-browser-header .circle{width:6px;height:6px;border-radius:50%;background-color:#dae3ef;margin-right:4px;margin-top:7px}.cs-figure-device-browser-header .address-bar{width:422px;height:11px;border:1px solid #dae3ef;margin-top:5px;margin-left:10px;border-radius:3px}.cs-figure-device-tablet{width:195px;height:246px;padding:19px 16px;top:46px}.cs-figure-device-tablet .cs-figure-device-screen{border:1px solid #dae3ef;height:204px}.cs-figure-device-tablet .cs-figure-device-button{bottom:5px}@media (max-width: 860px){.cs-figure-device-tablet{margin-top:3rem}}.cs-figure-device-mobile{width:64px;height:111px;padding:8px 4px 14px;top:113px}.cs-figure-device-mobile .cs-figure-device-screen{border:1px solid #dae3ef;height:85px}.cs-figure-device-mobile .cs-figure-device-button{bottom:3px}@media (max-width: 860px){.cs-figure-device-mobile{margin-top:3rem}}.cs-figure-device-screen{overflow:scroll}.cs-figure-device-button{width:8px;height:8px;border:1px solid #dae3ef;position:absolute;left:50%;margin-left:-4px;display:block;border-radius:50%}@media (max-width: 860px){.blogpost .page-header{padding-top:0}}.post-content{font-family:"Rooney Sans", rooney-sans, "Varela Round", Arial, sans-serif;font-style:normal;font-weight:400;letter-spacing:-.015em}.post-content p,.post-content ul{font-family:"Rooney Sans", rooney-sans, "Varela Round", Arial, sans-serif;font-style:normal;font-weight:400;letter-spacing:-.015em}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{font-family:"Montserrat", Arial, sans-serif;font-weight:600;letter-spacing:-.04em;line-height:1}.post-content h1 a,.post-content h2 a,.post-content h3 a,.post-content h4 a,.post-content h5 a,.post-content h6 a{font-weight:800;text-decoration:none}.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{font-weight:600}.post-content h1,.post-content h2{margin:80px 0 30px;font-weight:700}.post-content h3,.post-content h4{margin:40px 0 20px}.post-content .half{max-width:50%}.post-content .one-third{max-width:33%}.post-content .two-third{max-width:66%}.post-content .quarter{max-width:25%}.post-content .three-quarter{max-width:75%}.post-content .disclaimer{font-size:.9em;background-color:#edf5fb;padding:20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:40px}.post-content .strikethrough,.post-content del{text-decoration:line-through;color:#c7c7c7}.post-content blockquote:not(.quote){border-left:6px solid #0067ee;margin-left:0;padding:5px 40px;background-color:#edf5fb;-webkit-border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0}.post-content code{font-size:18px;line-height:1.2;background-color:#edf5fb;padding:4px 8px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.post-content img{max-width:100%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.post-content hr{border:none;border-top:2px solid #DAE3EF;margin:40px 0}.post-content a{font-weight:400}.post-content li{margin-top:1rem}.post-content strong,.post-content b{color:#3f4956}.discussion-link{font-size:20px;text-transform:uppercase;font-family:"Montserrat", Arial, sans-serif;font-weight:600}.discussion-link a{text-decoration:none}.next-article .title{font-size:32px}.highlight{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:20px 30px;border:1px solid #eee;font-size:20px}.highlight pre{margin:0}.highlight pre code{background-color:transparent;font-size:18px;line-height:1.2;padding:0}.highlight .language-html .nt{color:#506888;background-color:#f3faff}.highlight .language-html .na{color:#09f}.highlight .language-html .s{color:red}.highlight .language-html .mc{color:#09f}.highlight .language-html .k{color:#7653c1;background-color:#f3faff}.highlight .language-html .m{color:#24ac00}.highlight .language-html .c{color:#c7c7c7}.highlight .language-scss .c1,.highlight .language-css .c1{color:#c7c7c7}.highlight .language-scss .nc,.highlight .language-css .nc{color:#09f}.highlight .language-scss .p,.highlight .language-css .p{color:#000}.highlight .language-scss .na,.highlight .language-css .na{color:red}.highlight .language-scss .o,.highlight .language-css .o{color:#000}.highlight .language-scss .no,.highlight .language-css .no{color:#2a7ae2}.highlight .language-scss .mh,.highlight .language-css .mh{color:#7653c1;background-color:#f3f2ff}.highlight .language-scss .mi,.highlight .language-css .mi{color:#24ac00}.highlight .language-scss .kt,.highlight .language-css .kt{color:#24ac00}.highlight .language-scss .k,.highlight .language-css .k{color:#2a7ae2}.highlight .language-scss .nd,.highlight .language-css .nd{color:#09f}.highlight .language-scss .nt,.highlight .language-css .nt{color:#24ac00}body.category .page-header h1{text-transform:capitalize;font-size:48px}.categories .category-list{column-count:3;column-gap:24px}.categories .category-list li{text-transform:capitalize}