@font-face{font-family:'Playfair Display';font-style:normal;font-display:fallback;font-weight:400;src:local("Playfair Display"),local("PlayfairDisplay-Regular"),url(../fonts/playfair-display-regular.woff2) format("woff2"),url(../fonts/playfair-display-regular.woff) format("woff")}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active{outline:0}a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}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}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-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}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}@-moz-viewport{width:device-width}@-ms-viewport{width:device-width}@-o-viewport{width:device-width}@-webkit-viewport{width:device-width}@viewport{width:device-width}html{font-size:100%;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;line-height:1.625;color:#373a3c;background-color:#fff;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}[tabindex='-1']:focus{outline:0!important}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:0}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #fc6767}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}a{color:#fc6767;text-decoration:none}a:focus,a:hover{color:#fc4e4e;text-decoration:none}pre{margin-top:0;margin-bottom:1rem}img{vertical-align:middle}[role=button]{cursor:pointer}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}th{text-align:left}label{display:inline-block;margin-bottom:.5rem}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{margin:0;line-height:inherit;border-radius:0}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit}input[type=search]{-webkit-box-sizing:inherit;box-sizing:inherit;-webkit-appearance:none}[hidden]{display:none!important}.clearfix::after{content:"";display:table;clear:both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:absolute;width:auto;height:auto;margin:0;overflow:visible;clip:auto;background-color:#fff;font-size:1.5rem;padding:1rem}.sr-skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-skip-link:active,.sr-skip-link:focus{position:absolute;width:auto;height:auto;margin:0;overflow:visible;clip:auto;background-color:#fff;font-size:1.5rem;padding:1rem}.sr-skip-link:focus{left:50%;top:0;font-size:1rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#373a3c;color:#fff;border-radius:0 0 .5rem .5rem;padding:1rem 1.5rem;outline:0}::-moz-selection{background:#43a9a3;color:#fff}::selection{background:#43a9a3;color:#fff}::-moz-selection{background:#43a9a3;color:#fff}h1,h2,h3,h4{line-height:1.3}.title{font-family:"Playfair Display","Times New Roman",Georgia,Times,serif;font-size:2.5rem;font-weight:400}@media (min-width:760px){.title{font-size:5rem}}.content{font-size:1.125rem}.content>*{width:90%;max-width:41rem;margin-left:auto;margin-right:auto;margin-bottom:2rem}.content img{display:block;max-width:100%;margin:0 auto}.content .extend{max-width:60rem}.content .twitter-tweet-rendered{margin:0 auto 2rem!important}.content a{-webkit-box-shadow:inset 0 -2px 0 0 #fc6767;box-shadow:inset 0 -2px 0 0 #fc6767;border-bottom:1px solid #fc6767}.content a:focus,.content a:hover{color:#fff;-webkit-box-shadow:inset 0 -1.25em 0 0 #fc6767;box-shadow:inset 0 -1.25em 0 0 #fc6767}.content h2,.content h3,.content h4{margin-top:1.5em;margin-bottom:.75em}@media (min-width:760px){.content{font-size:1.375rem}}.blogsection__title,.label{font-size:.875rem;text-transform:uppercase;font-weight:700;letter-spacing:1px}.lead{font-size:1.5rem;font-weight:300;line-height:1.4}@media (min-width:760px){.lead{font-size:2rem}}figure{max-width:none;margin-left:auto;margin-right:auto;text-align:center}figure img{width:auto;max-width:100%}figure figcaption{padding-top:.75rem;font-style:italic;font-size:1rem}video{max-width:100%;height:auto}hr{border:0;border-bottom:1px solid #eceeef;margin:2rem 0}blockquote{font-family:"Playfair Display","Times New Roman",Georgia,Times,serif;font-style:italic;padding-left:2.25em;border-left:10px solid #eceeef}blockquote footer{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-align:right;font-size:.875em}.text--center{text-align:center}html{overflow-y:scroll}.site{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;height:100%;position:relative}.site .main{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;padding-bottom:2rem;opacity:1;-webkit-transition:opacity .4s linear .2s;-o-transition:opacity .4s linear .2s;transition:opacity .4s linear .2s}.site .main::after{content:'\00a0';display:block;height:0;visibility:hidden}@media (min-width:760px){.site .main{padding-bottom:4rem}}.site .footer,.site .header{-webkit-box-flex:0;-ms-flex:none;flex:none}.container{width:90%;margin-left:auto;margin-right:auto;max-width:1200px}code .hll{background-color:#49483e}code .c{color:#75715e}code .err{color:#f92672}code .k{color:#ae81ff}code .l{color:#fd971f}code .n{color:#f9f8f5}code .o{color:#a1efe4}code .p{color:#f9f8f5}code .cm{color:#75715e}code .cp{color:#75715e}code .c1{color:#75715e}code .cs{color:#75715e}code .gd{color:#f92672}code .ge{font-style:italic}code .gh{color:#f9f8f5;font-weight:700}code .gi{color:#a6e22e}code .gp{color:#75715e;font-weight:700}code .gs{font-weight:700}code .gu{color:#a1efe4;font-weight:700}code .kc{color:#ae81ff}code .kd{color:#ae81ff}code .kn{color:#a1efe4}code .kp{color:#ae81ff}code .kr{color:#ae81ff}code .kt{color:#f4bf75}code .ld{color:#a6e22e}code .m{color:#fd971f}code .s{color:#a6e22e}code .na{color:#66d9ef}code .nb{color:#f9f8f5}code .nc{color:#f4bf75}code .no{color:#f92672}code .nd{color:#a1efe4}code .ni{color:#f9f8f5}code .ne{color:#f92672}code .nf{color:#66d9ef}code .nl{color:#f9f8f5}code .nn{color:#f4bf75}code .nx{color:#66d9ef}code .py{color:#f9f8f5}code .nt{color:#a1efe4}code .nv{color:#f92672}code .ow{color:#a1efe4}code .w{color:#f9f8f5}code .mf{color:#fd971f}code .mh{color:#fd971f}code .mi{color:#fd971f}code .mo{color:#fd971f}code .sb{color:#a6e22e}code .sc{color:#f9f8f5}code .sd{color:#75715e}code .s2{color:#a6e22e}code .se{color:#fd971f}code .sh{color:#a6e22e}code .si{color:#fd971f}code .sx{color:#a6e22e}code .sr{color:#a6e22e}code .s1{color:#a6e22e}code .ss{color:#a6e22e}code .bp{color:#f9f8f5}code .vc{color:#f92672}code .vg{color:#f92672}code .vi{color:#f92672}code .il{color:#fd971f}.icon{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:5px}.icon svg{width:100%;height:100%;fill:currentColor}.menuicon{display:block;width:24px;height:16px;position:relative;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:.3s cubic-bezier(.165,.84,.44,1);-o-transition:.3s cubic-bezier(.165,.84,.44,1);transition:.3s cubic-bezier(.165,.84,.44,1);cursor:pointer;margin:0 auto}.menuicon__bar{display:block;position:absolute;height:3px;width:100%;background-color:currentColor;left:0;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .25s ease-in-out;transition:-webkit-transform .25s ease-in-out;-o-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.menuicon__bar:nth-child(1){top:0}.menuicon__bar:nth-child(2),.menuicon__bar:nth-child(3){top:50%}.menuicon__bar:nth-child(4){top:100%}.menu-open .menuicon{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.menu-open .menuicon__bar:nth-child(1),.menu-open .menuicon__bar:nth-child(4){width:0;top:50%;left:50%}.menu-open .menuicon__bar:nth-child(2){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.menu-open .menuicon__bar:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.pagetransition .toppanel__progressbar{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.pagetransition .site .main{opacity:0}.fade-in{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;-webkit-animation:fadeInUp .5s ease;animation:fadeInUp .5s ease}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes tooltip{to{opacity:.9;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}}@keyframes tooltip{to{opacity:.9;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}}.offline a:not(.is-cached){cursor:not-allowed;pointer-events:none;opacity:.5}.offline a[href^='#'],.offline a[href^=mailto],.offline a[href^=tel]{cursor:auto;pointer-events:auto;opacity:1}.header__inner{position:relative;padding:2rem 0}.header__inner::after{content:"";display:table;clear:both}@media (min-width:760px){.header__inner{padding:3.125rem 0}}.brand{display:block;float:left;padding-top:.5rem}.brand svg{width:5rem;height:1.75rem}.nav__content{display:none;position:fixed;z-index:500;top:0;left:0;width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.nav__list{opacity:0;-webkit-transform:translateY(25px);-ms-transform:translateY(25px);transform:translateY(25px)}.nav__list--visible{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}@media (min-width:1080px){.nav{float:right}.nav__content{display:block;width:auto;position:static}.nav__list{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.nav__content{color:#fff;padding:10%}.nav__list{list-style-type:none;padding:0;margin:0}.nav__item{position:relative;font-size:2.75rem;font-weight:200;text-transform:lowercase}.nav__item::after{content:'';display:block;height:5px;background-color:#eceeef;position:absolute;left:1rem;right:1rem;bottom:-5px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);-o-transition:transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1),-webkit-transform .3s cubic-bezier(.86,0,.07,1)}.nav__item--active::after{background-color:#fc6767;-webkit-transform:none;-ms-transform:none;transform:none}.nav__item__num{display:inline-block;font-weight:700;margin-right:.5em;color:rgba(255,255,255,.2)}.nav__link{color:currentColor;display:block;padding:.5rem 1rem;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}@media (min-width:1080px){.nav__content{color:#818a91;padding:0}.nav__item{font-size:1rem;font-weight:400;display:inline-block}.nav__item:focus::after,.nav__item:hover::after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.nav__item--active{color:#373a3c}.nav__item__num{color:currentColor!important}.nav__link:focus,.nav__link:hover{color:#373a3c}}.menu-animation{position:fixed;z-index:490;top:27px;right:5%;height:4px;width:4px;-webkit-transform:translateX(-22px) translateY(22px);-ms-transform:translateX(-22px) translateY(22px);transform:translateX(-22px) translateY(22px);pointer-events:none;visibility:hidden}.menu-animation__circle{display:inline-block;width:300vmax;height:300vmax;top:-150vmax;left:-150vmax;position:absolute;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#2b2d2f;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:-webkit-transform .4s cubic-bezier(.755,.05,.855,.06);transition:-webkit-transform .4s cubic-bezier(.755,.05,.855,.06);-o-transition:transform .4s cubic-bezier(.755,.05,.855,.06);transition:transform .4s cubic-bezier(.755,.05,.855,.06);transition:transform .4s cubic-bezier(.755,.05,.855,.06),-webkit-transform .4s cubic-bezier(.755,.05,.855,.06);will-change:transform}@media (min-width:760px){.menu-animation{top:45px}}@media (min-width:1080px){.menu-animation{display:none}}.nav__togglebtn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;width:48px;height:48px;position:fixed;z-index:510;right:5%;top:34px;border:0;border-radius:50%;background-color:rgba(255,255,255,.85);color:#373a3c;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.nav__togglebtn:focus{outline:0}@media (min-width:760px){.nav__togglebtn{top:52px}}@media (min-width:1080px){.nav__togglebtn{display:none}}.menu-open .nav__content{display:-webkit-box;display:-ms-flexbox;display:flex}.menu-open .nav__list{-webkit-transition:opacity .3s linear .5s,-webkit-transform 1s ease-out;transition:opacity .3s linear .5s,-webkit-transform 1s ease-out;-o-transition:opacity .3s linear .5s,transform 1s ease-out;transition:opacity .3s linear .5s,transform 1s ease-out;transition:opacity .3s linear .5s,transform 1s ease-out,-webkit-transform 1s ease-out}.menu-open .nav__togglebtn{color:#fff;background-color:transparent}.menu-open .menu-animation{visibility:visible}.menu-open .menu-animation__circle{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.btn{display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;font-size:.875rem;padding:.75rem 1.5rem;border:2px solid rgba(0,0,0,.2);border-radius:.25rem;color:#55595c}.btn:disabled{cursor:not-allowed;pointer-events:none;opacity:.65}.btn--primary{background-color:#fc6767;border-color:transparent;color:#fff}.btn--primary:focus,.btn--primary:hover{color:#fff;background-color:#fc4e4e}.btn--twitter{background-color:#1da1f2;border-color:#1da1f2;color:#fff}.btn--twitter:focus,.btn--twitter:hover{color:#1da1f2;background-color:transparent}.form{position:relative}.form fieldset:disabled{opacity:.65;pointer-events:none}.form__field{position:relative;margin-bottom:1rem}.form__input{display:block;width:100%;font-size:1.25rem;line-height:1.2;padding:1.25rem;font-weight:300;border:1px solid #bac1c5;border-radius:.25rem;-webkit-transition:border .2s linear;-o-transition:border .2s linear;transition:border .2s linear}.form__input[aria-invalid=true]{border-color:#fc6767}.form__input:focus{border-color:#43a9a3;-webkit-box-shadow:0 0 0 1px #43a9a3;box-shadow:0 0 0 1px #43a9a3;outline:0}@media (min-width:760px){.form__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.form__error,.form__feedback{padding:.25rem .5rem;margin-top:.5rem;border:1px solid #fc6767;border-radius:.25rem;background-color:#fff3f3;color:#c60404}.form__error:empty,.form__feedback:empty{display:none}@media (min-width:760px){.form__error{position:absolute;width:auto;top:1.625rem;right:1rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}}@media (min-width:760px){.form__feedback{margin-top:0;padding:.75rem 1.5rem}}.form__feedback--success{border-color:#43a9a3;color:#2d726e;background-color:#d4eeed}.form .req{display:inline-block;margin-left:.5rem;color:#fc6767}.toppanel{background-color:#373a3c;position:relative;min-height:5px;color:#fff}.toppanel__progressbar{position:absolute;bottom:0;left:0;width:100%;height:5px;background-color:#fc6767;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:-webkit-transform .8s cubic-bezier(.86,0,.07,1);transition:-webkit-transform .8s cubic-bezier(.86,0,.07,1);-o-transition:transform .8s cubic-bezier(.86,0,.07,1);transition:transform .8s cubic-bezier(.86,0,.07,1);transition:transform .8s cubic-bezier(.86,0,.07,1),-webkit-transform .8s cubic-bezier(.86,0,.07,1)}.toppanel__banner{padding:1rem 0}.toppanel__banner:empty{display:none}.legacy-warning{padding:9px 0 4px;background-color:#373a3c;color:#eceeef}@media (min-width:1080px){.page__title{font-size:7rem!important}}.page__header,.post__header,.project__header{padding:2rem 0}@media (min-width:760px){.page__header,.post__header,.project__header{text-align:center;padding:4rem 0}}@media (min-width:1080px){.page__header,.post__header,.project__header{padding:5rem}}.page__content{margin:0 auto;max-width:41rem}.post{position:relative;font-size:1.125rem}.post__title{margin:0 auto .25em;max-width:60rem}.post__meta{font-family:"Playfair Display","Times New Roman",Georgia,Times,serif;color:#818a91;font-size:.9375em;margin-bottom:1rem}.post__date{font-style:italic}.post__category{display:inline-block;text-transform:uppercase;letter-spacing:3px;font-size:.77777em;margin:0 2rem 1rem 0}@media (min-width:760px){.post__category{margin-bottom:0}}.post__demo{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.post__excerpt{color:#373a3c}.post__footer{max-width:41rem;margin:0 auto 2rem}.post__footer small{color:#818a91;display:block;margin-bottom:1rem}.post__reldata{display:none}@media (min-width:760px){.post{font-size:1.375rem}.post__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.post__footer small{margin:0}}.post--preview .post__title{margin:0}.post--preview .post__link{display:block}.post--preview .post__readmore{white-space:nowrap;font-style:italic}.post--preview.post--draft{opacity:.5;padding-left:3rem}.postlist{list-style-type:none;padding:0}.postlist__item{margin-bottom:3rem}.postlist__item:last-child{margin-bottom:0}@media (min-width:760px){.postlist__item{margin-bottom:5.5rem}}.relatedposts__list{list-style-type:none;padding:0}.relatedposts__item{margin-bottom:.25rem}.relatedpost{padding:.25rem 0;font-size:1.125rem;color:#373a3c}.relatedpost__title{display:block;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.relatedpost__date{display:block;color:#818a91;font-size:.75em;white-space:nowrap}@media (min-width:760px){.relatedpost{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.375rem}.relatedpost:focus .relatedpost__title,.relatedpost:hover .relatedpost__title{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}.relatedpost__date{padding-right:1rem;width:125px;-webkit-box-flex:0;-ms-flex:0 0 125px;flex:0 0 125px;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}}.webmentions__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.webmentions__list{list-style-type:none;padding:0;margin:0}.webmentions__stats,.webmentions__toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1rem}.webmentions__toggle{margin-right:auto;padding-left:0}.webmentions__toggle .icon{-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}.webmentions__panel{display:none}#webmentions:target .webmentions__panel{display:block}#webmentions:target .webmentions__header{display:none}.webmention{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;padding:1rem 0 1rem 60px;margin-bottom:1rem}.webmention:last-child{margin-bottom:0;padding-bottom:0}.webmention--own{background-color:rgba(129,138,145,.1);border-radius:.5rem}.webmention__meta{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;font-size:.875rem;color:#55595c}.webmention__meta__divider{display:inline-block;padding:0 .125rem}.webmention__author{font-size:1rem;color:#373a3c}.webmention__author__photo{position:absolute;top:1rem;left:0;height:48px;width:48px;border-radius:50%}.webmention__content .highlighter-rouge,.webmention__content img{display:none}.project__header .btn{margin-top:1rem}.project--preview .project__content{width:100%;height:400px;position:relative;background-color:#eceeef;background-color:var(--tile-color,#eceeef);border-radius:.25rem;overflow:hidden}.project--preview .project__link{display:block;color:#fff}.project--preview .project__link:focus,.project--preview .project__link:hover{color:#fff}.project--preview .project__info{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:end;-ms-flex-pack:end;justify-content:flex-end;position:relative;height:100%;z-index:1;padding:1.5rem}.project--preview .project__title{font-family:"Playfair Display","Times New Roman",Georgia,Times,serif;font-size:2.5rem}.project--preview .project__image{position:absolute;top:0;left:0;bottom:0;right:0}.project--preview .project__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;opacity:0;-webkit-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;border-radius:.25rem}.project--preview .project__image img.loaded{opacity:1}.project--preview{position:relative;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);-o-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-filter:brightness(100%);filter:brightness(100%)}.project--preview::after{content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;opacity:0;border-radius:.25rem;-webkit-box-shadow:0 15px 45px -5px rgba(10,16,34,.3);box-shadow:0 15px 45px -5px rgba(10,16,34,.3);-webkit-transition:opacity .3s cubic-bezier(.4,0,.2,1);-o-transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s cubic-bezier(.4,0,.2,1)}.project--preview:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);-webkit-filter:brightness(110%);filter:brightness(110%)}.project--preview:hover::after{opacity:1}.otherprojects{padding-top:3rem;border-top:1px solid #eceeef}.otherprojects__title{display:block;text-align:center;margin-bottom:3rem}.projectlist{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-gap:2rem;grid-auto-rows:400px;list-style-type:none;padding:0;margin:0 -1rem}.projectlist__item{width:100%;padding:1rem}.projectlist__item:first-child{width:100%;grid-column:1/-1}@media (min-width:760px){.projectlist{grid-template-columns:repeat(2,1fr)}.projectlist__item{width:50%}}@media (min-width:1080px){.projectlist{grid-template-columns:repeat(3,1fr)}.projectlist__item{width:33.33%}.projectlist__item:nth-child(3),.projectlist__item:nth-child(4),.projectlist__item:nth-child(7){width:66.66%;grid-column:span 2}}@supports (display:grid){.projectlist{display:grid;margin:0}.projectlist__item{width:auto!important;padding:0}}code,pre{font-family:Menlo,Monaco,Consolas,"Andale Mono","Courier New",monospace}code{background-color:#f5f2f0;border:1px solid #eee;border-radius:3px;padding:3px 4px;font-size:75%}pre code{font-size:1rem;background:0 0;border:0;padding:0}div.highlighter-rouge{width:100%;max-width:none;position:relative;line-height:1.6;overflow-x:scroll;background:#1d1f21;color:#fff}div.highlighter-rouge pre{margin:0 auto;padding:2rem;overflow:visible;max-width:41rem}@media (min-width:760px){div.highlighter-rouge pre{padding:2rem 0}}[tooltip]{position:relative}[tooltip]::after,[tooltip]::before{line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0;left:50%;-webkit-transform:translate(-50%,-.5rem);-ms-transform:translate(-50%,-.5rem);transform:translate(-50%,-.5rem);text-transform:none;font-size:.875rem}[tooltip]:focus::after,[tooltip]:focus::before,[tooltip]:hover::after,[tooltip]:hover::before{display:block;-webkit-animation:tooltip .3s ease-out forwards;animation:tooltip .3s ease-out forwards}[tooltip]::before{content:'';z-index:1001;border:5px solid transparent;bottom:98%;border-bottom-width:0;border-top-color:#333}[tooltip]::after{content:attr(tooltip);z-index:1000;bottom:calc(98% + 5px);text-align:center;min-width:3em;max-width:21em;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";padding:1ch;border-radius:.3ch;-webkit-box-shadow:0 1em 2em -.5em rgba(0,0,0,.35);box-shadow:0 1em 2em -.5em rgba(0,0,0,.35);background:#333;color:#fff}[tooltip='']::after,[tooltip='']::before{display:none!important}.toast{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:700;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;will-change:transform;-webkit-transform:translate(0,80px);-ms-transform:translate(0,80px);transform:translate(0,80px);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,0,1,1);transition:-webkit-transform .25s cubic-bezier(.4,0,1,1);-o-transition:transform .25s cubic-bezier(.4,0,1,1);transition:transform .25s cubic-bezier(.4,0,1,1);transition:transform .25s cubic-bezier(.4,0,1,1),-webkit-transform .25s cubic-bezier(.4,0,1,1);pointer-events:none}.toast__message{padding:1rem 2rem;background-color:#373a3c;color:#fff;border-radius:6px 6px 0 0}@media (min-width:760px){.toast__message{min-height:48px;max-height:80px}}@media (min-width:1080px){.toast__message{padding:1rem 3.5rem}.toast__message .icon{margin-left:-1rem}}.toast--active{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);pointer-events:auto;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.2,1);transition:-webkit-transform .25s cubic-bezier(0,0,.2,1);-o-transition:transform .25s cubic-bezier(0,0,.2,1);transition:transform .25s cubic-bezier(0,0,.2,1);transition:transform .25s cubic-bezier(0,0,.2,1),-webkit-transform .25s cubic-bezier(0,0,.2,1)}.scrollpane{max-width:none;width:100%;background:transparent url(../images/wall.jpg) repeat 0 0;padding:3rem 0;overflow-x:scroll;-webkit-overflow-scrolling:touch}.scrollpane__content{width:100%;position:relative;white-space:nowrap;padding:0 1rem}.scrollpane__item{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display:inline-block;padding:0 1rem}.scrollpane__item img{max-width:100%;height:auto;-webkit-box-shadow:0 1px 5px 1px rgba(0,0,0,.3);box-shadow:0 1px 5px 1px rgba(0,0,0,.3)}.scrollpane--posters .scrollpane__item{width:320px}@media (min-width:760px){.scrollpane--posters .scrollpane__item{width:auto}}.footer{font-size:.875rem;color:#818a91;border-top:1px solid #eceeef}.footer strong{color:#55595c}.footer a{color:#8f979d}.footer a:focus,.footer a:hover{color:#55595c;text-decoration:underline}.footer__inner{padding:2rem 0}.footer__inner::after{content:"";display:table;clear:both}.footer__item{margin-bottom:.5rem}.footer__item:last-child{margin-bottom:0}.footer__icon{padding:.25rem}@media (min-width:760px){.footer{font-size:.75rem}.footer__col{float:left;width:50%}.footer__item{display:inline-block;margin:0 4rem 0 0}.footer__item--right{margin:0;float:right}}.hero{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:center;-ms-flex-pack:center;justify-content:center;padding:2rem 0;height:400px;height:70vh}.hero__title{font-size:calc(1.5rem + 5vmin)}.hero__pretitle{margin-bottom:0}@media (min-width:1080px){.hero{padding:2rem 0 6rem}}@media screen and (min-width:1280px){.hero__title__line{display:block}}.nda{margin-top:3rem;font-style:italic}@media (min-width:760px){.nda{font-size:.875rem;text-align:right}}.blogsection{width:90%;max-width:41rem;margin:0 auto;padding:2rem 0;border-top:1px solid #eceeef}.blogsection__title{margin-bottom:1rem}.about{max-width:49rem}.intro::after{content:"";display:table;clear:both}.intro__image{width:150px;height:auto;border-radius:50%;margin:0 2rem 1rem 0}@media (min-width:760px){.intro__image{width:210px;height:210px;float:left;border:1px solid #dee2e3;padding:10px;margin-left:-4rem}}.cv{padding:2rem 0}.cv::after{content:"";display:table;clear:both}@media (min-width:760px){.cv__section{float:left;width:50%}}.cv__title{margin:2rem 0}.cv__list{list-style-type:none;padding:0}.cv__item{margin-bottom:.8125rem}.cv__item--bullet{margin-bottom:0;padding-left:2rem;background:transparent url(../images/bullet.svg) no-repeat 0 center;background-size:12px 12px}.cv__item__desc{text-transform:uppercase;font-size:.8125em;letter-spacing:1px;color:#818a91}.page--404 .page__header,.page--404 .post__header,.page--404 .project__header{padding-bottom:2rem}.page--404 .page__content{text-align:center}.page--404 .invaders{margin:2rem 0;overflow-x:hidden}