diff --git a/README.md b/README.md index dbb779f..38acfcd 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,10 @@ # Casper -The default theme for [Ghost](http://github.com/tryghost/ghost/). This is the latest development version of Casper. If you're just looking to download the latest release, head over to the [releases](https://github.com/TryGhost/Casper/releases) page. +The default theme for [Ghost](http://github.com/tryghost/ghost/). This is the latest development version of Casper! If you're just looking to download the latest release, head over to the [releases](https://github.com/TryGhost/Casper/releases) page.   -![screenshot-desktop](https://user-images.githubusercontent.com/120485/27221326-1e31d326-5280-11e7-866d-82d550a7683b.jpg) +![screenshot-desktop](https://user-images.githubusercontent.com/353959/66987533-40eae100-f0c1-11e9-822e-cbaf38fb8e3f.png)   @@ -12,20 +12,20 @@ The default theme for [Ghost](http://github.com/tryghost/ghost/). This is the la Ghost uses a simple templating language called [Handlebars](http://handlebarsjs.com/) for its themes. -We've documented our default theme pretty heavily so that it should be fairly easy to work out what's going on just by reading the code and the comments. Once you feel comfortable with how everything works, we also have full [theme API documentation](https://ghost.org/docs/api/handlebars-themes/) which explains every possible Handlebars helper and template. +This theme has lots of code comments to help explain what's going on just by reading the code. Once you feel comfortable with how everything works, we also have full [theme API documentation](https://ghost.org/docs/api/handlebars-themes/) which explains every possible Handlebars helper and template. **The main files are:** -- `default.hbs` - The main template file -- `index.hbs` - Used for the home page -- `post.hbs` - Used for individual posts +- `default.hbs` - The parent template file, which includes your global header/footer +- `index.hbs` - The main template to generate a list of posts, usually the home page +- `post.hbs` - The template used to render individual posts - `page.hbs` - Used for individual pages -- `tag.hbs` - Used for tag archives -- `author.hbs` - Used for author archives +- `tag.hbs` - Used for tag archives, eg. "all posts tagged with `news`" +- `author.hbs` - Used for author archives, eg. "all posts written by Jamie" -One really neat trick is that you can also create custom one-off templates just by adding the slug of a page to a template file. For example: +One neat trick is that you can also create custom one-off templates by adding the slug of a page to a template file. For example: -- `page-about.hbs` - Custom template for the `/about/` page +- `page-about.hbs` - Custom template for an `/about/` page - `tag-news.hbs` - Custom template for `/tag/news/` archive - `author-ali.hbs` - Custom template for `/author/ali/` archive @@ -35,8 +35,11 @@ One really neat trick is that you can also create custom one-off templates just Casper styles are compiled using Gulp/PostCSS to polyfill future CSS spec. You'll need [Node](https://nodejs.org/), [Yarn](https://yarnpkg.com/) and [Gulp](https://gulpjs.com) installed globally. After that, from the theme's root directory: ```bash -$ yarn install -$ yarn dev +# install dependencies +yarn install + +# run development server +yarn dev ``` Now you can edit `/assets/css/` files, which will be compiled to `/assets/built/` automatically. @@ -44,7 +47,8 @@ Now you can edit `/assets/css/` files, which will be compiled to `/assets/built/ The `zip` Gulp task packages the theme files into `dist/.zip`, which you can then upload to your site. ```bash -$ yarn zip +# create .zip file +yarn zip ``` # PostCSS Features Used diff --git a/assets/built/global.css b/assets/built/global.css index 97575cb..db31187 100644 --- a/assets/built/global.css +++ b/assets/built/global.css @@ -1,2 +1,2 @@ -a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}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-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#3c484e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::-moz-selection{text-shadow:none;background:#cbeafb}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #e3e9ed}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}ol,ul{max-width:100%}li{margin:.5em 0;padding-left:.3em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#15171a;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #e5eff5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a8ed;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:700;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5rem;font-weight:700}@media (max-width:500px){h1{font-size:2.2rem}}h2{margin:1.5em 0 .5em;font-size:2rem}@media (max-width:500px){h2{font-size:1.8rem}}h3{margin:1.5em 0 .5em;font-size:1.8rem;font-weight:500}@media (max-width:500px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:1.6rem;font-weight:500}h5,h6{margin:1.5em 0 .5em;font-size:1.4rem;font-weight:500} +a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{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]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#313b3f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.6rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::-moz-selection{text-shadow:none;background:#cbeafb}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #e3e9ed}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}ol,ul{max-width:100%}li{margin:.5em 0;padding-left:.3em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#15171a;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #e5eff5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a8ed;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:600;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5.5rem;font-weight:600}@media (max-width:500px){h1{font-size:2.2rem}}h2{margin:1.5em 0 .5em;font-size:2.2rem}@media (max-width:500px){h2{font-size:1.8rem}}h3{margin:1.5em 0 .5em;font-size:1.8rem;font-weight:500}@media (max-width:500px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:1.6rem;font-weight:500}h5,h6{margin:1.5em 0 .5em;font-size:1.4rem;font-weight:500} /*# sourceMappingURL=global.css.map */ \ No newline at end of file diff --git a/assets/built/global.css.map b/assets/built/global.css.map index 16a8ae7..64aca3d 100644 --- a/assets/built/global.css.map +++ b/assets/built/global.css.map @@ -1 +1 @@ -{"version":3,"sources":["global.css"],"names":[],"mappings":"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","file":"global.css","sourcesContent":["/* Variables\n/* ---------------------------------------------------------- */\n\n:root {\n /* Colours */\n --blue: #3eb0ef;\n --green: #a4d037;\n --purple: #ad26b4;\n --yellow: #fecd35;\n --red: #f05230;\n --darkgrey: #15171A;\n --midgrey: #738a94;\n --lightgrey: #c5d2d9;\n --whitegrey: #e5eff5;\n --pink: #fa3a57;\n --brown: #a3821a;\n}\n\n/* Reset\n/* ---------------------------------------------------------- */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\nbody {\n line-height: 1;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\nimg {\n max-width: 100%;\n}\nhtml {\n box-sizing: border-box;\n font-family: sans-serif;\n\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\na {\n background-color: transparent;\n}\na:active,\na:hover {\n outline: 0;\n}\nb,\nstrong {\n font-weight: bold;\n}\ni,\nem,\ndfn {\n font-style: italic;\n}\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nimg {\n border: 0;\n}\nsvg:not(:root) {\n overflow: hidden;\n}\nmark {\n background-color: #fdffb6;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0; /* 3 */\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n}\nbutton {\n overflow: visible;\n border: none;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\n/* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer; /* 3 */\n\n -webkit-appearance: button; /* 2 */\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\ninput {\n line-height: normal;\n}\ninput:focus {\n outline: none;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\ninput[type=\"search\"] {\n box-sizing: content-box; /* 2 */\n\n -webkit-appearance: textfield; /* 1 */\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\nlegend {\n padding: 0; /* 2 */\n border: 0; /* 1 */\n}\ntextarea {\n overflow: auto;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\ntd,\nth {\n padding: 0;\n}\n\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n overflow-x: hidden;\n overflow-y: scroll;\n font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n overflow-x: hidden;\n color: color(var(--midgrey) l(-25%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.5rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n letter-spacing: 0;\n text-rendering: optimizeLegibility;\n background: #fff;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -moz-font-feature-settings: \"liga\" on;\n}\n\n::selection {\n text-shadow: none;\n background: color(var(--blue) lightness(+30%));\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n margin: 2.5em 0 3.5em;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid color(var(--lightgrey) l(+10%));\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\np,\nul,\nol,\ndl,\nblockquote {\n margin: 0 0 1.5em 0;\n}\n\nol,\nul {\n padding-left: 1.3em;\n padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nul,\nol {\n max-width: 100%;\n}\n\nli {\n margin: 0.5em 0;\n padding-left: 0.3em;\n line-height: 1.6em;\n}\n\ndt {\n float: left;\n margin: 0 20px 0 0;\n width: 120px;\n color: var(--darkgrey);\n font-weight: 500;\n text-align: right;\n}\n\ndd {\n margin: 0 0 5px 0;\n text-align: left;\n}\n\nblockquote {\n margin: 1.5em 0;\n padding: 0 1.6em 0 1.6em;\n border-left: var(--whitegrey) 0.5em solid;\n}\n\nblockquote p {\n margin: 0.8em 0;\n font-size: 1.2em;\n font-weight: 300;\n}\n\nblockquote small {\n display: inline-block;\n margin: 0.8em 0 0.8em 1.5em;\n font-size: 0.9em;\n opacity: 0.8;\n}\n/* Quotation marks */\nblockquote small:before {\n content: \"\\2014 \\00A0\";\n}\n\nblockquote cite {\n font-weight: bold;\n}\nblockquote cite a {\n font-weight: normal;\n}\n\na {\n color: color(var(--blue) l(-5%));\n text-decoration: none;\n}\n\na:hover {\n text-decoration: underline;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n line-height: 1.15;\n font-weight: 700;\n text-rendering: optimizeLegibility;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 5rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n h1 {\n font-size: 2.2rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n@media (max-width: 500px) {\n h2 {\n font-size: 1.8rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.8rem;\n font-weight: 500;\n}\n@media (max-width: 500px) {\n h3 {\n font-size: 1.7rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.6rem;\n font-weight: 500;\n}\n\nh5 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n\nh6 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["global.css"],"names":[],"mappings":"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","file":"global.css","sourcesContent":["/* Variables\n/* ---------------------------------------------------------- */\n\n:root {\n /* Colours */\n --blue: #3eb0ef;\n --green: #a4d037;\n --purple: #ad26b4;\n --yellow: #fecd35;\n --red: #f05230;\n --darkgrey: #15171A;\n --midgrey: #738a94;\n --lightgrey: #c5d2d9;\n --whitegrey: #e5eff5;\n --pink: #fa3a57;\n --brown: #a3821a;\n --darkmode: color(var(--darkgrey) l(+2%));\n}\n\n/* Reset\n/* ---------------------------------------------------------- */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\nbody {\n line-height: 1;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\nimg {\n max-width: 100%;\n}\nhtml {\n box-sizing: border-box;\n font-family: sans-serif;\n\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\na {\n background-color: transparent;\n}\na:active,\na:hover {\n outline: 0;\n}\nb,\nstrong {\n font-weight: bold;\n}\ni,\nem,\ndfn {\n font-style: italic;\n}\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nimg {\n border: 0;\n}\nsvg:not(:root) {\n overflow: hidden;\n}\nmark {\n background-color: #fdffb6;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0; /* 3 */\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n}\nbutton {\n overflow: visible;\n border: none;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\n/* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer; /* 3 */\n\n -webkit-appearance: button; /* 2 */\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\ninput {\n line-height: normal;\n}\ninput:focus {\n outline: none;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\ninput[type=\"search\"] {\n box-sizing: content-box; /* 2 */\n\n -webkit-appearance: textfield; /* 1 */\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\nlegend {\n padding: 0; /* 2 */\n border: 0; /* 1 */\n}\ntextarea {\n overflow: auto;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\ntd,\nth {\n padding: 0;\n}\n\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n overflow-x: hidden;\n overflow-y: scroll;\n font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n overflow-x: hidden;\n color: color(var(--midgrey) l(-30%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.6rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n letter-spacing: 0;\n text-rendering: optimizeLegibility;\n background: #fff;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -moz-font-feature-settings: \"liga\" on;\n}\n\n::selection {\n text-shadow: none;\n background: color(var(--blue) lightness(+30%));\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n margin: 2.5em 0 3.5em;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid color(var(--lightgrey) l(+10%));\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\np,\nul,\nol,\ndl,\nblockquote {\n margin: 0 0 1.5em 0;\n}\n\nol,\nul {\n padding-left: 1.3em;\n padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nul,\nol {\n max-width: 100%;\n}\n\nli {\n margin: 0.5em 0;\n padding-left: 0.3em;\n line-height: 1.6em;\n}\n\ndt {\n float: left;\n margin: 0 20px 0 0;\n width: 120px;\n color: var(--darkgrey);\n font-weight: 500;\n text-align: right;\n}\n\ndd {\n margin: 0 0 5px 0;\n text-align: left;\n}\n\nblockquote {\n margin: 1.5em 0;\n padding: 0 1.6em 0 1.6em;\n border-left: var(--whitegrey) 0.5em solid;\n}\n\nblockquote p {\n margin: 0.8em 0;\n font-size: 1.2em;\n font-weight: 300;\n}\n\nblockquote small {\n display: inline-block;\n margin: 0.8em 0 0.8em 1.5em;\n font-size: 0.9em;\n opacity: 0.8;\n}\n/* Quotation marks */\nblockquote small:before {\n content: \"\\2014 \\00A0\";\n}\n\nblockquote cite {\n font-weight: bold;\n}\nblockquote cite a {\n font-weight: normal;\n}\n\na {\n color: color(var(--blue) l(-5%));\n text-decoration: none;\n}\n\na:hover {\n text-decoration: underline;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n line-height: 1.15;\n font-weight: 600;\n text-rendering: optimizeLegibility;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 5.5rem;\n font-weight: 600;\n}\n@media (max-width: 500px) {\n h1 {\n font-size: 2.2rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2.2rem;\n}\n@media (max-width: 500px) {\n h2 {\n font-size: 1.8rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.8rem;\n font-weight: 500;\n}\n@media (max-width: 500px) {\n h3 {\n font-size: 1.7rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.6rem;\n font-weight: 500;\n}\n\nh5 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n\nh6 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n"]} \ No newline at end of file diff --git a/assets/built/screen.css b/assets/built/screen.css index f2fa7a3..d97ac0c 100644 --- a/assets/built/screen.css +++ b/assets/built/screen.css @@ -1,2 +1,2 @@ -a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}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-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#3c484e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::-moz-selection{text-shadow:none;background:#cbeafb}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #e3e9ed}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}ol,ul{max-width:100%}li{margin:.5em 0;padding-left:.3em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#15171a;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #e5eff5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a8ed;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:700;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5rem;font-weight:700}@media (max-width:500px){h1{font-size:2.2rem}}h2{margin:1.5em 0 .5em;font-size:2rem}@media (max-width:500px){h2{font-size:1.8rem}}h3{margin:1.5em 0 .5em;font-size:1.8rem;font-weight:500}@media (max-width:500px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:1.6rem;font-weight:500}h5,h6{margin:1.5em 0 .5em;font-size:1.4rem;font-weight:500}body{background:#f4f8fb}.img{display:block;width:100%;height:100%;background-position:50%;background-size:cover;border-radius:100%}.hidden{visibility:hidden;position:absolute;text-indent:-9999px}.site-wrapper{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}.site-main{z-index:100;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.outer{position:relative;padding:0 4vw}.inner{margin:0 auto;max-width:1040px;width:100%}@media (min-width:900px){.author-template .post-feed,.home-template .post-feed,.tag-template .post-feed{margin-top:-70px;padding-top:0}.home-template .site-nav{position:relative;top:-70px}}.site-header{position:relative;padding-top:12px;padding-bottom:12px;color:#fff;background:#090a0b no-repeat 50%;background-size:cover}.site-header:before{bottom:0;background:rgba(0,0,0,.18)}.site-header:after,.site-header:before{content:"";position:absolute;top:0;right:0;left:0;z-index:10;display:block}.site-header:after{bottom:auto;height:80px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(transparent));background:linear-gradient(rgba(0,0,0,.1),transparent)}.site-header.no-image:after,.site-header.no-image:before{display:none}.site-header-content{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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10vw 4vw;min-height:200px;max-height:450px;text-align:center}.site-title{z-index:10;margin:0;padding:0;font-size:3.8rem;font-weight:700}.site-logo{max-height:45px}.site-description{z-index:10;margin:0;padding:5px 0;font-size:2.2rem;font-weight:300;letter-spacing:.5px;opacity:.8}@media (max-width:500px){.site-title{font-size:3rem}.site-description{font-size:1.8rem}}.site-nav{position:relative;z-index:300;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:40px;font-size:1.2rem}.site-nav,.site-nav-left{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-y:hidden}.site-nav-left{-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-right:10px;padding-bottom:80px;letter-spacing:.4px;white-space:nowrap;-ms-overflow-scrolling:touch}.site-nav-logo{-ms-flex-negative:0;flex-shrink:0;display:block;margin-right:24px;padding:11px 0;color:#fff;font-size:1.7rem;line-height:1em;font-weight:700;letter-spacing:-.5px}.site-nav-logo:hover{text-decoration:none}.site-nav-logo img{display:block;width:auto;height:21px}.nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 0 -12px;padding:0;list-style:none}.nav li{padding:0;text-transform:uppercase}.nav li,.nav li a{display:block;margin:0}.nav li a{padding:10px 12px;color:#fff;opacity:.8}.nav li a:hover{text-decoration:none;opacity:1}.site-nav-right{height:40px}.site-nav-right,.social-links{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.social-links a:last-of-type{padding-right:20px}.social-link{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;margin:0;padding:10px;color:#fff;opacity:.8}.social-link:hover{opacity:1}.social-link svg{height:1.8rem;fill:#fff}.social-link-fb svg{height:1.5rem}.social-link-wb svg{height:1.6rem}.social-link-wb svg path{stroke:#fff}.social-link-rss svg{height:1.9rem}.subscribe-button{display:block;padding:4px 10px;border:1px solid #fff;color:#fff;font-size:1.2rem;line-height:1em;border-radius:10px;opacity:.8}.subscribe-button:hover{text-decoration:none;opacity:1}.rss-button{opacity:.8}.rss-button:hover{opacity:1}.rss-button svg{margin-bottom:1px;height:2.1rem;fill:#fff}@media (max-width:700px){.site-header{padding-right:0;padding-left:0}.site-nav-left{margin-right:0;padding-left:4vw}.site-nav-right{display:none}}.post-feed{position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px;padding:40px 0 0}.post-card,.post-feed{display:-webkit-box;display:-ms-flexbox;display:flex}.post-card{-webkit-box-flex:1;-ms-flex:1 1 300px;flex:1 1 300px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;margin:0 20px 40px;min-height:300px;background:#fff 50%;background-size:cover;border-radius:5px;-webkit-box-shadow:rgba(39,44,49,.06) 8px 14px 38px,rgba(39,44,49,.03) 1px 3px 8px;box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03);-webkit-transition:all .5s ease;transition:all .5s ease}.post-card:hover{-webkit-box-shadow:rgba(39,44,49,.07) 8px 28px 50px,rgba(39,44,49,.04) 1px 6px 12px;box-shadow:8px 28px 50px rgba(39,44,49,.07),1px 6px 12px rgba(39,44,49,.04);-webkit-transition:all .4s ease;transition:all .4s ease;-webkit-transform:translate3D(0,-1px,0) scale(1.02);transform:translate3D(0,-1px,0) scale(1.02)}.post-card-image-link{position:relative;display:block;overflow:hidden;border-radius:5px 5px 0 0}.post-card-image{width:100%;height:200px;background:#c5d2d9 no-repeat 50%;-o-object-fit:cover;object-fit:cover}.post-card-content-link{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:block;padding:25px 25px 0;color:#15171a}.post-card-content-link:hover{text-decoration:none}.post-card-tags{display:block;margin-bottom:4px;color:#738a94;font-size:1.2rem;line-height:1.15em;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.post-card-title{margin-top:0}.post-card-content{-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}.post-card-excerpt{font-family:Georgia,serif}.post-card-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:0 25px 25px}.author-profile-image,.avatar-wrapper{display:block;width:100%;height:100%;background:#e3e9ed;border-radius:100%;-o-object-fit:cover;object-fit:cover}.post-card-meta .avatar-wrapper,.post-card-meta .profile-image-wrapper{position:relative}.author-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;margin:0;padding:0;list-style:none}.author-list-item{position:relative;-ms-flex-negative:0;flex-shrink:0;margin:0;padding:0}.author-list-item:first-child{z-index:10}.author-list-item:nth-child(2){z-index:9}.author-list-item:nth-child(3){z-index:8}.author-list-item:nth-child(4){z-index:7}.author-list-item:nth-child(5){z-index:6}.author-list-item:nth-child(6){z-index:5}.author-list-item:nth-child(7){z-index:4}.author-list-item:nth-child(8){z-index:3}.author-list-item:nth-child(9){z-index:2}.author-list-item:nth-child(10){z-index:1}.static-avatar{margin:0 -5px;width:34px;height:34px}.moving-avatar,.static-avatar{display:block;overflow:hidden;border:2px solid #fff;border-radius:100%}.moving-avatar{margin:0 -6px;width:56px;height:56px;-webkit-transition:all .5s cubic-bezier(.4,.01,.165,.99) .7s;transition:all .5s cubic-bezier(.4,.01,.165,.99) .7s}@media (min-width:800px){.author-list:hover .moving-avatar{margin:0;-webkit-transition:all .3s cubic-bezier(.4,.01,.165,.99);transition:all .3s cubic-bezier(.4,.01,.165,.99)}}.author-name-tooltip{position:absolute;bottom:105%;z-index:999;display:block;padding:2px 8px;color:#fff;font-size:1.2rem;letter-spacing:.2px;white-space:nowrap;background:#15171a;border-radius:3px;-webkit-box-shadow:rgba(39,44,49,.08) 0 12px 26px,rgba(39,44,49,.03) 1px 3px 8px;box-shadow:0 12px 26px rgba(39,44,49,.08),1px 3px 8px rgba(39,44,49,.03);opacity:0;-webkit-transition:all .3s cubic-bezier(.4,.01,.165,.99);transition:all .3s cubic-bezier(.4,.01,.165,.99);-webkit-transform:translateY(6px);transform:translateY(6px);pointer-events:none}.author-list-item:hover .author-name-tooltip{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:650px){.author-name-tooltip{display:none}}.reading-time{-ms-flex-negative:0;flex-shrink:0;margin-left:20px;color:#738a94;font-size:1.2rem;line-height:33px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media (min-width:795px){.post-card-large{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.post-card-large .post-card-image-link{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;border-radius:5px 0 0 5px}.post-card-large .post-card-image{position:absolute;width:100%;height:100%}.post-card-large .post-card-content{-webkit-box-flex:0;-ms-flex:0 1 357px;flex:0 1 357px}.post-card-large h2{font-size:2.6rem}.post-card-large p{font-size:1.8rem;line-height:1.55em}.post-card-large .post-card-content-link{padding:30px 40px 0}.post-card-large .post-card-meta{padding:0 40px 30px}}.home-template .site-header:after{display:none}@media (max-width:650px){.post-feed{padding-top:5vw}.post-card{margin:0 20px 5vw}}.page-template .site-main,.post-template .site-main{padding-bottom:4vw;background:#fff}.post-full{position:relative;z-index:50}.post-full-header{margin:0 auto;padding:6vw 3vw 3vw;max-width:1040px;text-align:center}@media (max-width:500px){.post-full-header{padding:14vw 3vw 10vw}}.post-full-meta{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;color:#738a94;font-size:1.4rem;font-weight:600;text-transform:uppercase}.post-full-meta-date{color:#3eb0ef}.post-full-title{margin:0;color:#090a0b}.date-divider{display:inline-block;margin:0 6px 1px}.post-full-image{margin:0 -10vw -165px;background:#c5d2d9 50%;border-radius:5px;overflow:hidden}.post-full-image img{width:100%;height:800px;-o-object-fit:cover;object-fit:cover}@media (max-width:1170px){.post-full-image{margin:0 -4vw -100px;border-radius:0}.post-full-image img{height:600px}}@media (max-width:800px){.post-full-image img{height:400px}}.post-full-content{position:relative;margin:0 auto;padding:70px 100px 0;min-height:230px;font-family:Georgia,serif;font-size:2.2rem;line-height:1.6em;background:#fff}@media (max-width:1170px){.post-full-content{padding:5vw 7vw 0}}@media (max-width:800px){.post-full-content{font-size:1.9rem}}.post-full-content:before{left:-5px;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}.post-full-content:after,.post-full-content:before{content:"";position:absolute;top:15px;z-index:-1;display:block;width:20px;height:200px;background:rgba(39,44,49,.15);-webkit-filter:blur(5px);filter:blur(5px)}.post-full-content:after{right:-5px;-webkit-transform:rotate(5deg);transform:rotate(5deg)}.no-image .post-full-content{padding-top:0}.no-image .post-full-content:after,.no-image .post-full-content:before{display:none}.footnotes,.post-full-comments,.post-full-content blockquote,.post-full-content dl,.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6,.post-full-content ol,.post-full-content p,.post-full-content pre,.post-full-content ul{min-width:100%}.post-full-content li{word-break:break-word}.post-full-content li p{margin:0}.post-full-content a{color:#000;word-break:break-word;-webkit-box-shadow:#3eb0ef 0 -1px 0 inset;box-shadow:inset 0 -1px 0 #3eb0ef}.post-full-content a:hover{color:#3eb0ef;text-decoration:none}.post-full-content em,.post-full-content strong{color:#090a0b}.post-full-content small{display:inline-block;line-height:1.6em}.post-full-content li:first-child{margin-top:0}.post-full-content img,.post-full-content video{display:block;margin:1.5em auto;max-width:1040px;height:auto}@media (max-width:1040px){.post-full-content img,.post-full-content video{width:100%}}.post-full-content img[src$="#full"]{max-width:none;width:100vw}.post-full-content img+br+small{display:block;margin-top:-3em;margin-bottom:1.5em;text-align:center}.post-full-content iframe{margin:0 auto!important}.post-full-content blockquote{margin:0 0 1.5em;padding:0 1.5em;border-left:3px solid #3eb0ef}.post-full-content blockquote p{margin:0 0 1em;color:inherit;font-size:inherit;line-height:inherit;font-style:italic}.post-full-content blockquote p:last-child{margin-bottom:0}.post-full-content code{padding:0 5px 2px;font-size:.8em;line-height:1em;font-weight:400!important;background:#e5eff5;border-radius:3px}.post-full-content p code{word-break:break-all}.post-full-content pre{overflow-x:auto;margin:1.5em 0 3em;padding:20px;max-width:100%;border:1px solid #000;color:#e5eff5;font-size:1.4rem;line-height:1.5em;background:#0e0f11;border-radius:5px}.post-full-content pre ::-moz-selection{color:#3c484e}.post-full-content pre ::selection{color:#3c484e}.post-full-content pre code{padding:0;font-size:inherit;line-height:inherit;background:transparent}.post-full-content pre code :not(span){color:inherit}.post-full-content .fluid-width-video-wrapper{margin:1.5em 0 3em}.post-full-content hr{margin:4vw 0}.post-full-content hr:after{content:"";position:absolute;top:-15px;left:50%;display:block;margin-left:-10px;width:1px;height:30px;background:#e3e9ed;-webkit-box-shadow:#fff 0 0 0 5px;box-shadow:0 0 0 5px #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6{color:#090a0b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.post-full-content h1{margin:.5em 0 .2em;font-size:4.6rem;font-weight:700}@media (max-width:500px){.post-full-content h1{font-size:2.8rem}}.post-full-content h2{margin:.5em 0 .2em;font-size:3.6rem;font-weight:700}@media (max-width:500px){.post-full-content h2{font-size:2.6rem}}.post-full-content h3{margin:.5em 0 .2em;font-size:2.8rem;font-weight:700}@media (max-width:500px){.post-full-content h3{font-size:2.2rem}}.post-full-content h4{margin:.5em 0 .2em;font-size:2.8rem;font-weight:700}@media (max-width:500px){.post-full-content h4{font-size:2.2rem}}.post-full-content h5{display:block;margin:.5em 0;padding:1em 0 1.5em;border:0;color:#3eb0ef;font-family:Georgia,serif;font-size:3.2rem;line-height:1.35em;text-align:center}@media (min-width:1180px){.post-full-content h5{max-width:1060px;width:100vw}}@media (max-width:500px){.post-full-content h5{padding:0 0 .5em;font-size:2.2rem}}.post-full-content h6{margin:.5em 0 .2em;font-size:2.3rem;font-weight:700}@media (max-width:500px){.post-full-content h6{font-size:2rem}}.footnotes-sep{margin-bottom:30px}.footnotes{font-size:1.5rem}.footnotes p{margin:0}.footnote-backref{color:#3eb0ef!important;font-size:1.2rem;font-weight:700;text-decoration:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}@media (max-width:500px){.post-full-meta{font-size:1.2rem;line-height:1.3em}.post-full-title{font-size:2.9rem}.post-full-image{margin-bottom:4vw;height:350px}.post-full-content{padding:0}.post-full-content:after,.post-full-content:before{display:none}}.post-full-content table{display:inline-block;overflow-x:auto;margin:.5em 0 2.5em;max-width:100%;width:auto;border-spacing:0;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.6rem;white-space:nowrap;vertical-align:top;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at left,rgba(0,0,0,.2) 0,transparent 75%) 0,radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,transparent 75%) 100%;background-attachment:scroll,scroll;background-size:10px 100%,10px 100%;background-repeat:no-repeat}.post-full-content table td:first-child{background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),to(hsla(0,0%,100%,0)));background-image:linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0));background-size:20px 100%;background-repeat:no-repeat}.post-full-content table td:last-child{background-image:-webkit-gradient(linear,right top,left top,color-stop(50%,#fff),to(hsla(0,0%,100%,0)));background-image:linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0));background-position:100% 0;background-size:20px 100%;background-repeat:no-repeat}.post-full-content table th{color:#15171a;font-size:1.2rem;font-weight:700;letter-spacing:.2px;text-align:left;text-transform:uppercase;background-color:#f4f8fb}.post-full-content table td,.post-full-content table th{padding:6px 12px;border:1px solid #e3ecf3}.subscribe-form{margin:1.5em 0;padding:6.5vw 7vw 7vw;border:1px solid #edf4f8;text-align:center;background:#f4f8fb;border-radius:7px}.subscribe-form-title{margin:0 0 3px;padding:0;color:#15171a;font-size:3.5rem;line-height:1;font-weight:700}.subscribe-form p{margin-bottom:1em;color:#738a94;font-size:2.2rem;line-height:1.55em;letter-spacing:.2px}.subscribe-form form{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;margin:0 auto;max-width:420px}.subscribe-form .form-group{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.subscribe-email{display:block;padding:10px;width:100%;border:1px solid #dae2e7;color:#738a94;font-size:1.8rem;line-height:1em;font-weight:400;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:5px;-webkit-transition:border-color .15s linear;transition:border-color .15s linear;-webkit-appearance:none}.subscribe-form button{display:inline-block;margin:0 0 0 10px;padding:0 20px;height:41px;outline:none;color:#fff;font-size:1.5rem;line-height:37px;font-weight:400;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.1);background:-webkit-gradient(linear,left top,left bottom,from(#4fb7f0),color-stop(60%,#29a0e0),color-stop(90%,#29a0e0),to(#36a6e2));background:linear-gradient(#4fb7f0,#29a0e0 60%,#29a0e0 90%,#36a6e2);border-radius:5px;-webkit-box-shadow:0 0 0 1px inset rgba(0,0,0,.14);box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);-webkit-font-smoothing:subpixel-antialiased}.subscribe-form button:active,.subscribe-form button:focus{background:#209cdf}@media (max-width:650px){.subscribe-form-title{font-size:2.4rem}.subscribe-form p{font-size:1.6rem}}@media (max-width:500px){.subscribe-form form{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.subscribe-form .form-group{width:100%}.subscribe-form button{margin:10px 0 0;width:100%}}.post-full-footer{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;padding:3vw 0 6vw;max-width:840px}.author-card,.post-full-footer{display:-webkit-box;display:-ms-flexbox;display:flex}.author-card .author-profile-image,.author-card .avatar-wrapper{width:60px;height:60px}.author-card-name{margin:8px 0 2px;padding:0;font-size:2rem}.author-card-name a{color:#15171a;font-weight:700}.author-card-name a:hover{text-decoration:none}.author-card-content p{margin:0;color:#738a94;line-height:1.3em}.post-full-footer-right{-ms-flex-negative:0;flex-shrink:0;margin-left:20px}.author-card-button{display:block;padding:9px 16px;border:1px solid #aebbc1;color:#738a94;font-size:1.2rem;line-height:1;font-weight:500;border-radius:20px;-webkit-transition:all .2s ease;transition:all .2s ease}.author-card-button:hover{border-color:#3eb0ef;color:#3eb0ef;text-decoration:none}.post-full-authors{-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-align:center;-ms-flex-align:center;align-items:center;margin-top:20px;padding-top:40px;border-top:1px solid #e3e9ed}.post-full-authors-content{margin-bottom:20px}.post-full-authors-content p{margin-bottom:0;color:#738a94;font-size:1.4rem;letter-spacing:.2px;text-align:center;text-transform:uppercase}.post-full-authors-content a{display:inline-block;color:#424852;font-size:1.4rem;font-weight:600;text-transform:uppercase}.post-full-footer .author-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px 20px}.author-card .author-profile-image,.author-card .avatar-wrapper{position:relative;margin-right:15px}.author-list-item .author-card{position:absolute;bottom:130%;left:50%;z-index:300;display:block;margin-left:-160px;width:320px;font-size:1.4rem;letter-spacing:.2px;background:#fff;border-radius:6px;-webkit-box-shadow:rgba(39,44,49,.08) 0 12px 26px,rgba(39,44,49,.03) 1px 3px 8px;box-shadow:0 12px 26px rgba(39,44,49,.08),1px 3px 8px rgba(39,44,49,.03);opacity:0;-webkit-transition:all .3s cubic-bezier(.4,.01,.165,.99);transition:all .3s cubic-bezier(.4,.01,.165,.99);-webkit-transform:scale(.98) translateY(15px);transform:scale(.98) translateY(15px);pointer-events:none}.author-list-item .author-card:before{content:"";position:absolute;top:100%;left:50%;display:block;margin-left:-12px;width:0;height:0;border-top:12px solid #fff;border-right:12px solid transparent;border-left:12px solid transparent}.author-list-item .author-card.hovered{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);pointer-events:auto}.author-card .basic-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-align:center;-ms-flex-align:center;align-items:center;padding:30px 20px 20px;color:#fff;background:#15171a;border-radius:6px 6px 0 0}.author-card .basic-info h2{margin:1em 0 .5em}.author-card .bio{padding:20px 20px 0}@media (max-width:650px){.author-list-item .author-card{display:none}}.basic-info .author-profile-image,.basic-info .avatar-wrapper{margin:0;width:88px;height:88px;border:none}.basic-info .avatar-wrapper{position:relative;background:rgba(229,239,245,.1)}.basic-info .avatar-wrapper svg{margin:0;width:88px;height:88px;opacity:.15}.post-full-comments{margin:0 auto;max-width:840px}.read-next-feed{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px;padding:40px 0 0}.read-next-card,.read-next-feed{display:-webkit-box;display:-ms-flexbox;display:flex}.read-next-card{position:relative;-webkit-box-flex:1;-ms-flex:1 1 300px;flex:1 1 300px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;margin:0 20px 40px;padding:25px;color:#fff;background:#15171a 50%;background-size:cover;border-radius:5px;-webkit-box-shadow:rgba(39,44,49,.06) 8px 14px 38px,rgba(39,44,49,.03) 1px 3px 8px;box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03)}.read-next-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:linear-gradient(135deg,rgba(0,40,60,.8),rgba(0,20,40,.7));border-radius:5px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.read-next-card-header{position:relative;z-index:50;padding-top:20px;text-align:center}.read-next-card-header-sitetitle{display:block;font-size:1.3rem;line-height:1.3em;opacity:.8}.read-next-card-header-title{margin:0;padding:0 20px;color:#fff;font-size:3rem;line-height:1.2em;letter-spacing:1px}.read-next-card-header-title a{color:#fff;font-weight:300;text-decoration:none}.read-next-card-header-title a:hover{text-decoration:none}.read-next-divider{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:80px}.read-next-divider svg{width:40px;fill:transparent;stroke:#fff;stroke-width:.5px;stroke-opacity:.65}.read-next-card-content{position:relative;z-index:50;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:1.7rem}.read-next-card-content,.read-next-card-content ul{display:-webkit-box;display:-ms-flexbox;display:flex}.read-next-card-content ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;padding:0;text-align:center;list-style:none}.read-next-card-content li{margin:0;padding:0;font-size:1.6rem;line-height:1.25em;font-weight:200;letter-spacing:-.5px}.read-next-card-content li a{display:block;padding:20px 0;border-bottom:1px solid hsla(0,0%,100%,.3);color:#fff;font-weight:500;vertical-align:top;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.read-next-card-content li:first-of-type a{padding-top:10px}.read-next-card-content li a:hover{opacity:1}.read-next-card-footer{position:relative;margin:15px 0 3px;text-align:center}.read-next-card-footer a{color:#fff}.floating-header{visibility:hidden;position:fixed;top:0;right:0;left:0;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;border-bottom:1px solid rgba(0,0,0,.06);background:hsla(0,0%,100%,.95);-webkit-transition:all .5s cubic-bezier(.19,1,.22,1);transition:all .5s cubic-bezier(.19,1,.22,1);-webkit-transform:translate3d(0,-120%,0);transform:translate3d(0,-120%,0)}.floating-active{visibility:visible;-webkit-transition:all .5s cubic-bezier(.22,1,.27,1);transition:all .5s cubic-bezier(.22,1,.27,1);-webkit-transform:translateZ(0);transform:translateZ(0)}.floating-header-logo{overflow:hidden;margin:0 0 0 20px;font-size:1.6rem;line-height:1em;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap}.floating-header-logo a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#15171a;line-height:1.1em;font-weight:700}.floating-header-logo a:hover{text-decoration:none}.floating-header-logo img{margin:0 10px 0 0;max-height:20px}.floating-header-divider{margin:0 5px;line-height:1em}.floating-header-title{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;margin:0;color:#2e2e2e;font-size:1.6rem;line-height:1.3em;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.floating-header-share{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-left:2%;font-size:1.3rem;line-height:1}.floating-header-share,.floating-header-share a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.floating-header-share a{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.floating-header-share svg{width:auto;height:16px;fill:#fff}.floating-header-share-label{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px;color:rgba(0,0,0,.7);font-weight:500}.floating-header-share-label svg{margin:0 5px 0 10px;width:18px;height:18px;stroke:rgba(0,0,0,.7);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.floating-header-share-fb,.floating-header-share-tw{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60px;height:60px;color:#fff;line-height:48px;text-align:center;-webkit-transition:all .5s cubic-bezier(.19,1,.22,1);transition:all .5s cubic-bezier(.19,1,.22,1)}.floating-header-share-tw{background:#33b1ff}.floating-header-share-fb{background:#005e99}.progress{position:absolute;right:0;bottom:-1px;left:0;width:100%;height:2px;border:none;color:#3eb0ef;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress::-webkit-progress-bar{background-color:transparent}.progress::-webkit-progress-value{background-color:#3eb0ef}.progress::-moz-progress-bar{background-color:#3eb0ef}.progress-container{position:absolute;top:0;left:0;display:block;width:100%;height:2px;background-color:transparent}.progress-bar{display:block;width:50%;height:inherit;background-color:#3eb0ef}@media (max-width:900px){.floating-header{height:40px}.floating-header-logo,.floating-header-title{font-size:1.5rem}.floating-header-share-fb,.floating-header-share-tw{width:40px;height:40px;line-height:38px}}@media (max-width:800px){.floating-header-logo{margin-left:10px}.floating-header-logo a{color:#2e2e2e}.floating-header-divider,.floating-header-title{visibility:hidden}}@media (max-width:450px){.floating-header-share-label{display:none}}.post-content{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-align:center;-ms-flex-align:center;align-items:center;max-width:920px}.post-template .post-content>p:first-child{font-size:1.25em;line-height:1.5em}.post-full-content .kg-image{max-width:100%}.post-full-image+.post-full-content .kg-content :first-child .kg-image{width:100%}.post-full-content .kg-width-wide .kg-image{max-width:1040px}.post-full-content .kg-width-full .kg-image{max-width:100vw}.post-full-content figure{margin:1.5em 0 3em}.post-full-content figure img{margin:0}.post-full-content figcaption{margin:1em 0 0;font-size:80%;line-height:1.6em;text-align:center}.kg-width-full figcaption{padding:0 1.5em}.kg-embed-card{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-align:center;-ms-flex-align:center;align-items:center;width:100%}.kg-embed-card .fluid-width-video-wrapper{margin:0}@media (max-width:1040px){.post-full-content .kg-width-full .kg-image{width:100vw}}.kg-gallery-container{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;max-width:1040px;width:100vw}.kg-gallery-container,.kg-gallery-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.kg-gallery-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.kg-gallery-image img{display:block;margin:0;width:100%;height:100%}.kg-gallery-row:not(:first-of-type){margin:.75em 0 0}.kg-gallery-image:not(:first-of-type){margin:0 0 0 .75em}.kg-gallery-card+.kg-gallery-card,.kg-gallery-card+.kg-image-card.kg-width-wide,.kg-image-card.kg-width-wide+.kg-gallery-card,.kg-image-card.kg-width-wide+.kg-image-card.kg-width-wide{margin:-2.25em 0 3em}.kg-code-card{width:100%}.kg-code-card pre{margin:0}.kg-bookmark-card{background:var(--white);width:100%}.kg-card+.kg-bookmark-card{margin-top:0}.post-full-content .kg-bookmark-container{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#15171a;text-decoration:none;min-height:148px;-webkit-box-shadow:0 2px 5px -1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.09);box-shadow:0 2px 5px -1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.09);border-radius:3px}.kg-bookmark-content{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;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;padding:20px}.kg-bookmark-title{font-size:1.6rem;line-height:1.5em;font-weight:600;color:#313b3f}.post-full-content .kg-bookmark-container:hover .kg-bookmark-title{color:#3eb0ef}.kg-bookmark-description{display:-webkit-box;font-size:1.5rem;line-height:1.5em;color:#5d7179;font-weight:400;margin-top:12px;max-height:48px;overflow-y:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kg-bookmark-thumbnail{position:relative;min-width:33%;max-height:100%}.kg-bookmark-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:0 3px 3px 0}.kg-bookmark-metadata{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.5rem;font-weight:400;color:#5d7179;margin-top:14px;-ms-flex-wrap:wrap;flex-wrap:wrap}.post-full-content .kg-bookmark-icon{width:22px;height:22px;margin-right:8px}.kg-bookmark-author{line-height:1.5em}.kg-bookmark-author:after{content:"•";margin:0 6px}.kg-bookmark-publisher{overflow:hidden;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;max-width:240px}@media (max-width:500px){.post-full-content .kg-bookmark-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.kg-bookmark-thumbnail{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:100%;min-height:160px}.kg-bookmark-thumbnail img{border-radius:3px 3px 0 0}.kg-bookmark-content{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.site-header-content .author-profile-image{z-index:10;-ms-flex-negative:0;flex-shrink:0;margin:0 0 20px;width:100px;height:100px;-webkit-box-shadow:hsla(0,0%,100%,.1) 0 0 0 6px;box-shadow:0 0 0 6px hsla(0,0%,100%,.1)}.site-header-content .author-bio{z-index:10;-ms-flex-negative:0;flex-shrink:0;margin:5px 0 10px;max-width:600px;font-size:2rem;line-height:1.3em;font-weight:300;letter-spacing:.5px;opacity:.8}.site-header-content .author-meta{z-index:10;-ms-flex-negative:0;flex-shrink:0;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;margin:0 0 10px;font-family:Georgia,serif;font-style:italic}.site-header-content .author-location svg{height:1.9rem;stroke:#fff}.site-header-content .bull{display:inline-block;margin:0 12px;opacity:.5}.site-header-content .social-link:first-of-type{padding-left:4px}@media (max-width:500px){.site-header-content .author-bio{font-size:1.8rem;line-height:1.15em;letter-spacing:0}.author-location,.author-stats{display:none}}.error-template .site-main{padding:7vw 4vw}.site-nav-center{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;text-align:center}.site-nav-center .site-nav-logo{margin-right:0}.error-message{text-align:center}.error-code{margin:0;font-size:12vw;line-height:1em;letter-spacing:-5px;opacity:.3}.error-description{margin:0;color:#738a94;font-size:3rem;line-height:1.3em;font-weight:400}@media (max-width:800px){.error-description{margin:5px 0 0;font-size:1.8rem}}.error-link{display:inline-block;margin-top:5px}.error-template .post-feed{padding-top:0}.subscribe-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;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;background:rgba(0,25,40,.97);opacity:0;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.subscribe-overlay:target{opacity:1;pointer-events:auto}.subscribe-overlay-content{position:relative;z-index:9999;margin:0 0 5vw;padding:4vw;color:#fff;text-align:center}.subscribe-overlay-logo{position:fixed;top:23px;left:30px;height:30px}.subscribe-overlay-title{display:inline-block;margin:0 0 10px;font-size:6rem;line-height:1.15em}.subscribe-overlay-description{margin:0 auto 50px;max-width:650px;font-family:Georgia,serif;font-size:3rem;line-height:1.3em;font-weight:300;opacity:.8}.subscribe-overlay form{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;margin:0 auto;max-width:500px}.subscribe-overlay .form-group{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.subscribe-overlay .subscribe-email{display:block;padding:14px 20px;width:100%;border:none;color:#738a94;font-size:2rem;line-height:1em;font-weight:400;letter-spacing:.5px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:8px;-webkit-transition:border-color .15s linear;transition:border-color .15s linear;-webkit-appearance:none}.subscribe-email:focus{outline:0;border-color:#becdd5}.subscribe-overlay button{display:inline-block;margin:0 0 0 15px;padding:0 25px;height:52px;outline:none;color:#fff;font-size:1.7rem;line-height:37px;font-weight:400;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.1);background:-webkit-gradient(linear,left top,left bottom,from(#4fb7f0),color-stop(60%,#29a0e0),color-stop(90%,#29a0e0),to(#36a6e2));background:linear-gradient(#4fb7f0,#29a0e0 60%,#29a0e0 90%,#36a6e2);border-radius:8px;-webkit-box-shadow:0 0 0 1px inset rgba(0,0,0,.14);box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);-webkit-font-smoothing:subpixel-antialiased}.subscribe-overlay button:active,.subscribe-overlay button:focus{background:#209cdf}.subscribe-overlay-close{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.subscribe-overlay-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.subscribe-overlay-close:after,.subscribe-overlay-close:before{content:"";position:absolute;top:40px;right:25px;display:block;width:30px;height:2px;background:#fff;opacity:.8}.subscribe-overlay-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.subscribe-overlay-close:hover{cursor:default}.site-footer{position:relative;padding-top:20px;padding-bottom:60px;color:#fff;background:#000}.site-footer-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.3rem}.site-footer-content,.site-footer-content a{color:hsla(0,0%,100%,.7)}.site-footer-content a:hover{color:#fff;text-decoration:none}.site-footer-nav{display:-webkit-box;display:-ms-flexbox;display:flex}.site-footer-nav a{position:relative;margin-left:20px}.site-footer-nav a:before{content:"";position:absolute;top:11px;left:-11px;display:block;width:2px;height:2px;background:#fff;border-radius:100%}.site-footer-nav a:first-of-type:before{display:none}@media (max-width:650px){.site-footer-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.site-footer-nav a:first-child{margin-left:0}} +a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{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]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#313b3f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.6rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::-moz-selection{text-shadow:none;background:#cbeafb}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #e3e9ed}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}ol,ul{max-width:100%}li{margin:.5em 0;padding-left:.3em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#15171a;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #e5eff5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a8ed;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:600;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5.5rem;font-weight:600}@media (max-width:500px){h1{font-size:2.2rem}}h2{margin:1.5em 0 .5em;font-size:2.2rem}@media (max-width:500px){h2{font-size:1.8rem}}h3{margin:1.5em 0 .5em;font-size:1.8rem;font-weight:500}@media (max-width:500px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:1.6rem;font-weight:500}h5,h6{margin:1.5em 0 .5em;font-size:1.4rem;font-weight:500}body{background:#fff}.img{display:block;width:100%;height:100%;background-position:50%;background-size:cover;border-radius:100%}.hidden{visibility:hidden;position:absolute;text-indent:-9999px}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.site-main{z-index:100;flex-grow:1}.outer{position:relative;padding:0 5vw}.inner{margin:0 auto;max-width:1040px;width:100%}@media (min-width:900px){.author-template .post-feed,.home-template .post-feed,.tag-template .post-feed{padding:40px 0 5vw;border-top-left-radius:3px;border-top-right-radius:3px}.home-template .site-nav{position:relative}}.site-header-background{position:relative;margin-top:64px;padding-bottom:12px;color:#fff;background:#090a0b no-repeat 50%;background-size:cover}.site-header-background:before{bottom:0;background:rgba(0,0,0,.18)}.site-header-background:after,.site-header-background:before{content:"";position:absolute;top:0;right:0;left:0;z-index:10;display:block}.site-header-background:after{bottom:auto;height:140px;background:linear-gradient(rgba(0,0,0,.15),transparent)}.site-header-background.no-image:after,.site-header-background.no-image:before{display:none}.site-header-content{z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6vw 3vw;min-height:200px;max-height:340px}.site-title{z-index:10;margin:0 0 0 -2px;padding:0;font-size:5rem;line-height:1em;font-weight:600}.site-logo{max-height:55px}.site-description{z-index:10;margin:0;padding:5px 0;font-size:2.1rem;line-height:1.4em;font-weight:400;opacity:.8}.site-home-header{z-index:1000}.site-home-header .site-header-background{margin-top:0}.site-home-header .site-header-content{padding:5vw 3vw 6vw}.site-home-header .site-title{font-size:5.5rem;text-align:center}.site-home-header .site-description{font-size:2.2rem;font-weight:300}.site-archive-header .site-header-content{position:relative;align-items:stretch;padding:12vw 0 20px;min-height:200px;max-height:600px}.site-archive-header .no-image{padding-top:0;padding-bottom:0;color:#15171a;background:#fff;opacity:1}.site-archive-header .no-image .site-description{color:#738a94;opacity:1}.site-archive-header .no-image .site-header-content{padding:5vw 0 10px;border-bottom:1px solid #e9eef1}@media (max-width:900px){.site-header-content{padding-bottom:9vw}}@media (max-width:500px){.site-home-header .site-title{font-size:3.2rem}.site-home-header .site-description{font-size:1.8rem}.site-archive-header .site-header-content{min-height:unset}}.site-nav-main{position:fixed;top:0;right:0;left:0;z-index:1000;background:#090a0b}.site-nav{position:relative;z-index:100;justify-content:space-between;align-items:flex-start;height:64px;font-size:1.3rem}.site-nav,.site-nav-left{display:flex;overflow-y:hidden}.site-nav-left{flex:1 0 auto;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-right:10px;padding:10px 0 80px;font-weight:500;letter-spacing:.2px;text-transform:uppercase;white-space:nowrap;-ms-overflow-scrolling:touch}@media (max-width:700px){.site-header-background:not(.responsive-header-img) .site-nav:after,.site-nav-main .site-nav:after{content:"";position:absolute;top:0;z-index:1000;width:40px;height:100%;right:0;background:linear-gradient(90deg,rgba(9,10,11,0) 0,#090a0b)}.nav li:last-of-type{padding-right:20px}}.site-nav-logo{position:relative;z-index:100;flex-shrink:0;display:inline-block;margin-right:32px;padding:12px 0;color:#fff;font-size:1.7rem;line-height:1.8rem;font-weight:700;letter-spacing:-.5px;text-transform:none}.site-nav-logo:hover{text-decoration:none}.site-nav-logo img{display:block;width:auto;height:21px}.site-home-header .site-nav-logo{display:none}.site-nav-content{position:relative;align-self:flex-start}.nav{position:absolute;z-index:1000;display:flex;margin:0 0 0 -12px;padding:0;list-style:none;transition:all 1s cubic-bezier(.19,1,.22,1)}.nav li{display:block;margin:0;padding:0}.nav li a{position:relative;display:block;padding:12px;color:#fff;opacity:.8;transition:opacity .35s ease-in-out}.nav li a:hover{text-decoration:none;opacity:1}.nav li a:before{content:"";position:absolute;right:100%;bottom:8px;left:12px;height:1px;background:#fff;opacity:.25;transition:all .35s ease-in-out}.nav li a:hover:before{right:12px;opacity:.5}.nav-post-title-active .nav{visibility:hidden;opacity:0;transform:translateY(-175%)}.nav-post-title{visibility:hidden;position:absolute;top:9px;color:#fff;font-size:1.7rem;font-weight:400;text-transform:none;opacity:0;transition:all 1s cubic-bezier(.19,1,.22,1);transform:translateY(175%)}.nav-post-title.dash{left:-25px}.nav-post-title.dash:before{content:"– ";opacity:.5}.nav-post-title-active .nav-post-title{visibility:visible;opacity:1;transform:translateY(0)}.site-nav-right{padding:10px 0;height:64px}.site-nav-right,.social-links{flex-shrink:0;display:flex;align-items:center}.social-links a:last-of-type{padding-right:20px}.social-link{display:inline-block;margin:0;padding:10px;opacity:.8}.social-link:hover{opacity:1}.social-link svg{height:1.8rem;fill:#fff}.social-link-fb svg,.social-link-wb svg{height:1.6rem}.social-link-wb svg path{stroke:#fff}.social-link-rss svg{height:1.9rem}.subscribe-button{display:block;padding:4px 10px;border:1px solid #fff;color:#fff;font-size:1.2rem;line-height:1em;border-radius:10px;opacity:.8}.subscribe-button:hover{text-decoration:none;opacity:1}.rss-button{opacity:.8}.rss-button:hover{opacity:1}.rss-button svg{margin-bottom:1px;height:2.1rem;fill:#fff}.home-template .site-nav-main{z-index:100}.home-template .site-nav-main .site-nav{opacity:0;transition:all .5s cubic-bezier(.19,1,.22,1) 0s}.home-template .site-nav-main .fixed-nav-active{opacity:1;transition:all .5s cubic-bezier(.19,1,.22,1) .05s}@media (max-width:700px){.site-home-header .site-nav{margin-left:-5vw}.site-nav-main{padding-right:0;padding-left:0}.site-nav-left{margin-right:0;padding-left:5vw}.site-nav-right{display:none}}.posts{overflow-x:hidden}.post-feed{flex-wrap:wrap;margin:0 -20px;padding:50px 0 0;background:#fff}.post-card,.post-feed{position:relative;display:flex}.post-card{flex:1 1 301px;flex-direction:column;overflow:hidden;margin:0 0 40px;padding:0 20px 40px;min-height:220px;border-bottom:1px solid #e9eef1;background-size:cover}.post-card-image-link{position:relative;display:block;overflow:hidden;border-radius:3px}.post-card-image{width:100%;height:200px;background:#c5d2d9 no-repeat 50%;-o-object-fit:cover;object-fit:cover}.post-card-content-link{position:relative;display:block;color:#15171a}.post-card-content-link:hover{text-decoration:none}.post-card-header{margin:15px 0 0}.post-feed .no-image .post-card-content-link{padding:0}.no-image .post-card-header{margin-top:0}.post-card-primary-tag{margin:0 0 .2em;color:#3eb0ef;font-size:1.2rem;font-weight:500;letter-spacing:.2px;text-transform:uppercase}.post-card-title{margin:0 0 .4em;line-height:1.15em;transition:color .2s ease-in-out}.no-image .post-card-title{margin-top:0}.post-card-content{flex-grow:1;display:flex;flex-direction:column}.post-card-excerpt{max-width:56em;color:#738a94;font-family:Georgia,serif}.post-card-excerpt p{margin-bottom:1em}.post-card-meta{display:flex;align-items:flex-start;padding:0}.author-profile-image,.avatar-wrapper{display:block;width:100%;height:100%;background:#e3e9ed;border-radius:100%;-o-object-fit:cover;object-fit:cover}.post-card-meta .avatar-wrapper,.post-card-meta .profile-image-wrapper{position:relative}.author-list{display:flex;flex-wrap:wrap;margin:0 0 0 4px;padding:0;list-style:none}.author-list-item{position:relative;flex-shrink:0;margin:0;padding:0}.static-avatar{display:block;overflow:hidden;margin:0 0 0 -6px;width:34px;height:34px;border:2px solid #fff;border-radius:100%}.author-name-tooltip{position:absolute;bottom:105%;z-index:999;display:block;padding:2px 8px;color:#fff;font-size:1.2rem;letter-spacing:.2px;white-space:nowrap;background:#15171a;border-radius:3px;box-shadow:0 12px 26px rgba(39,44,49,.08),1px 3px 8px rgba(39,44,49,.03);opacity:0;transition:all .35s cubic-bezier(.4,.01,.165,.99);transform:translateY(6px);pointer-events:none}.author-list-item:hover .author-name-tooltip{opacity:1;transform:translateY(0)}@media (max-width:700px){.author-name-tooltip{display:none}}.post-card-byline-content{flex:1 1 50%;display:flex;flex-direction:column;margin:2px 0 0 6px;color:#92a3ab;font-size:1.2rem;line-height:1.4em;font-weight:400;letter-spacing:.2px;text-transform:uppercase}.post-card-byline-content span{margin:0}.post-card-byline-content a{color:#424852;font-weight:600}.post-card-byline-date{font-size:1.2rem}.post-card-byline-date .bull{display:inline-block;margin:0 4px;opacity:.6}.single-author-byline{display:flex;flex-direction:column;margin-left:5px;color:#5d7179;font-size:1.3rem;line-height:1.4em;font-weight:500}.single-author{display:flex;align-items:center}.single-author .static-avatar{margin-left:-2px}.single-author-name{display:inline-block}@media (min-width:795px){.post-card-large{flex:1 1 100%;flex-direction:row;padding-bottom:40px;min-height:280px;border-top:0}.post-card-large:hover{border-bottom-color:#e3e9ed}.post-card-large:not(.no-image) .post-card-header{margin-top:0}.post-card-large .post-card-image-link{position:relative;flex:1 1 auto;margin-bottom:0;min-height:380px}.post-card-large .post-card-image{position:absolute;width:100%;height:100%}.post-card-large .post-card-content{flex:0 1 361px;justify-content:center}.post-card-large .post-card-title{margin-top:0;font-size:3.2rem}.post-card-large .post-card-content-link,.post-card-large .post-card-meta{padding:0 0 0 40px}.post-card-large .post-card-excerpt p{margin-bottom:1.5em;font-size:1.8rem;line-height:1.5em}}@media (max-width:1170px){.post-card{margin-bottom:5vw}}@media (max-width:650px){.post-feed{padding-top:5vw}.post-card{margin-bottom:5vw}}@media (max-width:500px){.post-card-title{font-size:1.9rem}.post-card-excerpt{font-size:1.6rem}}.page-template .site-main,.post-template .site-main{margin-top:64px;padding-bottom:4vw;background:#fff}.post-full-header{position:relative;margin:0 auto;padding:70px 170px 50px;border-top-left-radius:3px;border-top-right-radius:3px}.post-full-tags{display:flex;justify-content:flex-start;align-items:center;color:#738a94;font-size:1.3rem;line-height:1.4em;font-weight:600;text-transform:uppercase}.post-full-meta-date{color:#738a94;font-size:1.2rem;font-weight:400}@media (max-width:1170px){.post-full-header{padding:60px 11vw 50px}}@media (max-width:800px){.post-full-header{padding-right:5vw;padding-left:5vw}}@media (max-width:500px){.post-full-header{padding:20px 0 35px}}.post-full-title{margin:0 0 .2em;color:#090a0b}.post-full-custom-excerpt{margin:20px 0 0;color:#738a94;font-family:Georgia,serif;font-size:2.3rem;line-height:1.4em;font-weight:300}.date-divider{display:inline-block;margin:0 6px 1px;font-weight:300}.post-full-image{display:flex;flex-direction:column;align-items:center;overflow:hidden;margin:25px 0 50px;background:#e3e9ed;border-radius:3px}.post-full-image img{max-width:1040px;width:100%;height:auto}.post-full-content{position:relative;margin:0 auto;padding:0 170px 6vw;min-height:230px;font-family:Georgia,serif;font-size:2rem;line-height:1.6em;background:#fff}@media (max-width:1170px){.post-full-content{padding:0 11vw}}@media (max-width:800px){.post-full-content{padding:0 5vw;font-size:1.8rem}}@media (max-width:500px){.post-full-custom-excerpt{font-size:1.9rem;line-height:1.5em}}.no-image .post-full-content{padding-top:0}.no-image .post-full-content:after,.no-image .post-full-content:before{display:none}.footnotes,.post-full-comments,.post-full-content blockquote,.post-full-content dl,.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6,.post-full-content ol,.post-full-content p,.post-full-content pre,.post-full-content ul{margin:0 0 1.5em;min-width:100%}@media (max-width:500px){.footnotes,.post-full-comments,.post-full-content dl,.post-full-content ol,.post-full-content p,.post-full-content pre,.post-full-content ul{margin-bottom:1.28em}}.post-full-content li{word-break:break-word}.post-full-content li p{margin:0}.post-full-content a{color:#15171a;word-break:break-word;box-shadow:inset 0 -1px 0 #15171a;transition:all .2s ease-in-out}.post-full-content a:hover{color:#3eb0ef;text-decoration:none;box-shadow:inset 0 -1px 0 #3eb0ef}.post-full-content em,.post-full-content strong{color:#090a0b}.post-full-content small{display:inline-block;line-height:1.6em}.post-full-content li:first-child{margin-top:0}.post-full-content img,.post-full-content video{display:block;margin:1.5em auto;max-width:1040px;height:auto}@media (max-width:1040px){.post-full-content img,.post-full-content video{width:100%}}.post-full-content img[src$="#full"]{max-width:none;width:100vw}.post-full-content img+br+small{display:block;margin-top:-3em;margin-bottom:1.5em;text-align:center}.post-full-content iframe{margin:0 auto!important}.post-full-content blockquote{margin:0 0 1.5em;padding:0 1.5em;border-left:3px solid #3eb0ef}@media (max-width:500px){.post-full-content blockquote{padding:0 1.3em}}.post-full-content blockquote p{margin:0 0 1em;color:inherit;font-size:inherit;line-height:inherit;font-style:italic}.post-full-content blockquote p:last-child{margin-bottom:0}.post-full-content code{padding:0 5px 2px;font-size:.8em;line-height:1em;font-weight:400!important;background:#e5eff5;border-radius:3px}.post-full-content p code{word-break:break-all}.post-full-content pre{overflow-x:auto;margin:1.5em 0 3em;padding:20px;max-width:100%;border:1px solid #000;color:#e5eff5;font-size:1.4rem;line-height:1.5em;background:#0e0f11;border-radius:5px}.post-full-content pre ::-moz-selection{color:#3c484e}.post-full-content pre ::selection{color:#3c484e}.post-full-content pre code{padding:0;font-size:inherit;line-height:inherit;background:transparent}.post-full-content pre code :not(span){color:inherit}.post-full-content .fluid-width-video-wrapper{margin:1.5em 0 3em}.post-full-content hr{margin:2em 0}.post-full-content hr:after{content:"";position:absolute;top:-15px;left:50%;display:block;margin-left:-10px;width:1px;height:30px;background:#e3e9ed;box-shadow:0 0 0 5px #fff;transform:rotate(45deg)}.post-full-content hr+p{margin-top:1.2em}.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6{color:#090a0b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.post-full-content h1{margin:.5em 0 .4em;font-size:4.2rem;line-height:1.25em;font-weight:600}.post-full-content p+h1{margin-top:.8em}@media (max-width:800px){.post-full-content h1{font-size:3.2rem;line-height:1.25em}}.post-full-content h2{margin:.5em 0 .4em;font-size:3.2rem;line-height:1.25em;font-weight:600}.post-full-content p+h2{margin-top:.8em}@media (max-width:800px){.post-full-content h2{margin-bottom:.3em;font-size:2.8rem;line-height:1.25em}}.post-full-content h3{margin:.5em 0 .2em;font-size:2.5rem;line-height:1.3em;font-weight:600}.post-full-content h2+h3{margin-top:.7em}@media (max-width:800px){.post-full-content h3{margin-bottom:.3em;font-size:2.4rem;line-height:1.3em}}.post-full-content h4{margin:.5em 0 .2em;font-size:2.5rem;font-weight:600}.post-full-content h2+h4{margin-top:.7em}.post-full-content h3+h4{margin-top:0}@media (max-width:800px){.post-full-content h4{margin-bottom:.3em;font-size:2.4rem;line-height:1.3em}}.post-full-content h5{display:block;margin:.5em 0;padding:.4em 1em .9em;border:0;color:#3eb0ef;font-family:Georgia,serif;font-size:3.2rem;line-height:1.35em;text-align:center}@media (min-width:1180px){.post-full-content h5{max-width:1060px;width:100vw}}@media (max-width:800px){.post-full-content h5{margin-bottom:1em;margin-left:1.3em;padding:0 0 .5em;font-size:2.4rem;text-align:initial}}.post-full-content h6{margin:.5em 0 .2em;font-size:2rem;font-weight:700}@media (max-width:800px){.post-full-content h6{font-size:1.8rem;line-height:1.4em}}.footnotes-sep{margin-bottom:30px}.footnotes{font-size:1.5rem}.footnotes p{margin:0}.footnote-backref{color:#3eb0ef!important;font-size:1.2rem;font-weight:700;text-decoration:none!important;box-shadow:none!important}@media (max-width:1170px){.post-full-image{margin:25px -6vw 50px;border-radius:0}.post-full-image img{max-width:1170px}}@media (max-width:700px){.post-full-image{margin:25px -5vw}}@media (max-width:500px){.post-full-meta{font-size:1.2rem;line-height:1.3em}.post-full-title{margin-top:.2em;font-size:3.3rem}.post-full-image{margin-top:5px;margin-bottom:5vw}.post-full-content{padding:0}.post-full-content:after,.post-full-content:before{display:none}}.post-full-content table{display:inline-block;overflow-x:auto;margin:.5em 0 2.5em;max-width:100%;width:auto;border-spacing:0;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.6rem;white-space:nowrap;vertical-align:top;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at left,rgba(0,0,0,.2) 0,transparent 75%) 0,radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,transparent 75%) 100%;background-attachment:scroll,scroll;background-size:10px 100%,10px 100%;background-repeat:no-repeat}.post-full-content table td:first-child{background-image:linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0));background-size:20px 100%;background-repeat:no-repeat}.post-full-content table td:last-child{background-image:linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0));background-position:100% 0;background-size:20px 100%;background-repeat:no-repeat}.post-full-content table th{color:#15171a;font-size:1.2rem;font-weight:700;letter-spacing:.2px;text-align:left;text-transform:uppercase;background-color:#f4f8fb}.post-full-content table td,.post-full-content table th{padding:6px 12px;border:1px solid #e3ecf3}.post-full-byline{display:flex;justify-content:space-between;margin:35px 0 0;padding-top:15px;border-top:1px solid #e3e9ed}.post-full-byline-content{flex-grow:1;display:flex;align-items:flex-start}.post-full-byline-content .author-list{justify-content:flex-start;padding:0 12px 0 0}.post-full-byline-meta{margin:2px 0 0;color:#92a3ab;font-size:1.2rem;line-height:1.2em;letter-spacing:.2px;text-transform:uppercase}.post-full-byline-meta h4{margin:0 0 3px;font-size:1.3rem;line-height:1.4em;font-weight:500}.post-full-byline-meta h4 a{color:#2b2f36}.post-full-byline-meta h4 a:hover{color:#15171a}.post-full-byline-meta .bull{display:inline-block;margin:0 4px;opacity:.6}.author-avatar{display:block;overflow:hidden;margin:0 -4px;width:40px;height:40px;border:2px solid #fff;border-radius:100%;transition:all .5s cubic-bezier(.4,.01,.165,.99) .7s}.author-list-item .author-card{position:absolute;bottom:130%;left:50%;z-index:600;display:flex;justify-content:space-between;margin-left:-200px;width:400px;font-size:1.4rem;line-height:1.5em;background:#fff;border-radius:3px;box-shadow:0 12px 26px rgba(39,44,49,.08),1px 3px 8px rgba(39,44,49,.06);opacity:0;transition:all .35s cubic-bezier(.4,.01,.165,.99);transform:scale(.98) translateY(15px);pointer-events:none}.author-list-item .author-card:before{content:"";position:absolute;top:100%;left:50%;display:block;margin-left:-8px;width:0;height:0;border-top:8px solid #fff;border-right:8px solid transparent;border-left:8px solid transparent}.author-list-item .author-card.hovered{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.author-card{padding:20px 20px 22px}.author-card .author-info{flex:1 1 auto;padding:0 0 0 20px}.author-card .author-info h2{margin:8px 0 0;font-size:1.6rem}.author-card .author-info p{margin:4px 0 0;color:#5d7179}.author-card .author-info .bio h2{margin-top:0}.author-card .author-info .bio p{margin-top:.8em}.author-card .author-profile-image{flex:0 0 60px;margin:0;width:60px;height:60px;border:none}.basic-info .avatar-wrapper{position:relative;margin:0;width:60px;height:60px;border:none;background:rgba(229,239,245,.1)}.basic-info .avatar-wrapper svg{margin:0;width:60px;height:60px;opacity:.15}@media (max-width:1170px){.author-list-item .author-card{margin-left:-50px;width:430px}.author-list-item .author-card:before{left:50px}}@media (max-width:650px){.author-list-item .author-card{display:none}}@media (max-width:500px){.author-avatar{width:32px;height:32px}.post-full-byline-meta{font-size:1.2rem}.post-full-byline-meta h4{margin-bottom:2px;font-size:1.2rem}}.subscribe-form{margin:1.5em 0;padding:6.5vw 7vw 8vw;border:1px solid #e3e9ed;text-align:center;background:linear-gradient(#fbfdfe,#f4f8fb);border-radius:3px}.subscribe-form-title{margin:0 0 3px;padding:0;color:#15171a;font-size:3.5rem;line-height:1;font-weight:600}.subscribe-form-description{margin-bottom:.2em 0 1em;color:#738a94;font-size:2.1rem;line-height:1.55em}.subscribe-form form{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;max-width:460px}.subscribe-form .form-group{align-self:stretch;display:flex}.subscribe-email{display:block;padding:10px;width:100%;border:1px solid #dae2e7;color:#738a94;font-size:1.8rem;line-height:1em;font-weight:400;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:5px;transition:border-color .15s linear;-webkit-appearance:none}.subscribe-form button{position:relative;display:inline-block;margin:0 0 0 10px;padding:0 20px;height:43px;outline:none;color:#fff;font-size:1.5rem;line-height:39px;font-weight:400;text-align:center;background:linear-gradient(#4fb7f0,#29a0e0 60%,#29a0e0 90%,#36a6e2);border-radius:5px;-webkit-font-smoothing:subpixel-antialiased}.subscribe-form button:active,.subscribe-form button:focus{background:#209cdf}.subscribe-form .button-loader,.subscribe-form .message-error,.subscribe-form .message-success{display:none}.subscribe-form .loading .button-content{visibility:hidden}.subscribe-form .loading .button-loader{position:absolute;top:0;left:50%;display:inline-block;margin-left:-19px;transform:scale(.7)}.subscribe-form .button-loader svg path,.subscribe-form .button-loader svg rect{fill:#fff}.subscribe-form .error .message-error,.subscribe-form .invalid .message-error,.subscribe-form .success .message-success{margin:1em auto 0;max-width:400px;color:#f05230;font-size:1.6rem;line-height:1.5em;text-align:center}.subscribe-form .success .message-success{display:block;color:#98c22e}.subscribe-form .error .message-error,.subscribe-form .invalid .message-error{display:block}@media (max-width:650px){.subscribe-form-title{font-size:2.4rem}.subscribe-form-description{font-size:1.6rem}}@media (max-width:500px){.subscribe-form form{flex-direction:column}.subscribe-form .form-group{flex-direction:column;width:100%}.subscribe-form button{margin:10px 0 0;width:100%}}.post-full-comments{margin:0 auto;max-width:840px}.read-next{border-bottom:1px solid hsla(0,0%,100%,.1);background:#090a0b}.read-next-feed{display:flex;flex-wrap:wrap;margin:0 -25px;padding:60px 0 0}.read-next .post-card{padding-bottom:0;border-bottom:none}.read-next .post-card:after{display:none}.read-next .post-card-primary-tag{color:#fff;opacity:.6}.read-next .post-card-title{color:#fff;opacity:.8;transition:all .2s ease-in-out}.read-next .post-card:hover .post-card-image{opacity:1}.read-next .post-card-excerpt{color:hsla(0,0%,100%,.6)}.read-next .static-avatar{border-color:#000}.read-next .post-card-byline-content{color:hsla(0,0%,100%,.6)}.read-next .post-card-byline-content a{color:hsla(0,0%,100%,.8)}.read-next-card{position:relative;flex:0 1 326px;display:flex;flex-direction:column;overflow:hidden;margin:0 25px 50px;padding:25px;background:linear-gradient(#191b1f,#090a0b);border-radius:3px}.read-next-card a{transition:all .2s ease-in-out}.read-next-card a:hover{text-decoration:none}.read-next-card-header h3{margin:0;color:hsla(0,0%,100%,.6);font-size:1.2rem;line-height:1em;font-weight:300;letter-spacing:.4px;text-transform:uppercase}.read-next-card-header h3 a{color:#fff;font-weight:500;text-decoration:none;opacity:.8}.read-next-card-header h3 a:hover{opacity:1}.read-next-card-content{font-size:1.7rem}.read-next-card-content ul{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.read-next-card-content li{display:flex;flex-direction:column;align-items:flex-start;margin:0;padding:20px 0;border-bottom:hsla(0,0%,100%,.1)}.read-next-card-content li:last-of-type{padding-bottom:5px;border:none}.read-next-card-content h4{margin:0;font-size:1.6rem;line-height:1.35em;font-weight:600}.read-next-card-content li a{display:block;color:#fff;opacity:.8}.read-next-card-content li a:hover{opacity:1}.read-next-card-excerpt{overflow:hidden;max-width:100%;font-size:1.4rem;line-height:1.2em;text-overflow:ellipsis}.read-next-card-meta{margin-top:2px;font-size:1.2rem;line-height:1.4em;font-weight:400}.read-next-card-meta p{margin:0;color:hsla(0,0%,100%,.6)}.read-next-card-footer{position:relative;margin:40px 0 5px}.read-next-card-footer a{padding:7px 12px 8px 14px;border:1px solid hsla(0,0%,100%,.6);color:hsla(0,0%,100%,.6);font-size:1.3rem;border-radius:999px;transition:all .35s ease-in-out}.read-next-card-footer a:hover{border-color:#fecd35;color:#fecd35;text-decoration:none}@media (max-width:1170px){.read-next-card{flex:1 1 261px;margin-bottom:5vw}}@media (max-width:650px){.read-next-feed{flex-direction:column;padding:25px 0 0}.read-next-card{flex:1 1 auto;margin:0 25px;padding:0;background:none}.read-next .post-card{flex:1 1 auto;margin:25px;padding:25px 0 0;border-bottom:1px solid hsla(0,0%,100%,.1)}}.post-content{display:flex;flex-direction:column;align-items:center}.post-full-content .kg-image{max-width:100%}.post-full-image+.post-full-content .kg-content :first-child .kg-image{width:100%}.post-full-content .kg-width-wide .kg-image{max-width:1040px}.post-full-content .kg-width-full .kg-image{max-width:100vw}.post-full-content figure{margin:.8em 0 2.3em}.post-full-content h1+figure,.post-full-content h2+figure,.post-full-content h3+figure,.post-full-content h4+figure{margin-top:2em}.post-full-content figure img{margin:0}.post-full-content figcaption{margin:1em 0 0;color:#5d7179;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:75%;line-height:1.5em;text-align:center}.kg-width-full figcaption{padding:0 1.5em}.kg-embed-card{display:flex;flex-direction:column;align-items:center;width:100%}.kg-embed-card .fluid-width-video-wrapper{margin:0}@media (max-width:1040px){.post-full-content .kg-width-full .kg-image{width:100vw}}.kg-gallery-container{display:flex;flex-direction:column;max-width:1040px;width:100vw}.kg-gallery-row{display:flex;flex-direction:row;justify-content:center}.kg-gallery-image img{display:block;margin:0;width:100%;height:100%}.kg-gallery-row:not(:first-of-type){margin:.75em 0 0}.kg-gallery-image:not(:first-of-type){margin:0 0 0 .75em}.kg-gallery-card+.kg-gallery-card,.kg-gallery-card+.kg-image-card.kg-width-wide,.kg-image-card.kg-width-wide+.kg-gallery-card,.kg-image-card.kg-width-wide+.kg-image-card.kg-width-wide{margin:-2.25em 0 3em}.kg-code-card{width:100%}.kg-code-card pre{margin:0}.kg-bookmark-card{width:100%;background:var(--white)}.kg-card+.kg-bookmark-card{margin-top:0}.post-full-content .kg-bookmark-container{display:flex;min-height:148px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;border-radius:3px}.post-full-content .kg-bookmark-container,.post-full-content .kg-bookmark-container:hover{color:#15171a;text-decoration:none;box-shadow:0 2px 5px -1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.09)}.kg-bookmark-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:20px}.kg-bookmark-title{color:#313b3f;font-size:1.6rem;line-height:1.5em;font-weight:600;transition:color .2s ease-in-out}.post-full-content .kg-bookmark-container:hover .kg-bookmark-title{color:#3eb0ef}.kg-bookmark-description{display:-webkit-box;overflow-y:hidden;margin-top:12px;max-height:48px;color:#5d7179;font-size:1.5rem;line-height:1.5em;font-weight:400;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kg-bookmark-thumbnail{position:relative;min-width:33%;max-height:100%}.kg-bookmark-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0 3px 3px 0;-o-object-fit:cover;object-fit:cover}.kg-bookmark-metadata{display:flex;flex-wrap:wrap;align-items:center;margin-top:14px;color:#5d7179;font-size:1.5rem;font-weight:400}.post-full-content .kg-bookmark-icon{margin-right:8px;width:22px;height:22px}.kg-bookmark-author{line-height:1.5em}.kg-bookmark-author:after{content:"•";margin:0 6px}.kg-bookmark-publisher{overflow:hidden;max-width:240px;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap}@media (max-width:800px){.post-full-content figure{margin:.2em 0 1.3em}.post-full-content h1+figure,.post-full-content h2+figure,.post-full-content h3+figure,.post-full-content h4+figure{margin-top:.9em}}@media (max-width:500px){.post-full-content .kg-width-full,.post-full-content .kg-width-wide{margin-right:-5vw;margin-left:-5vw}.post-full-content figcaption{margin-bottom:.4em}.post-full-content .kg-bookmark-container{flex-direction:column}.kg-bookmark-description,.kg-bookmark-metadata,.kg-bookmark-title{font-size:1.4rem;line-height:1.5em}.post-full-content .kg-bookmark-icon{width:18px;height:18px}.kg-bookmark-thumbnail{order:1;min-height:160px;width:100%}.kg-bookmark-thumbnail img{border-radius:3px 3px 0 0}.kg-bookmark-content{order:2}}.author-header{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;padding:10vw 0 10px}.site-archive-header .no-image .author-header{padding-bottom:20px}.author-header-content{display:flex;flex-direction:column;justify-content:center;margin:5px 0 0 30px}.site-header-content .author-profile-image{z-index:10;flex-shrink:0;margin:5px 0 0;width:110px;height:110px;box-shadow:0 0 0 6px hsla(0,0%,100%,.1)}.author-header-content .author-bio{z-index:10;flex-shrink:0;margin:6px 0 -6px;max-width:46em;font-size:2rem;line-height:1.4em;font-weight:400;opacity:.8}.author-header-content .author-meta{z-index:10;flex-shrink:0;display:flex;align-items:center;margin:0 0 0 1px;font-size:1.2rem;font-weight:400;letter-spacing:.2px;text-transform:uppercase}.author-header-content .social-link:first-of-type{padding-left:4px}.no-image .author-header-content .author-bio,.no-image .author-header-content .author-meta{color:#738a94;opacity:1}.author-social-link a{color:#15171a;font-weight:600}.author-social-link a:hover{opacity:1}.author-social-link{display:inline-block;margin:0;padding:10px 0}.author-location+.author-stats:before,.author-social-link+.author-social-link:before,.author-stats+.author-social-link:before{content:"\2022";display:inline-block;margin:0 12px;color:#738a94;opacity:.6}@media (max-width:500px){.author-header{padding:10px 0 0}.no-image .author-header{padding-bottom:10px}.author-header-content{margin-left:20px}.site-header-content .author-profile-image{width:80px;height:80px}.author-header-content .author-bio{font-size:1.8rem;line-height:1.3em;letter-spacing:0}.author-location,.author-stats{display:none}}.error-template .site-main{padding:7vw 4vw}.site-nav-center{display:flex;justify-content:center;align-items:center;text-align:center}.site-nav-center .site-nav-logo{margin-right:0}.error-message{margin-bottom:-3vw;padding-bottom:5vw;border-bottom:1px solid #e3e9ed;text-align:center}.error-code{margin:0;font-size:12vw;line-height:1em;letter-spacing:-5px;opacity:.3}.error-description{margin:0;color:#738a94;font-size:3rem;line-height:1.3em;font-weight:400}@media (max-width:800px){.error-description{margin:5px 0 0;font-size:1.8rem}}.error-link{display:inline-block;margin-top:5px}.error-template .post-feed{padding-top:0}.subscribe-success-message{position:fixed;top:0;right:0;left:0;z-index:9000;padding:20px 0;color:#fff;text-align:center;background:#a4d037;transition:all .35s cubic-bezier(.19,1,.22,1) .5s;transform:translateY(-175%)}.subscribe-success .subscribe-success-message{visibility:visible;transform:translateY(0)}.subscribe-success-message.close{visibility:hidden;transition:all 1.35s cubic-bezier(.19,1,.22,1);transform:translateY(-175%)}.subscribe-close{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.subscribe-close:before{transform:rotate(45deg)}.subscribe-close:after,.subscribe-close:before{content:"";position:absolute;top:32px;right:25px;display:block;width:20px;height:1px;background:#fff;opacity:.8}.subscribe-close:after{transform:rotate(-45deg)}.subscribe-close:hover{cursor:default}.subscribe-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;justify-content:center;align-items:center;background:rgba(9,10,11,.97);opacity:0;transition:opacity .2s ease-in;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.subscribe-overlay .subscribe-close:after,.subscribe-overlay .subscribe-close:before{top:36px;width:30px}.subscribe-overlay:target{opacity:1;pointer-events:auto}.subscribe-overlay-content{position:relative;z-index:9999;margin:0 0 5vw;padding:4vw;color:#fff;text-align:center}.subscribe-overlay .subscribe-form{border:none;color:#fff;background:none}.subscribe-overlay-logo{position:fixed;top:23px;left:30px;height:30px}.subscribe-overlay-title{display:inline-block;margin:0 0 10px;font-size:5.2rem;line-height:1.15em}.subscribe-overlay-description{margin:0 auto 50px;max-width:650px;color:#fff;font-family:Georgia,serif;font-size:2.4rem;line-height:1.3em;font-weight:300;opacity:.8}.subscribe-overlay form{display:flex;justify-content:center;align-items:center;margin:0 auto;max-width:540px}.subscribe-overlay .form-group{flex-grow:1}.subscribe-overlay .subscribe-email{display:block;padding:14px 20px;width:100%;border:none;color:#738a94;font-size:2rem;line-height:1em;font-weight:400;letter-spacing:.5px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:8px;transition:border-color .15s linear;-webkit-appearance:none}.subscribe-email:focus{outline:0;border-color:#becdd5}.subscribe-overlay button{display:inline-block;margin:0 0 0 15px;padding:0 25px;height:52px;outline:none;color:#fff;font-size:1.7rem;line-height:38px;font-weight:400;text-align:center;background:linear-gradient(#4fb7f0,#29a0e0 60%,#29a0e0 90%,#36a6e2);border-radius:8px;-webkit-font-smoothing:subpixel-antialiased}.subscribe-overlay button:active,.subscribe-overlay button:focus{background:#209cdf}.subscribe-overlay .loading .button-loader{top:5px}.site-footer{position:relative;padding-top:20px;padding-bottom:60px;color:#fff;background:#090a0b}.site-footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:1.3rem}.site-footer-content,.site-footer-content a{color:hsla(0,0%,100%,.7)}.site-footer-content a:hover{color:#fff;text-decoration:none}.site-footer-nav{display:flex}.site-footer-nav a{position:relative;margin-left:20px}.site-footer-nav a:before{content:"";position:absolute;top:11px;left:-11px;display:block;width:2px;height:2px;background:#fff;border-radius:100%}.site-footer-nav a:first-of-type:before{display:none}@media (max-width:650px){.site-footer-content{flex-direction:column}.site-footer-nav a:first-child{margin-left:0}}@media (prefers-color-scheme:dark){body{color:hsla(0,0%,100%,.75);background:#191b1f}img{opacity:.9}.site-header-background:before{background:rgba(0,0,0,.6)}.post-feed{background:#191b1f}.post-card,.post-card:hover{border-bottom-color:#2b2f36}.author-profile-image{background:#191b1f}.post-card-byline-content a{color:hsla(0,0%,100%,.75)}.post-card-byline-content a:hover{color:#fff}.post-card-image{background:#191b1f}.post-card-title{color:hsla(0,0%,100%,.85)}.post-card-excerpt{color:#92a3ab}.author-avatar,.static-avatar{border-color:#191b1f}.post-full-content,.post-template .site-main,.site-main{background:#191b1f}.post-full-title{color:hsla(0,0%,100%,.9)}.post-full-custom-excerpt{color:#92a3ab}.post-full-image{background-color:#2b2f36}.post-full-byline{border-top-color:#3b404a}.post-full-byline-meta h4 a{color:hsla(0,0%,100%,.75)}.post-full-byline-meta h4 a:hover{color:#fff}.author-list-item .author-card{background:#22252a;box-shadow:0 12px 26px rgba(0,0,0,.4)}.author-list-item .author-card:before{border-top-color:#22252a}.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h6{color:hsla(0,0%,100%,.9)}.post-full-content a{color:#fff;box-shadow:inset 0 -1px 0 #fff}.post-full-content em,.post-full-content strong{color:#fff}.post-full-content code{color:#fff;background:#000}hr{border-top-color:#2b2f36}.post-full-content figcaption{color:hsla(0,0%,100%,.6)}.post-full-content .kg-bookmark-container{color:hsla(0,0%,100%,.75);box-shadow:0 0 1px hsla(0,0%,100%,.9)}.kg-bookmark-title{color:#fff}.kg-bookmark-description,.kg-bookmark-metadata{color:hsla(0,0%,100%,.75)}.site-archive-header .no-image{color:hsla(0,0%,100%,.9);background:#191b1f}.site-archive-header .no-image .site-header-content{border-bottom-color:#3b404a}.site-header-content .author-profile-image{box-shadow:0 0 0 6px hsla(0,0%,100%,.04)}.subscribe-form{border:none;background:linear-gradient(#0b0c0e,#121417)}.subscribe-form-title{color:hsla(0,0%,100%,.9)}.subscribe-form p{color:hsla(0,0%,100%,.7)}.subscribe-email{border-color:#272a30;color:hsla(0,0%,100%,.9);background:#202228}.subscribe-email:focus{border-color:#525866}.subscribe-form button{opacity:.9}.subscribe-form .error .message-error,.subscribe-form .invalid .message-error{color:#ec694b}.subscribe-form .success .message-success{color:#acd053}} /*# sourceMappingURL=screen.css.map */ \ No newline at end of file diff --git a/assets/built/screen.css.map b/assets/built/screen.css.map index b642579..e8f3723 100644 --- a/assets/built/screen.css.map +++ b/assets/built/screen.css.map @@ -1 +1 @@ -{"version":3,"sources":["global.css","screen.css"],"names":[],"mappings":"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","file":"screen.css","sourcesContent":["/* Variables\n/* ---------------------------------------------------------- */\n\n:root {\n /* Colours */\n --blue: #3eb0ef;\n --green: #a4d037;\n --purple: #ad26b4;\n --yellow: #fecd35;\n --red: #f05230;\n --darkgrey: #15171A;\n --midgrey: #738a94;\n --lightgrey: #c5d2d9;\n --whitegrey: #e5eff5;\n --pink: #fa3a57;\n --brown: #a3821a;\n}\n\n/* Reset\n/* ---------------------------------------------------------- */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\nbody {\n line-height: 1;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\nimg {\n max-width: 100%;\n}\nhtml {\n box-sizing: border-box;\n font-family: sans-serif;\n\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\na {\n background-color: transparent;\n}\na:active,\na:hover {\n outline: 0;\n}\nb,\nstrong {\n font-weight: bold;\n}\ni,\nem,\ndfn {\n font-style: italic;\n}\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nimg {\n border: 0;\n}\nsvg:not(:root) {\n overflow: hidden;\n}\nmark {\n background-color: #fdffb6;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0; /* 3 */\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n}\nbutton {\n overflow: visible;\n border: none;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\n/* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer; /* 3 */\n\n -webkit-appearance: button; /* 2 */\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\ninput {\n line-height: normal;\n}\ninput:focus {\n outline: none;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\ninput[type=\"search\"] {\n box-sizing: content-box; /* 2 */\n\n -webkit-appearance: textfield; /* 1 */\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\nlegend {\n padding: 0; /* 2 */\n border: 0; /* 1 */\n}\ntextarea {\n overflow: auto;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\ntd,\nth {\n padding: 0;\n}\n\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n overflow-x: hidden;\n overflow-y: scroll;\n font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n overflow-x: hidden;\n color: color(var(--midgrey) l(-25%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.5rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n letter-spacing: 0;\n text-rendering: optimizeLegibility;\n background: #fff;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -moz-font-feature-settings: \"liga\" on;\n}\n\n::selection {\n text-shadow: none;\n background: color(var(--blue) lightness(+30%));\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n margin: 2.5em 0 3.5em;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid color(var(--lightgrey) l(+10%));\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\np,\nul,\nol,\ndl,\nblockquote {\n margin: 0 0 1.5em 0;\n}\n\nol,\nul {\n padding-left: 1.3em;\n padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nul,\nol {\n max-width: 100%;\n}\n\nli {\n margin: 0.5em 0;\n padding-left: 0.3em;\n line-height: 1.6em;\n}\n\ndt {\n float: left;\n margin: 0 20px 0 0;\n width: 120px;\n color: var(--darkgrey);\n font-weight: 500;\n text-align: right;\n}\n\ndd {\n margin: 0 0 5px 0;\n text-align: left;\n}\n\nblockquote {\n margin: 1.5em 0;\n padding: 0 1.6em 0 1.6em;\n border-left: var(--whitegrey) 0.5em solid;\n}\n\nblockquote p {\n margin: 0.8em 0;\n font-size: 1.2em;\n font-weight: 300;\n}\n\nblockquote small {\n display: inline-block;\n margin: 0.8em 0 0.8em 1.5em;\n font-size: 0.9em;\n opacity: 0.8;\n}\n/* Quotation marks */\nblockquote small:before {\n content: \"\\2014 \\00A0\";\n}\n\nblockquote cite {\n font-weight: bold;\n}\nblockquote cite a {\n font-weight: normal;\n}\n\na {\n color: color(var(--blue) l(-5%));\n text-decoration: none;\n}\n\na:hover {\n text-decoration: underline;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n line-height: 1.15;\n font-weight: 700;\n text-rendering: optimizeLegibility;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 5rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n h1 {\n font-size: 2.2rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n@media (max-width: 500px) {\n h2 {\n font-size: 1.8rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.8rem;\n font-weight: 500;\n}\n@media (max-width: 500px) {\n h3 {\n font-size: 1.7rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.6rem;\n font-weight: 500;\n}\n\nh5 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n\nh6 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n","/* Table of Contents\n/* ------------------------------------------------------------\n\nThis is a development CSS file which is built to a minified\nproduction stylesheet in assets/built/screen.css\n\n1. Global Styles\n2. Layout\n3. Special Templates\n4. Site Header\n5. Site Navigation\n6. Post Feed\n7. Single Post\n 7.1. Subscribe Form\n 7.2. Post Footer\n 7.2.1 Single Author Byline\n 7.2.2 Multiple Author Byline\n 7.3. Comments\n 7.4. Related Posts\n 7.5. Floating Header\n 7.6. Koenig Styles\n8. Author Template\n9. Error Template\n10. Subscribe Overlay\n11. Site Footer\n\n*/\n\n\n/* 1. Global - Set up the things\n/* ---------------------------------------------------------- */\n@import \"global.css\";\n\nbody {\n background: #f4f8fb;\n}\n\n.img {\n display: block;\n width: 100%;\n height: 100%;\n background-position: center center;\n background-size: cover;\n border-radius: 100%;\n}\n\n.hidden {\n visibility: hidden;\n position: absolute;\n text-indent: -9999px;\n}\n\n\n/* 2. Layout - Page building blocks\n/* ---------------------------------------------------------- */\n\n.site-wrapper {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\n\n.site-main {\n z-index: 100;\n flex-grow: 1;\n}\n\n/* Full width page blocks */\n.outer {\n position: relative;\n padding: 0 4vw;\n}\n\n/* Centered content container blocks */\n.inner {\n margin: 0 auto;\n max-width: 1040px;\n width: 100%;\n}\n\n/* Usage:\n\n
\n
\n Centered content\n
\n
\n\n*/\n\n/* 3. Special Template Styles\n/* ---------------------------------------------------------- */\n\n@media (min-width: 900px) {\n .home-template .post-feed,\n .tag-template .post-feed,\n .author-template .post-feed {\n margin-top: -70px;\n padding-top: 0;\n }\n .home-template .site-nav {\n position: relative;\n top: -70px;\n }\n}\n\n\n/* 4. Site Header\n/* ---------------------------------------------------------- */\n\n.site-header {\n position: relative;\n padding-top: 12px;\n padding-bottom: 12px;\n color: #fff;\n background: color(var(--darkgrey) l(-5%)) no-repeat center center;\n background-size: cover;\n}\n\n.site-header:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n display: block;\n background: rgba(0,0,0,0.18);\n}\n\n.site-header:after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: auto;\n left: 0;\n z-index: 10;\n display: block;\n height: 80px;\n background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0));\n}\n\n.site-header.no-image:before,\n.site-header.no-image:after {\n display: none;\n}\n\n.site-header-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 10vw 4vw;\n min-height: 200px;\n max-height: 450px;\n text-align: center;\n}\n\n.site-title {\n z-index: 10;\n margin: 0;\n padding: 0;\n font-size: 3.8rem;\n font-weight: 700;\n}\n\n.site-logo {\n max-height: 45px;\n}\n\n.site-description {\n z-index: 10;\n margin: 0;\n padding: 5px 0;\n font-size: 2.2rem;\n font-weight: 300;\n letter-spacing: 0.5px;\n opacity: 0.8;\n}\n\n@media (max-width: 500px) {\n .site-title {\n font-size: 3rem;\n }\n .site-description {\n font-size: 1.8rem;\n }\n}\n\n\n/* 5. Site Navigation\n/* ---------------------------------------------------------- */\n\n.site-nav {\n position: relative;\n z-index: 300;\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n overflow-y: hidden;\n height: 40px;\n font-size: 1.2rem;\n}\n\n.site-nav-left {\n display: flex;\n align-items: center;\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n margin-right: 10px;\n padding-bottom: 80px;\n letter-spacing: 0.4px;\n white-space: nowrap;\n\n -ms-overflow-scrolling: touch;\n}\n\n/* Site Nav Hack Explanation (above):\n\nWhat's happening above it .site-nav-left is set to overflow-x and allow sideways scrolling, so that when there isn't enough space for all nav items (either due to lots of nav items, or a small viewport), you can still scroll side-to-side to reach them.\n\nThe knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px of padding-bottom and a 40px fixed height parent (.site-nav) hides that entirely. Slightly hacky code. But nice clean end-result.\n\n*/\n\n.site-nav-logo {\n flex-shrink: 0;\n display: block;\n margin-right: 24px;\n padding: 11px 0;\n color: #fff;\n font-size: 1.7rem;\n line-height: 1em;\n font-weight: bold;\n letter-spacing: -0.5px;\n}\n\n.site-nav-logo:hover {\n text-decoration: none;\n}\n\n.site-nav-logo img {\n display: block;\n width: auto;\n height: 21px;\n}\n\n.nav {\n display: flex;\n margin: 0 0 0 -12px;\n padding: 0;\n list-style: none;\n}\n\n.nav li {\n display: block;\n margin: 0;\n padding: 0;\n text-transform: uppercase;\n}\n\n.nav li a {\n display: block;\n margin: 0;\n padding: 10px 12px;\n color: #fff;\n opacity: 0.8;\n}\n\n.nav li a:hover {\n text-decoration: none;\n opacity: 1;\n}\n\n.site-nav-right {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n height: 40px;\n}\n\n.social-links {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n}\n\n.social-links a:last-of-type {\n padding-right: 20px;\n}\n\n.social-link {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0;\n padding: 10px;\n color: #fff;\n opacity: 0.8;\n}\n\n.social-link:hover {\n opacity: 1;\n}\n\n.social-link svg {\n height: 1.8rem;\n fill: #fff;\n}\n\n.social-link-fb svg {\n height: 1.5rem;\n}\n\n.social-link-wb svg {\n height: 1.6rem;\n}\n\n.social-link-wb svg path {\n stroke: #fff;\n}\n\n.social-link-rss svg {\n height: 1.9rem;\n}\n\n.subscribe-button {\n display: block;\n padding: 4px 10px;\n border: #fff 1px solid;\n color: #fff;\n font-size: 1.2rem;\n line-height: 1em;\n border-radius: 10px;\n opacity: 0.8;\n}\n\n.subscribe-button:hover {\n text-decoration: none;\n opacity: 1;\n}\n\n.rss-button {\n opacity: 0.8;\n}\n\n.rss-button:hover {\n opacity: 1;\n}\n\n.rss-button svg {\n margin-bottom: 1px;\n height: 2.1rem;\n fill: #fff;\n}\n\n@media (max-width: 700px) {\n .site-header {\n padding-right: 0;\n padding-left: 0;\n }\n .site-nav-left {\n margin-right: 0;\n padding-left: 4vw;\n }\n .site-nav-right {\n display: none;\n }\n}\n\n\n/* 6. Post Feed\n/* ---------------------------------------------------------- */\n\n.post-feed {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n margin: 0 -20px;\n padding: 40px 0 0 0;\n}\n\n.post-card {\n flex: 1 1 300px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n margin: 0 20px 40px;\n min-height: 300px;\n background: #fff center center;\n background-size: cover;\n border-radius: 5px;\n box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n transition: all 0.5s ease;\n}\n\n.post-card:hover {\n box-shadow: rgba(39,44,49,0.07) 8px 28px 50px, rgba(39, 44, 49, 0.04) 1px 6px 12px;\n transition: all 0.4s ease;\n transform: translate3D(0, -1px, 0) scale(1.02);\n}\n\n.post-card-image-link {\n position: relative;\n display: block;\n overflow: hidden;\n border-radius: 5px 5px 0 0;\n}\n\n.post-card-image {\n width: 100%;\n height: 200px;\n background: var(--lightgrey) no-repeat center center;\n object-fit: cover;\n}\n\n.post-card-content-link {\n position: relative;\n flex-grow: 1;\n display: block;\n padding: 25px 25px 0;\n color: var(--darkgrey);\n}\n\n.post-card-content-link:hover {\n text-decoration: none;\n}\n\n.post-card-tags {\n display: block;\n margin-bottom: 4px;\n color: var(--midgrey);\n font-size: 1.2rem;\n line-height: 1.15em;\n font-weight: 500;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n}\n\n.post-card-title {\n margin-top: 0;\n}\n\n.post-card-content {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.post-card-excerpt {\n font-family: Georgia, serif;\n}\n\n.post-card-meta {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n padding: 0 25px 25px;\n}\n\n.author-profile-image,\n.avatar-wrapper {\n display: block;\n width: 100%;\n height: 100%;\n background: color(var(--lightgrey) l(+10%));\n border-radius: 100%;\n\n object-fit: cover;\n}\n\n.post-card-meta .profile-image-wrapper,\n.post-card-meta .avatar-wrapper {\n position: relative;\n}\n\n.author-list {\n display: flex;\n flex-wrap: wrap-reverse;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.author-list-item {\n position: relative;\n flex-shrink: 0;\n margin: 0;\n padding: 0;\n}\n\n.author-list-item:nth-child(1) {\n z-index: 10;\n}\n.author-list-item:nth-child(2) {\n z-index: 9;\n}\n.author-list-item:nth-child(3) {\n z-index: 8;\n}\n.author-list-item:nth-child(4) {\n z-index: 7;\n}\n.author-list-item:nth-child(5) {\n z-index: 6;\n}\n.author-list-item:nth-child(6) {\n z-index: 5;\n}\n.author-list-item:nth-child(7) {\n z-index: 4;\n}\n.author-list-item:nth-child(8) {\n z-index: 3;\n}\n.author-list-item:nth-child(9) {\n z-index: 2;\n}\n.author-list-item:nth-child(10) {\n z-index: 1;\n}\n\n.static-avatar {\n display: block;\n overflow: hidden;\n margin: 0 -5px;\n width: 34px;\n height: 34px;\n border: #fff 2px solid;\n border-radius: 100%;\n}\n\n.moving-avatar {\n display: block;\n overflow: hidden;\n margin: 0 -6px;\n width: 56px;\n height: 56px;\n border: #fff 2px solid;\n border-radius: 100%;\n transition: all 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.7s;\n}\n\n@media (min-width: 800px) {\n .author-list:hover .moving-avatar {\n margin: 0;\n transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);\n }\n}\n\n.author-name-tooltip {\n position: absolute;\n bottom: 105%;\n z-index: 999;\n display: block;\n padding: 2px 8px;\n color: white;\n font-size: 1.2rem;\n letter-spacing: 0.2px;\n white-space: nowrap;\n background: var(--darkgrey);\n border-radius: 3px;\n box-shadow: rgba(39,44,49,0.08) 0 12px 26px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n opacity: 0;\n transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);\n transform: translateY(6px);\n pointer-events: none;\n}\n\n.author-list-item:hover .author-name-tooltip {\n opacity: 1.0;\n transform: translateY(0px);\n}\n\n@media (max-width: 650px) {\n .author-name-tooltip {\n display: none;\n }\n}\n\n.reading-time {\n flex-shrink: 0;\n margin-left: 20px;\n color: var(--midgrey);\n font-size: 1.2rem;\n line-height: 33px;\n font-weight: 500;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n}\n\n/* Special Styling for home page grid (below):\n\nThe first post in the list is styled to be bigger than the others and take over\nthe full width of the grid to give it more emphasis. Wrapped in a media query to\nmake sure this only happens on large viewports / desktop-ish devices.\n\n */\n\n@media (min-width: 795px) {\n .post-card-large {\n flex: 1 1 100%;\n flex-direction: row;\n }\n\n .post-card-large .post-card-image-link {\n position: relative;\n flex: 1 1 auto;\n border-radius: 5px 0 0 5px;\n }\n\n .post-card-large .post-card-image {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n .post-card-large .post-card-content {\n flex: 0 1 357px;\n }\n\n .post-card-large h2 {\n font-size: 2.6rem;\n }\n\n .post-card-large p {\n font-size: 1.8rem;\n line-height: 1.55em;\n }\n\n .post-card-large .post-card-content-link {\n padding: 30px 40px 0;\n }\n\n .post-card-large .post-card-meta {\n padding: 0 40px 30px;\n }\n}\n\n.home-template .site-header:after {\n display: none;\n}\n\n\n/* Adjust some margins for smaller screens */\n@media (max-width: 650px) {\n .post-feed {\n padding-top: 5vw;\n }\n .post-card {\n margin: 0 20px 5vw;\n }\n}\n\n\n\n/* 7. Single Post\n/* ---------------------------------------------------------- */\n\n.post-template .site-main,\n.page-template .site-main {\n padding-bottom: 4vw;\n background: #fff;\n}\n\n.post-full {\n position: relative;\n z-index: 50;\n}\n/* ^ Required to make .post-full-content:before/after z-index stacking work */\n\n.post-full-header {\n margin: 0 auto;\n padding: 6vw 3vw 3vw;\n max-width: 1040px;\n text-align: center;\n}\n@media (max-width: 500px) {\n .post-full-header {\n padding: 14vw 3vw 10vw;\n }\n}\n\n.post-full-meta {\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--midgrey);\n font-size: 1.4rem;\n font-weight: 600;\n text-transform: uppercase;\n}\n\n.post-full-meta-date {\n color: var(--blue);\n}\n\n.post-full-title {\n margin: 0;\n color: color(var(--darkgrey) l(-5%));\n}\n\n.date-divider {\n display: inline-block;\n margin: 0 6px 1px;\n}\n\n.post-full-image {\n margin: 0 -10vw -165px;\n background: var(--lightgrey) center center;\n border-radius: 5px;\n overflow: hidden;\n}\n\n.post-full-image img {\n width: 100%;\n height: 800px;\n object-fit: cover;\n}\n\n@media (max-width: 1170px) {\n .post-full-image {\n margin: 0 -4vw -100px;\n border-radius: 0;\n }\n .post-full-image img {\n height: 600px;\n }\n}\n\n@media (max-width: 800px) {\n .post-full-image img {\n height: 400px;\n }\n}\n\n.post-full-content {\n position: relative;\n margin: 0 auto;\n padding: 70px 100px 0;\n min-height: 230px;\n font-family: Georgia, serif;\n font-size: 2.2rem;\n line-height: 1.6em;\n background: #fff;\n}\n\n@media (max-width: 1170px) {\n .post-full-content {\n padding: 5vw 7vw 0;\n }\n}\n@media (max-width: 800px) {\n .post-full-content {\n font-size: 1.9rem;\n }\n}\n\n.post-full-content:before {\n content: \"\";\n position: absolute;\n top: 15px;\n left: -5px;\n z-index: -1;\n display: block;\n width: 20px;\n height: 200px;\n background: rgba(39,44,49,0.15);\n filter: blur(5px);\n transform: rotate(-5deg);\n}\n\n.post-full-content:after {\n content: \"\";\n position: absolute;\n top: 15px;\n right: -5px;\n z-index: -1;\n display: block;\n width: 20px;\n height: 200px;\n background: rgba(39,44,49,0.15);\n filter: blur(5px);\n transform: rotate(5deg);\n}\n\n.no-image .post-full-content {\n padding-top: 0;\n}\n\n.no-image .post-full-content:before,\n.no-image .post-full-content:after {\n display: none;\n}\n\n.post-full-content h1,\n.post-full-content h2,\n.post-full-content h3,\n.post-full-content h4,\n.post-full-content h5,\n.post-full-content h6,\n.post-full-content p,\n.post-full-content ul,\n.post-full-content ol,\n.post-full-content dl,\n.post-full-content pre,\n.post-full-content blockquote,\n.post-full-comments,\n.footnotes {\n min-width: 100%;\n}\n\n.post-full-content li {\n word-break: break-word;\n}\n\n.post-full-content li p {\n margin: 0;\n}\n\n.post-full-content a {\n color: #000;\n word-break: break-word;\n box-shadow: var(--blue) 0 -1px 0 inset;\n}\n\n.post-full-content a:hover {\n color: var(--blue);\n text-decoration: none;\n}\n\n.post-full-content strong,\n.post-full-content em {\n color: color(var(--darkgrey) l(-5%));\n}\n\n.post-full-content small {\n display: inline-block;\n line-height: 1.6em;\n}\n\n.post-full-content li:first-child {\n margin-top: 0;\n}\n\n.post-full-content img,\n.post-full-content video {\n display: block;\n margin: 1.5em auto;\n max-width: 1040px;\n height: auto;\n}\n@media (max-width: 1040px) {\n .post-full-content img,\n .post-full-content video {\n width: 100%;\n }\n}\n\n\n/* Full bleed images (#full)\nSuper neat trick courtesy of @JoelDrapper\n\nUsage (In Ghost edtior):\n\n![img](/some/image.jpg#full)\n\n*/\n.post-full-content img[src$=\"#full\"] {\n max-width: none;\n width: 100vw;\n}\n\n\n/* Image captions\n\nUsage (In Ghost editor):\n\n![img](/some/image.jpg)\nYour image caption\n\n*/\n.post-full-content img + br + small {\n display: block;\n margin-top: -3em;\n margin-bottom: 1.5em;\n text-align: center;\n}\n\n\n/* Override third party iframe styles */\n.post-full-content iframe {\n margin: 0 auto !important;\n}\n\n.post-full-content blockquote {\n margin: 0 0 1.5em;\n padding: 0 1.5em;\n border-left: #3eb0ef 3px solid;\n}\n\n.post-full-content blockquote p {\n margin: 0 0 1em 0;\n color: inherit;\n font-size: inherit;\n line-height: inherit;\n font-style: italic;\n}\n\n.post-full-content blockquote p:last-child {\n margin-bottom: 0;\n}\n\n.post-full-content code {\n padding: 0 5px 2px;\n font-size: 0.8em;\n line-height: 1em;\n font-weight: 400!important;\n background: var(--whitegrey);\n border-radius: 3px;\n}\n\n.post-full-content p code {\n word-break: break-all;\n}\n\n.post-full-content pre {\n overflow-x: auto;\n margin: 1.5em 0 3em;\n padding: 20px;\n max-width: 100%;\n border: color(var(--darkgrey) l(-10%)) 1px solid;\n color: var(--whitegrey);\n font-size: 1.4rem;\n line-height: 1.5em;\n background: color(var(--darkgrey) l(-3%));\n border-radius: 5px;\n}\n\n.post-full-content pre ::selection {\n color: color(var(--midgrey) l(-25%));\n}\n\n.post-full-content pre code {\n padding: 0;\n font-size: inherit;\n line-height: inherit;\n background: transparent;\n}\n\n.post-full-content pre code :not(span) {\n color: inherit;\n}\n\n.post-full-content .fluid-width-video-wrapper {\n margin: 1.5em 0 3em;\n}\n\n.post-full-content hr {\n margin: 4vw 0;\n}\n\n.post-full-content hr:after {\n content: \"\";\n position: absolute;\n top: -15px;\n left: 50%;\n display: block;\n margin-left: -10px;\n width: 1px;\n height: 30px;\n background: color(var(--lightgrey) l(+10%));\n box-shadow: #fff 0 0 0 5px;\n transform: rotate(45deg);\n}\n\n.post-full-content h1,\n.post-full-content h2,\n.post-full-content h3,\n.post-full-content h4,\n.post-full-content h5,\n.post-full-content h6 {\n color: color(var(--darkgrey) l(-5%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n}\n\n.post-full-content h1 {\n margin: 0.5em 0 0.2em 0;\n font-size: 4.6rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h1 {\n font-size: 2.8rem;\n }\n}\n\n.post-full-content h2 {\n margin: 0.5em 0 0.2em 0;\n font-size: 3.6rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h2 {\n font-size: 2.6rem;\n }\n}\n\n.post-full-content h3 {\n margin: 0.5em 0 0.2em 0;\n font-size: 2.8rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h3 {\n font-size: 2.2rem;\n }\n}\n\n.post-full-content h4 {\n margin: 0.5em 0 0.2em 0;\n font-size: 2.8rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h4 {\n font-size: 2.2rem;\n }\n}\n\n.post-full-content h5 {\n display: block;\n margin: 0.5em 0;\n padding: 1em 0 1.5em;\n border: 0;\n color: var(--blue);\n font-family: Georgia,serif;\n font-size: 3.2rem;\n line-height: 1.35em;\n text-align: center;\n}\n@media (min-width: 1180px) {\n .post-full-content h5 {\n max-width: 1060px;\n width: 100vw;\n }\n}\n@media (max-width: 500px) {\n .post-full-content h5 {\n padding: 0 0 0.5em;\n font-size: 2.2rem;\n }\n}\n\n.post-full-content h6 {\n margin: 0.5em 0 0.2em 0;\n font-size: 2.3rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h6 {\n font-size: 2rem;\n }\n}\n\n.footnotes-sep {\n margin-bottom: 30px;\n}\n\n.footnotes {\n font-size: 1.5rem;\n}\n\n.footnotes p {\n margin: 0;\n}\n\n.footnote-backref {\n color: var(--blue) !important;\n font-size: 1.2rem;\n font-weight: bold;\n text-decoration: none !important;\n box-shadow: none !important;\n}\n\n/* Some grouped styles for smaller viewports */\n@media (max-width: 500px) {\n .post-full-meta {\n font-size: 1.2rem;\n line-height: 1.3em;\n }\n .post-full-title {\n font-size: 2.9rem;\n }\n .post-full-image {\n margin-bottom: 4vw;\n height: 350px;\n }\n .post-full-content {\n padding: 0;\n }\n .post-full-content:before,\n .post-full-content:after {\n display: none;\n }\n}\n\n/* Tables */\n.post-full-content table {\n display: inline-block;\n overflow-x: auto;\n margin: 0.5em 0 2.5em;\n max-width: 100%;\n width: auto;\n border-spacing: 0;\n border-collapse: collapse;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.6rem;\n white-space: nowrap;\n vertical-align: top;\n}\n\n.post-full-content table {\n -webkit-overflow-scrolling: touch;\n background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;\n background-attachment: scroll, scroll;\n background-size: 10px 100%, 10px 100%;\n background-repeat: no-repeat;\n}\n\n.post-full-content table td:first-child {\n background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);\n background-size: 20px 100%;\n background-repeat: no-repeat;\n}\n\n.post-full-content table td:last-child {\n background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);\n background-position: 100% 0;\n background-size: 20px 100%;\n background-repeat: no-repeat;\n}\n\n.post-full-content table th {\n color: var(--darkgrey);\n font-size: 1.2rem;\n font-weight: 700;\n letter-spacing: 0.2px;\n text-align: left;\n text-transform: uppercase;\n background-color: color(var(--whitegrey) l(+4%));\n}\n\n.post-full-content table th,\n.post-full-content table td {\n padding: 6px 12px;\n border: color(var(--whitegrey) l(-1%) s(-5%)) 1px solid;\n}\n\n\n/* 7.1. Subscribe Form\n/* ---------------------------------------------------------- */\n\n.subscribe-form {\n margin: 1.5em 0;\n padding: 6.5vw 7vw 7vw;\n border: color(var(--whitegrey) l(+2%)) 1px solid;\n text-align: center;\n background: color(var(--whitegrey) l(+4%));\n border-radius: 7px;\n}\n\n.subscribe-form-title {\n margin: 0 0 3px 0;\n padding: 0;\n color: var(--darkgrey);\n font-size: 3.5rem;\n line-height: 1;\n font-weight: 700;\n}\n\n.subscribe-form p {\n margin-bottom: 1em;\n color: var(--midgrey);\n font-size: 2.2rem;\n line-height: 1.55em;\n letter-spacing: 0.2px;\n}\n\n.subscribe-form form {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto;\n max-width: 420px;\n}\n\n.subscribe-form .form-group {\n flex-grow: 1;\n}\n\n.subscribe-email {\n display: block;\n padding: 10px;\n width: 100%;\n border: color(var(--lightgrey) l(+7%)) 1px solid;\n color: var(--midgrey);\n font-size: 1.8rem;\n line-height: 1em;\n font-weight: normal;\n user-select: text;\n border-radius: 5px;\n transition: border-color 0.15s linear;\n\n -webkit-appearance: none;\n}\n\n.subscribe-email:focus {\n outline: 0;\n border-color: color(var(--lightgrey) l(-2%));\n}\n\n.subscribe-form button {\n display: inline-block;\n margin: 0 0 0 10px;\n padding: 0 20px;\n height: 41px;\n outline: none;\n color: #fff;\n font-size: 1.5rem;\n line-height: 37px;\n font-weight: 400;\n text-align: center;\n text-shadow: 0 -1px 0 rgba(0,0,0,0.1);\n background: linear-gradient(\n color(var(--blue) whiteness(+7%)),\n color(var(--blue) lightness(-7%) saturation(-10%)) 60%,\n color(var(--blue) lightness(-7%) saturation(-10%)) 90%,\n color(var(--blue) lightness(-4%) saturation(-10%))\n );\n border-radius: 5px;\n box-shadow: 0 0 0 1px inset rgba(0,0,0,0.14);\n\n -webkit-font-smoothing: subpixel-antialiased;\n}\n\n.subscribe-form button:active,\n.subscribe-form button:focus {\n background: color(var(--blue) lightness(-9%) saturation(-10%));\n}\n\n@media (max-width: 650px) {\n .subscribe-form-title {\n font-size: 2.4rem;\n }\n .subscribe-form p {\n font-size: 1.6rem;\n }\n}\n\n@media (max-width: 500px) {\n .subscribe-form form {\n flex-direction: column;\n }\n .subscribe-form .form-group {\n width: 100%;\n }\n .subscribe-form button {\n margin: 10px 0 0 0;\n width: 100%;\n }\n}\n\n\n/* 7.2. Post Footer\n/* ---------------------------------------------------------- */\n\n.post-full-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0 auto;\n padding: 3vw 0 6vw 0;\n max-width: 840px;\n}\n\n/* 7.2.1 Single Author Byline\n/* ---------------------------------------------------------- */\n\n.author-card {\n display: flex;\n}\n\n.author-card .author-profile-image,\n.author-card .avatar-wrapper {\n margin-right: 15px;\n width: 60px;\n height: 60px;\n}\n\n.author-card-name {\n margin: 8px 0 2px 0;\n padding: 0;\n font-size: 2rem;\n}\n\n.author-card-name a {\n color: var(--darkgrey);\n font-weight: 700;\n}\n\n.author-card-name a:hover {\n text-decoration: none;\n}\n\n.author-card-content p {\n margin: 0;\n color: var(--midgrey);\n line-height: 1.3em;\n}\n\n.post-full-footer-right {\n flex-shrink: 0;\n margin-left: 20px;\n}\n\n.author-card-button {\n display: block;\n padding: 9px 16px;\n border: color(var(--midgrey) l(+20%)) 1px solid;\n color: var(--midgrey);\n font-size: 1.2rem;\n line-height: 1;\n font-weight: 500;\n border-radius: 20px;\n transition: all ease 0.2s;\n}\n\n.author-card-button:hover {\n border-color: var(--blue);\n color: var(--blue);\n text-decoration: none;\n}\n\n/* 7.2.2 Multiple Author Byline\n/* ---------------------------------------------------------- */\n\n.post-full-authors {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 20px;\n padding-top: 40px;\n border-top: color(var(--lightgrey) l(+10%)) 1px solid;\n}\n\n.post-full-authors-content {\n margin-bottom: 20px;\n}\n\n.post-full-authors-content p {\n margin-bottom: 0;\n color: var(--midgrey);\n font-size: 1.4rem;\n letter-spacing: 0.2px;\n text-align: center;\n text-transform: uppercase;\n}\n\n.post-full-authors-content a {\n display: inline-block;\n color: color(var(--darkgrey) l(+20%));\n font-size: 1.4rem;\n font-weight: 600;\n text-transform: uppercase;\n}\n\n.post-full-footer .author-list {\n justify-content: center;\n padding: 10px 20px;\n}\n\n.author-card .author-profile-image,\n.author-card .avatar-wrapper {\n position: relative;\n margin-right: 15px;\n}\n\n.author-list-item .author-card {\n position: absolute;\n bottom: 130%;\n left: 50%;\n z-index: 300;\n display: block;\n margin-left: -160px;\n width: 320px;\n font-size: 1.4rem;\n letter-spacing: 0.2px;\n background: white;\n border-radius: 6px;\n box-shadow: rgba(39,44,49,0.08) 0 12px 26px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n opacity: 0;\n transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);\n transform: scale(0.98) translateY(15px);\n pointer-events: none;\n}\n\n.author-list-item .author-card:before {\n content: \"\";\n position: absolute;\n top: 100%;\n left: 50%;\n display: block;\n margin-left: -12px;\n width: 0;\n height: 0;\n border-top: 12px solid #fff;\n border-right: 12px solid transparent;\n border-left: 12px solid transparent;\n}\n\n.author-list-item .author-card.hovered {\n opacity: 1.0;\n transform: scale(1) translateY(0px);\n pointer-events: auto;\n}\n\n.author-card .basic-info {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 30px 20px 20px 20px;\n color: #fff;\n background: var(--darkgrey);\n border-radius: 6px 6px 0 0;\n}\n\n.author-card .basic-info h2 {\n margin: 1em 0 0.5em;\n}\n\n.author-card .bio {\n padding: 20px 20px 0;\n}\n\n@media (max-width: 650px) {\n .author-list-item .author-card {\n display: none;\n }\n}\n\n.basic-info .author-profile-image {\n margin: 0;\n width: 88px;\n height: 88px;\n border: none;\n}\n\n.basic-info .avatar-wrapper {\n position: relative;\n margin: 0;\n width: 88px;\n height: 88px;\n border: none;\n background: rgba(229, 239, 245, 0.1);\n}\n\n.basic-info .avatar-wrapper svg {\n margin: 0;\n width: 88px;\n height: 88px;\n opacity: 0.15;\n}\n\n\n/* 7.3. Comments\n/* ---------------------------------------------------------- */\n\n.post-full-comments {\n margin: 0 auto;\n max-width: 840px;\n}\n\n\n/* 7.4. Related posts\n/* ---------------------------------------------------------- */\n\n.read-next-feed {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -20px;\n padding: 40px 0 0 0;\n}\n\n.read-next-card {\n position: relative;\n flex: 1 1 300px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n margin: 0 20px 40px;\n padding: 25px;\n color: #fff;\n background: var(--darkgrey) center center;\n background-size: cover;\n border-radius: 5px;\n box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n}\n\n.read-next-card:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n background: linear-gradient(135deg, rgba(0,40,60,0.8) 0%,rgba(0,20,40,0.7) 100%);\n border-radius: 5px;\n\n backdrop-filter: blur(2px);\n}\n\n.read-next-card-header {\n position: relative;\n z-index: 50;\n padding-top: 20px;\n text-align: center;\n}\n\n.read-next-card-header-sitetitle {\n display: block;\n font-size: 1.3rem;\n line-height: 1.3em;\n opacity: 0.8;\n}\n\n.read-next-card-header-title {\n margin: 0;\n padding: 0 20px;\n color: #fff;\n font-size: 3rem;\n line-height: 1.2em;\n letter-spacing: 1px;\n}\n\n.read-next-card-header-title a {\n color: #fff;\n font-weight: 300;\n text-decoration: none;\n}\n\n.read-next-card-header-title a:hover {\n text-decoration: none;\n}\n\n.read-next-divider {\n position: relative;\n display: flex;\n justify-content: center;\n height: 80px;\n}\n\n.read-next-divider svg {\n width: 40px;\n fill: transparent;\n stroke: #fff;\n\n stroke-width: 0.5px;\n stroke-opacity: 0.65;\n}\n\n.read-next-card-content {\n position: relative;\n z-index: 50;\n flex-grow: 1;\n display: flex;\n font-size: 1.7rem;\n}\n\n.read-next-card-content ul {\n display: flex;\n flex-direction: column;\n margin: 0 auto;\n padding: 0;\n text-align: center;\n list-style: none;\n}\n\n.read-next-card-content li {\n margin: 0;\n padding: 0;\n font-size: 1.6rem;\n line-height: 1.25em;\n font-weight: 200;\n letter-spacing: -0.5px;\n}\n\n.read-next-card-content li a {\n display: block;\n padding: 20px 0;\n border-bottom: rgba(255,255,255,0.3) 1px solid;\n color: #fff;\n font-weight: 500;\n vertical-align: top;\n transition: opacity 0.3s ease;\n}\n\n.read-next-card-content li:first-of-type a {\n padding-top: 10px;\n}\n\n.read-next-card-content li a:hover {\n opacity: 1;\n}\n\n.read-next-card-footer {\n position: relative;\n margin: 15px 0 3px 0;\n text-align: center;\n}\n\n.read-next-card-footer a {\n color: #fff;\n}\n\n\n/* 7.5. Floating Header\n/* ---------------------------------------------------------- */\n\n.floating-header {\n visibility: hidden;\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1000;\n display: flex;\n align-items: center;\n height: 60px;\n border-bottom: rgba(0,0,0,0.06) 1px solid;\n background: rgba(255,255,255,0.95);\n transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n transform: translate3d(0, -120%, 0);\n}\n\n.floating-active {\n visibility: visible;\n transition: all 500ms cubic-bezier(0.22, 1, 0.27, 1);\n transform: translate3d(0, 0, 0);\n}\n\n.floating-header-logo {\n overflow: hidden;\n margin: 0 0 0 20px;\n font-size: 1.6rem;\n line-height: 1em;\n letter-spacing: -1px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.floating-header-logo a {\n display: flex;\n align-items: center;\n color: var(--darkgrey);\n line-height: 1.1em;\n font-weight: 700;\n}\n\n.floating-header-logo a:hover {\n text-decoration: none;\n}\n\n.floating-header-logo img {\n margin: 0 10px 0 0;\n max-height: 20px;\n}\n\n.floating-header-divider {\n margin: 0 5px;\n line-height: 1em;\n}\n\n.floating-header-title {\n flex: 1;\n overflow: hidden;\n margin: 0;\n color: #2e2e2e;\n font-size: 1.6rem;\n line-height: 1.3em;\n font-weight: bold;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.floating-header-share {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding-left: 2%;\n font-size: 1.3rem;\n line-height: 1;\n}\n\n.floating-header-share a {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.floating-header-share svg {\n width: auto;\n height: 16px;\n fill: #fff;\n}\n\n.floating-header-share-label {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n margin-right: 10px;\n color: rgba(0,0,0,0.7);\n font-weight: 500;\n}\n\n.floating-header-share-label svg {\n margin: 0 5px 0 10px;\n width: 18px;\n height: 18px;\n stroke: rgba(0,0,0,0.7);\n transform: rotate(90deg);\n}\n\n.floating-header-share-tw,\n.floating-header-share-fb {\n display: block;\n align-items: center;\n width: 60px;\n height: 60px;\n color: #fff;\n line-height: 48px;\n text-align: center;\n transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.floating-header-share-tw {\n background: #33b1ff;\n}\n\n.floating-header-share-fb {\n background: #005e99;\n}\n\n.progress {\n position: absolute;\n right: 0;\n bottom: -1px;\n left: 0;\n width: 100%;\n height: 2px;\n border: none;\n color: var(--blue);\n background: transparent;\n\n appearance: none;\n}\n\n.progress::-webkit-progress-bar {\n background-color: transparent;\n}\n\n.progress::-webkit-progress-value {\n background-color: var(--blue);\n}\n\n.progress::-moz-progress-bar {\n background-color: var(--blue);\n}\n\n.progress-container {\n position: absolute;\n top: 0;\n left: 0;\n display: block;\n width: 100%;\n height: 2px;\n background-color: transparent;\n}\n\n.progress-bar {\n display: block;\n width: 50%;\n height: inherit;\n background-color: var(--blue);\n}\n\n@media (max-width: 900px) {\n .floating-header {\n height: 40px;\n }\n .floating-header-title,\n .floating-header-logo {\n font-size: 1.5rem;\n }\n .floating-header-share-tw,\n .floating-header-share-fb {\n width: 40px;\n height: 40px;\n line-height: 38px;\n }\n}\n\n@media (max-width: 800px) {\n .floating-header-logo {\n margin-left: 10px;\n }\n .floating-header-logo a {\n color: #2e2e2e;\n }\n .floating-header-title,\n .floating-header-divider {\n visibility: hidden;\n }\n}\n\n@media (max-width: 450px) {\n .floating-header-share-label {\n display: none;\n }\n}\n\n\n/* 7.6. Koenig Styles\n/* ---------------------------------------------------------- */\n\n.post-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 920px;\n}\n\n.post-template .post-content > p:first-child {\n font-size: 1.25em;\n line-height: 1.5em;\n}\n\n.post-full-content .kg-image {\n max-width: 100%;\n}\n\n/* Preventing full-width image overlap with post image. */\n.post-full-image + .post-full-content .kg-content *:first-child .kg-image {\n width: 100%;\n}\n\n.post-full-content .kg-width-wide .kg-image {\n max-width: 1040px;\n}\n\n.post-full-content .kg-width-full .kg-image {\n max-width: 100vw;\n}\n\n.post-full-content figure {\n margin: 1.5em 0 3em;\n}\n\n.post-full-content figure img {\n margin: 0;\n}\n\n.post-full-content figcaption {\n margin: 1.0em 0 0;\n font-size: 80%;\n line-height: 1.6em;\n text-align: center;\n}\n\n.kg-width-full figcaption {\n padding: 0 1.5em;\n}\n\n.kg-embed-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n}\n\n.kg-embed-card .fluid-width-video-wrapper {\n margin: 0;\n}\n\n\n@media (max-width: 1040px) {\n .post-full-content .kg-width-full .kg-image {\n width: 100vw;\n }\n}\n\n.kg-gallery-container {\n display: flex;\n flex-direction: column;\n max-width: 1040px;\n width: 100vw;\n}\n\n.kg-gallery-row {\n display: flex;\n flex-direction: row;\n justify-content: center;\n}\n\n.kg-gallery-image img {\n display: block;\n margin: 0;\n width: 100%;\n height: 100%;\n}\n\n.kg-gallery-row:not(:first-of-type) {\n margin: 0.75em 0 0 0;\n}\n\n.kg-gallery-image:not(:first-of-type) {\n margin: 0 0 0 0.75em;\n}\n\n.kg-gallery-card + .kg-image-card.kg-width-wide,\n.kg-gallery-card + .kg-gallery-card,\n.kg-image-card.kg-width-wide + .kg-gallery-card,\n.kg-image-card.kg-width-wide + .kg-image-card.kg-width-wide {\n margin: -2.25em 0 3em;\n}\n\n/* keep existing 
 styles for code cards with captions */\n.kg-code-card {\n    width: 100%;\n}\n\n.kg-code-card pre {\n    margin: 0;\n}\n\n.kg-bookmark-card {\n    background: var(--white);\n    width: 100%;\n}\n\n.kg-card + .kg-bookmark-card {\n    margin-top: 0;\n}\n\n.post-full-content .kg-bookmark-container {\n    display: flex;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n    color: var(--darkgrey);\n    text-decoration: none;\n    min-height: 148px;\n    box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.09);\n    border-radius: 3px;\n}\n\n.kg-bookmark-content {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    align-items: flex-start;\n    justify-content: start;\n    padding: 20px;\n}\n\n.kg-bookmark-title {\n    font-size: 1.6rem;\n    line-height: 1.5em;\n    font-weight: 600;\n    color: color(var(--midgrey) l(-30%));\n}\n\n.post-full-content .kg-bookmark-container:hover .kg-bookmark-title {\n    color: var(--blue);\n}\n\n.kg-bookmark-description {\n    display: -webkit-box;\n    font-size: 1.5rem;\n    line-height: 1.5em;\n    color: color(var(--midgrey) l(-10%));\n    font-weight: 400;\n    margin-top: 12px;\n    max-height: 48px;\n    overflow-y: hidden;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n}\n\n.kg-bookmark-thumbnail {\n    position: relative;\n    min-width: 33%;\n    max-height: 100%;\n}\n\n.kg-bookmark-thumbnail img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 0 3px 3px 0;\n}\n\n.kg-bookmark-metadata {\n    display: flex;\n    align-items: center;\n    font-size: 1.5rem;\n    font-weight: 400;\n    color: color(var(--midgrey) l(-10%));\n    margin-top: 14px;\n    flex-wrap: wrap;\n}\n\n.post-full-content .kg-bookmark-icon {\n    width: 22px;\n    height: 22px;\n    margin-right: 8px;\n}\n\n.kg-bookmark-author {\n    line-height: 1.5em;\n}\n\n.kg-bookmark-author:after {\n    content: \"•\";\n    margin: 0 6px;\n}\n\n.kg-bookmark-publisher {\n    overflow: hidden;\n    line-height: 1.5em;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 240px;\n}\n\n@media (max-width: 500px) {\n    .post-full-content .kg-bookmark-container {\n        flex-direction: column;\n    }\n\n    .kg-bookmark-thumbnail {\n        order: 1;\n        width: 100%;\n        min-height: 160px;\n    }\n\n    .kg-bookmark-thumbnail img {\n        border-radius: 3px 3px 0 0;\n    }\n\n    .kg-bookmark-content {\n        order: 2\n    }\n}\n\n/* 8. Author Template\n/* ---------------------------------------------------------- */\n\n.site-header-content .author-profile-image {\n    z-index: 10;\n    flex-shrink: 0;\n    margin: 0 0 20px 0;\n    width: 100px;\n    height: 100px;\n    box-shadow: rgba(255,255,255,0.1) 0 0 0 6px;\n}\n\n.site-header-content .author-bio {\n    z-index: 10;\n    flex-shrink: 0;\n    margin: 5px 0 10px 0;\n    max-width: 600px;\n    font-size: 2rem;\n    line-height: 1.3em;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    opacity: 0.8;\n}\n\n.site-header-content .author-meta {\n    z-index: 10;\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 0 0 10px 0;\n    font-family: Georgia, serif;\n    font-style: italic;\n}\n\n.site-header-content .author-location svg {\n    height: 1.9rem;\n    stroke: #fff;\n}\n\n.site-header-content .bull {\n    display: inline-block;\n    margin: 0 12px;\n    opacity: 0.5;\n}\n\n.site-header-content .social-link:first-of-type {\n    padding-left: 4px;\n}\n\n@media (max-width: 500px) {\n    .site-header-content .author-bio {\n        font-size: 1.8rem;\n        line-height: 1.15em;\n        letter-spacing: 0;\n    }\n    .author-location,\n    .author-stats {\n        display: none;\n    }\n}\n\n\n/* 9. Error Template\n/* ---------------------------------------------------------- */\n\n.error-template .site-main {\n    padding: 7vw 4vw;\n}\n\n.site-nav-center {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n}\n\n.site-nav-center .site-nav-logo {\n    margin-right: 0;\n}\n\n.error-message {\n    text-align: center;\n}\n\n.error-code {\n    margin: 0;\n    font-size: 12vw;\n    line-height: 1em;\n    letter-spacing: -5px;\n    opacity: 0.3;\n}\n\n.error-description {\n    margin: 0;\n    color: var(--midgrey);\n    font-size: 3rem;\n    line-height: 1.3em;\n    font-weight: 400;\n}\n\n@media (max-width: 800px) {\n    .error-description {\n        margin: 5px 0 0 0;\n        font-size: 1.8rem;\n    }\n}\n\n.error-link {\n    display: inline-block;\n    margin-top: 5px;\n}\n\n.error-template .post-feed {\n    padding-top: 0;\n}\n\n\n/* 10. Subscribe Overlay\n/* ---------------------------------------------------------- */\n\n.subscribe-overlay {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 9000;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: rgba(0,25,40,0.97);\n    opacity: 0;\n    transition: opacity 200ms ease-in;\n    pointer-events: none;\n\n    backdrop-filter: blur(3px);\n}\n\n.subscribe-overlay:target {\n    opacity: 1;\n    pointer-events: auto;\n}\n\n.subscribe-overlay-content {\n    position: relative;\n    z-index: 9999;\n    margin: 0 0 5vw 0;\n    padding: 4vw;\n    color: #fff;\n    text-align: center;\n}\n\n.subscribe-overlay-logo {\n    position: fixed;\n    top: 23px;\n    left: 30px;\n    height: 30px;\n}\n\n.subscribe-overlay-title {\n    display: inline-block;\n    margin: 0 0 10px 0;\n    font-size: 6rem;\n    line-height: 1.15em;\n}\n\n.subscribe-overlay-description {\n    margin: 0 auto 50px;\n    max-width: 650px;\n    font-family: Georgia, serif;\n    font-size: 3rem;\n    line-height: 1.3em;\n    font-weight: 300;\n    opacity: 0.8;\n}\n\n.subscribe-overlay form {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 0 auto;\n    max-width: 500px;\n}\n\n.subscribe-overlay .form-group {\n    flex-grow: 1;\n}\n\n.subscribe-overlay .subscribe-email {\n    display: block;\n    padding: 14px 20px;\n    width: 100%;\n    border: none;\n    color: var(--midgrey);\n    font-size: 2rem;\n    line-height: 1em;\n    font-weight: normal;\n    letter-spacing: 0.5px;\n    user-select: text;\n    border-radius: 8px;\n    transition: border-color 0.15s linear;\n\n    -webkit-appearance: none;\n}\n\n.subscribe-email:focus {\n    outline: 0;\n    border-color: color(var(--lightgrey) l(-2%));\n}\n\n.subscribe-overlay button {\n    display: inline-block;\n    margin: 0 0 0 15px;\n    padding: 0 25px;\n    height: 52px;\n    outline: none;\n    color: #fff;\n    font-size: 1.7rem;\n    line-height: 37px;\n    font-weight: 400;\n    text-align: center;\n    text-shadow: 0 -1px 0 rgba(0,0,0,0.1);\n    background: linear-gradient(\n    color(var(--blue) whiteness(+7%)),\n    color(var(--blue) lightness(-7%) saturation(-10%)) 60%,\n    color(var(--blue) lightness(-7%) saturation(-10%)) 90%,\n    color(var(--blue) lightness(-4%) saturation(-10%))\n    );\n    border-radius: 8px;\n    box-shadow: 0 0 0 1px inset rgba(0,0,0,0.14);\n\n    -webkit-font-smoothing: subpixel-antialiased;\n}\n\n.subscribe-overlay button:active,\n.subscribe-overlay button:focus {\n    background: color(var(--blue) lightness(-9%) saturation(-10%));\n}\n\n.subscribe-overlay-close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    display: block;\n}\n\n.subscribe-overlay-close:before {\n    content: \"\";\n    position: absolute;\n    top: 40px;\n    right: 25px;\n    display: block;\n    width: 30px;\n    height: 2px;\n    background: #fff;\n    opacity: 0.8;\n    transform: rotate(45deg);\n}\n\n.subscribe-overlay-close:after {\n    content: \"\";\n    position: absolute;\n    top: 40px;\n    right: 25px;\n    display: block;\n    width: 30px;\n    height: 2px;\n    background: #fff;\n    opacity: 0.8;\n    transform: rotate(-45deg);\n}\n\n.subscribe-overlay-close:hover {\n    cursor: default;\n}\n\n\n/* 11. Site Footer\n/* ---------------------------------------------------------- */\n\n.site-footer {\n    position: relative;\n    padding-top: 20px;\n    padding-bottom: 60px;\n    color: #fff;\n    background: color(var(--darkgrey) l(-15%));\n}\n\n.site-footer-content {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: center;\n    color: rgba(255,255,255,0.7);\n    font-size: 1.3rem;\n}\n\n.site-footer-content a {\n    color: rgba(255,255,255,0.7);\n}\n\n.site-footer-content a:hover {\n    color: rgba(255,255,255,1);\n    text-decoration: none;\n}\n\n.site-footer-nav {\n    display: flex;\n}\n\n.site-footer-nav a {\n    position: relative;\n    margin-left: 20px;\n}\n\n.site-footer-nav a:before {\n    content: \"\";\n    position: absolute;\n    top: 11px;\n    left: -11px;\n    display: block;\n    width: 2px;\n    height: 2px;\n    background: #fff;\n    border-radius: 100%;\n}\n\n.site-footer-nav a:first-of-type:before {\n    display: none;\n}\n\n@media (max-width: 650px) {\n    .site-footer-content {\n        flex-direction: column;\n    }\n    .site-footer-nav a:first-child {\n        margin-left: 0;\n    }\n}"]}
\ No newline at end of file
+{"version":3,"sources":["global.css","screen.css"],"names":[],"mappings":"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","file":"screen.css","sourcesContent":["/* Variables\n/* ---------------------------------------------------------- */\n\n:root {\n    /* Colours */\n    --blue: #3eb0ef;\n    --green: #a4d037;\n    --purple: #ad26b4;\n    --yellow: #fecd35;\n    --red: #f05230;\n    --darkgrey: #15171A;\n    --midgrey: #738a94;\n    --lightgrey: #c5d2d9;\n    --whitegrey: #e5eff5;\n    --pink: #fa3a57;\n    --brown: #a3821a;\n    --darkmode: color(var(--darkgrey) l(+2%));\n}\n\n/* Reset\n/* ---------------------------------------------------------- */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    font: inherit;\n    font-size: 100%;\n    vertical-align: baseline;\n}\nbody {\n    line-height: 1;\n}\nol,\nul {\n    list-style: none;\n}\nblockquote,\nq {\n    quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n    content: \"\";\n    content: none;\n}\ntable {\n    border-spacing: 0;\n    border-collapse: collapse;\n}\nimg {\n    max-width: 100%;\n}\nhtml {\n    box-sizing: border-box;\n    font-family: sans-serif;\n\n    -ms-text-size-adjust: 100%;\n    -webkit-text-size-adjust: 100%;\n}\n*,\n*:before,\n*:after {\n    box-sizing: inherit;\n}\na {\n    background-color: transparent;\n}\na:active,\na:hover {\n    outline: 0;\n}\nb,\nstrong {\n    font-weight: bold;\n}\ni,\nem,\ndfn {\n    font-style: italic;\n}\nh1 {\n    margin: 0.67em 0;\n    font-size: 2em;\n}\nsmall {\n    font-size: 80%;\n}\nsub,\nsup {\n    position: relative;\n    font-size: 75%;\n    line-height: 0;\n    vertical-align: baseline;\n}\nsup {\n    top: -0.5em;\n}\nsub {\n    bottom: -0.25em;\n}\nimg {\n    border: 0;\n}\nsvg:not(:root) {\n    overflow: hidden;\n}\nmark {\n    background-color: #fdffb6;\n}\ncode,\nkbd,\npre,\nsamp {\n    font-family: monospace, monospace;\n    font-size: 1em;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n    margin: 0; /* 3 */\n    color: inherit; /* 1 */\n    font: inherit; /* 2 */\n}\nbutton {\n    overflow: visible;\n    border: none;\n}\nbutton,\nselect {\n    text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\n/* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n    cursor: pointer; /* 3 */\n\n    -webkit-appearance: button; /* 2 */\n}\nbutton[disabled],\nhtml input[disabled] {\n    cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n    padding: 0;\n    border: 0;\n}\ninput {\n    line-height: normal;\n}\ninput:focus {\n    outline: none;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n    box-sizing: border-box; /* 1 */\n    padding: 0; /* 2 */\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n    height: auto;\n}\ninput[type=\"search\"] {\n    box-sizing: content-box; /* 2 */\n\n    -webkit-appearance: textfield; /* 1 */\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n    -webkit-appearance: none;\n}\nlegend {\n    padding: 0; /* 2 */\n    border: 0; /* 1 */\n}\ntextarea {\n    overflow: auto;\n}\ntable {\n    border-spacing: 0;\n    border-collapse: collapse;\n}\ntd,\nth {\n    padding: 0;\n}\n\n/* ==========================================================================\n   Base styles: opinionated defaults\n   ========================================================================== */\n\nhtml {\n    overflow-x: hidden;\n    overflow-y: scroll;\n    font-size: 62.5%;\n\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n    overflow-x: hidden;\n    color: color(var(--midgrey) l(-30%));\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n    font-size: 1.6rem;\n    line-height: 1.6em;\n    font-weight: 400;\n    font-style: normal;\n    letter-spacing: 0;\n    text-rendering: optimizeLegibility;\n    background: #fff;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    -moz-font-feature-settings: \"liga\" on;\n}\n\n::selection {\n    text-shadow: none;\n    background: color(var(--blue) lightness(+30%));\n}\n\nhr {\n    position: relative;\n    display: block;\n    width: 100%;\n    margin: 2.5em 0 3.5em;\n    padding: 0;\n    height: 1px;\n    border: 0;\n    border-top: 1px solid color(var(--lightgrey) l(+10%));\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n    vertical-align: middle;\n}\n\nfieldset {\n    margin: 0;\n    padding: 0;\n    border: 0;\n}\n\ntextarea {\n    resize: vertical;\n}\n\np,\nul,\nol,\ndl,\nblockquote {\n    margin: 0 0 1.5em 0;\n}\n\nol,\nul {\n    padding-left: 1.3em;\n    padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n    margin: 0.5em 0 1em;\n}\n\nul {\n    list-style: disc;\n}\n\nol {\n    list-style: decimal;\n}\n\nul,\nol {\n    max-width: 100%;\n}\n\nli {\n    margin: 0.5em 0;\n    padding-left: 0.3em;\n    line-height: 1.6em;\n}\n\ndt {\n    float: left;\n    margin: 0 20px 0 0;\n    width: 120px;\n    color: var(--darkgrey);\n    font-weight: 500;\n    text-align: right;\n}\n\ndd {\n    margin: 0 0 5px 0;\n    text-align: left;\n}\n\nblockquote {\n    margin: 1.5em 0;\n    padding: 0 1.6em 0 1.6em;\n    border-left: var(--whitegrey) 0.5em solid;\n}\n\nblockquote p {\n    margin: 0.8em 0;\n    font-size: 1.2em;\n    font-weight: 300;\n}\n\nblockquote small {\n    display: inline-block;\n    margin: 0.8em 0 0.8em 1.5em;\n    font-size: 0.9em;\n    opacity: 0.8;\n}\n/* Quotation marks */\nblockquote small:before {\n    content: \"\\2014 \\00A0\";\n}\n\nblockquote cite {\n    font-weight: bold;\n}\nblockquote cite a {\n    font-weight: normal;\n}\n\na {\n    color: color(var(--blue) l(-5%));\n    text-decoration: none;\n}\n\na:hover {\n    text-decoration: underline;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n    margin-top: 0;\n    line-height: 1.15;\n    font-weight: 600;\n    text-rendering: optimizeLegibility;\n}\n\nh1 {\n    margin: 0 0 0.5em 0;\n    font-size: 5.5rem;\n    font-weight: 600;\n}\n@media (max-width: 500px) {\n    h1 {\n        font-size: 2.2rem;\n    }\n}\n\nh2 {\n    margin: 1.5em 0 0.5em 0;\n    font-size: 2.2rem;\n}\n@media (max-width: 500px) {\n    h2 {\n        font-size: 1.8rem;\n    }\n}\n\nh3 {\n    margin: 1.5em 0 0.5em 0;\n    font-size: 1.8rem;\n    font-weight: 500;\n}\n@media (max-width: 500px) {\n    h3 {\n        font-size: 1.7rem;\n    }\n}\n\nh4 {\n    margin: 1.5em 0 0.5em 0;\n    font-size: 1.6rem;\n    font-weight: 500;\n}\n\nh5 {\n    margin: 1.5em 0 0.5em 0;\n    font-size: 1.4rem;\n    font-weight: 500;\n}\n\nh6 {\n    margin: 1.5em 0 0.5em 0;\n    font-size: 1.4rem;\n    font-weight: 500;\n}\n","/* Table of Contents\n/* ------------------------------------------------------------\n\nThis is a development CSS file which is built to a minified\nproduction stylesheet in assets/built/screen.css\n\n1.  Global Styles\n2.  Layout\n3.  Special Templates\n4.  Site Header\n  4.1 Home header\n  4.2 Archive header\n5.  Site Navigation\n6.  Post Feed\n7.  Single Post\n  7.1. Post Byline\n  7.2. Members Subscribe Form\n  7.3. Comments\n  7.4. Related Posts\n  7.5. Koenig Styles\n8.  Author Template\n9.  Error Template\n10. Subscribe Overlay\n11. Site Footer\n12. Dark Mode\n\n*/\n\n\n/* 1. Global - Set up the things\n/* ---------------------------------------------------------- */\n@import \"global.css\";\n\nbody {\n    background: #fff;\n}\n\n.img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    background-position: center center;\n    background-size: cover;\n    border-radius: 100%;\n}\n\n.hidden {\n    visibility: hidden;\n    position: absolute;\n    text-indent: -9999px;\n}\n\n\n/* 2. Layout - Page building blocks\n/* ---------------------------------------------------------- */\n\n.site-wrapper {\n    display: flex;\n    flex-direction: column;\n    min-height: 100vh;\n}\n\n.site-main {\n    z-index: 100;\n    flex-grow: 1;\n}\n\n/* Full width page blocks */\n.outer {\n    position: relative;\n    padding: 0 5vw;\n}\n\n/* Centered content container blocks */\n.inner {\n    margin: 0 auto;\n    max-width: 1040px;\n    width: 100%;\n}\n\n/* Usage:\n\n
\n    
\n        Centered content\n    
\n
\n\n*/\n\n/* 3. Special Template Styles\n/* ---------------------------------------------------------- */\n\n@media (min-width: 900px) {\n    .home-template .post-feed,\n    .tag-template .post-feed,\n    .author-template .post-feed {\n        padding: 40px 0 5vw;\n        border-top-left-radius: 3px;\n        border-top-right-radius: 3px;\n    }\n\n    .home-template .site-nav {\n        position: relative;\n    }\n}\n\n\n/* 4. Site Header\n/* ---------------------------------------------------------- */\n\n.site-header-background {\n    position: relative;\n    margin-top: 64px;\n    padding-bottom: 12px;\n    color: #fff;\n    background: color(var(--darkgrey) l(-5%)) no-repeat center center;\n    background-size: cover;\n}\n\n.site-header-background:before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 10;\n    display: block;\n    background: rgba(0,0,0,0.18);\n}\n\n.site-header-background:after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: auto;\n    left: 0;\n    z-index: 10;\n    display: block;\n    height: 140px;\n    background: linear-gradient(rgba(0,0,0,0.15),rgba(0,0,0,0));\n}\n\n.site-header-background.no-image:before,\n.site-header-background.no-image:after {\n    display: none;\n}\n\n.site-header-content {\n    z-index: 100;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 6vw 3vw;\n    min-height: 200px;\n    max-height: 340px;\n}\n\n.site-title {\n    z-index: 10;\n    margin: 0 0 0 -2px;\n    padding: 0;\n    font-size: 5.0rem;\n    line-height: 1em;\n    font-weight: 600;\n}\n\n.site-logo {\n    max-height: 55px;\n}\n\n.site-description {\n    z-index: 10;\n    margin: 0;\n    padding: 5px 0;\n    font-size: 2.1rem;\n    line-height: 1.4em;\n    font-weight: 400;\n    opacity: 0.8;\n}\n\n/* 4.1 Home header\n/* ---------------------------------------------------------- */\n\n.site-home-header {\n    z-index: 1000;\n}\n\n.site-home-header .site-header-background {\n    margin-top: 0;\n}\n\n.site-home-header .site-header-content {\n    padding: 5vw 3vw 6vw;\n}\n\n.site-home-header .site-title {\n    font-size: 5.5rem;\n    text-align: center;\n}\n\n.site-home-header .site-description {\n    font-size: 2.2rem;\n    font-weight: 300;\n}\n\n\n/* 4.2 Archive header (tag and author post lists)\n/* ---------------------------------------------------------- */\n\n.site-archive-header .site-header-content {\n    position: relative;\n    align-items: stretch;\n    padding: 12vw 0 20px;\n    min-height: 200px;\n    max-height: 600px;\n}\n\n.site-archive-header .no-image {\n    padding-top: 0;\n    padding-bottom: 0;\n    color: var(--darkgrey);\n    background: #fff;\n    opacity: 1.0;\n}\n\n.site-archive-header .no-image .site-description {\n    color: var(--midgrey);\n    opacity: 1.0;\n}\n\n\n.site-archive-header .no-image .site-header-content {\n    padding: 5vw 0 10px;\n    border-bottom: 1px solid color(var(--lightgrey) l(+12%));\n}\n\n\n/* Special header styles for smaller screens */\n\n@media (max-width: 900px) {\n    .site-header-content {\n        padding-bottom: 9vw;\n    }\n}\n\n@media (max-width: 500px) {\n    .site-home-header .site-title {\n        font-size: 3.2rem;\n    }\n\n    .site-home-header .site-description {\n        font-size: 1.8rem;\n    }\n\n    .site-archive-header .site-header-content {\n        min-height: unset;\n    }\n}\n\n\n/* 5. Site Navigation\n/* ---------------------------------------------------------- */\n\n.site-nav-main {\n    position: fixed;\n    top: 0;\n    right: 0;\n    left: 0;\n    z-index: 1000;\n    background: color(var(--darkgrey) l(-5%));\n}\n\n.site-nav {\n    position: relative;\n    z-index: 100;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    overflow-y: hidden;\n    height: 64px;\n    font-size: 1.3rem;\n}\n\n.site-nav-left {\n    flex: 1 0 auto;\n    display: flex;\n    align-items: center;\n    overflow-x: auto;\n    overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n    margin-right: 10px;\n    padding: 10px 0 80px;\n    font-weight: 500;\n    letter-spacing: 0.2px;\n    text-transform: uppercase;\n    white-space: nowrap;\n\n    -ms-overflow-scrolling: touch;\n}\n\n@media (max-width: 700px) {\n    .site-header-background:not(.responsive-header-img) .site-nav:after,\n    .site-nav-main .site-nav:after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        z-index: 1000;\n        width: 40px;\n        height: 100%;\n    }\n\n    .site-header-background:not(.responsive-header-img) .site-nav:after,\n    .site-nav-main .site-nav:after {\n        right: 0;\n        background: linear-gradient(to right, color(var(--darkgrey) l(-5%) a(0)) 0%,color(var(--darkgrey) l(-5%)) 100%);\n    }\n\n    .nav li:last-of-type {\n        padding-right: 20px;\n    }\n}\n\n/* Site Nav Hack Explanation (above):\n\nWhat's happening above is .site-nav-left is set to overflow-x and allow sideways scrolling, so that when there isn't enough space for all nav items (either due to lots of nav items, or a small viewport), you can still scroll side-to-side to reach them. Also, there is a small gradient on the left and right side covering the menu so that the menu goes offscreen smoothly.\n\nThe knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px of padding-bottom and a 40px fixed height parent (.site-nav) hides that entirely. Slightly hacky code. But nice clean end-result.\n\n*/\n\n.site-nav-logo {\n    position: relative;\n    z-index: 100;\n    flex-shrink: 0;\n    display: inline-block;\n    margin-right: 32px;\n    padding: 12px 0;\n    color: #fff;\n    font-size: 1.7rem;\n    line-height: 1.8rem;\n    font-weight: bold;\n    letter-spacing: -0.5px;\n    text-transform: none;\n}\n\n.site-nav-logo:hover {\n    text-decoration: none;\n}\n\n.site-nav-logo img {\n    display: block;\n    width: auto;\n    height: 21px;\n}\n\n.site-home-header .site-nav-logo {\n    display: none;\n}\n\n.site-nav-content {\n    position: relative;\n    align-self: flex-start;\n}\n\n.nav {\n    position: absolute;\n    z-index: 1000;\n    display: flex;\n    margin: 0 0 0 -12px;\n    padding: 0;\n    list-style: none;\n    transition: all 1.0s cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.nav li {\n    display: block;\n    margin: 0;\n    padding: 0;\n}\n\n.nav li a {\n    position: relative;\n    display: block;\n    padding: 12px 12px;\n    color: #fff;\n    opacity: 0.8;\n    transition: opacity 0.35s ease-in-out;\n}\n\n.nav li a:hover {\n    text-decoration: none;\n    opacity: 1;\n}\n\n.nav li a:before {\n    content: \"\";\n    position: absolute;\n    right: 100%;\n    bottom: 8px;\n    left: 12px;\n    height: 1px;\n    background: #fff;\n    opacity: 0.25;\n    transition: all 0.35s ease-in-out;\n}\n\n.nav li a:hover:before {\n    right: 12px;\n    opacity: 0.5;\n}\n\n.nav-post-title-active .nav {\n    visibility: hidden;\n    opacity: 0;\n    transform: translateY(-175%);\n}\n\n.nav-post-title {\n    visibility: hidden;\n    position: absolute;\n    top: 9px;\n    color: #fff;\n    font-size: 1.7rem;\n    font-weight: 400;\n    text-transform: none;\n    opacity: 0;\n    transition: all 1.0s cubic-bezier(0.19, 1, 0.22, 1);\n    transform: translateY(175%);\n}\n\n.nav-post-title.dash {\n    left: -25px;\n}\n\n.nav-post-title.dash:before {\n    content: \"– \";\n    opacity: 0.5;\n}\n\n.nav-post-title-active .nav-post-title {\n    visibility: visible;\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.site-nav-right {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    padding: 10px 0;\n    height: 64px;\n}\n\n.social-links {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n}\n\n.social-links a:last-of-type {\n    padding-right: 20px;\n}\n\n\n.social-link {\n    display: inline-block;\n    margin: 0;\n    padding: 10px;\n    opacity: 0.8;\n}\n\n.social-link:hover {\n    opacity: 1.0;\n}\n\n.social-link svg {\n    height: 1.8rem;\n    fill: #fff;\n}\n\n.social-link-fb svg {\n    height: 1.6rem;\n}\n\n.social-link-wb svg {\n    height: 1.6rem;\n}\n\n.social-link-wb svg path {\n    stroke: #fff;\n}\n\n.social-link-rss svg {\n    height: 1.9rem;\n}\n\n.subscribe-button {\n    display: block;\n    padding: 4px 10px;\n    border: #fff 1px solid;\n    color: #fff;\n    font-size: 1.2rem;\n    line-height: 1em;\n    border-radius: 10px;\n    opacity: 0.8;\n}\n\n.subscribe-button:hover {\n    text-decoration: none;\n    opacity: 1;\n}\n\n.rss-button {\n    opacity: 0.8;\n}\n\n.rss-button:hover {\n    opacity: 1;\n}\n\n.rss-button svg {\n    margin-bottom: 1px;\n    height: 2.1rem;\n    fill: #fff;\n}\n\n/* Special behaviors for home navigation */\n\n.home-template .site-nav-main {\n    z-index: 100;\n}\n\n.home-template .site-nav-main .site-nav {\n    opacity: 0;\n    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;\n}\n\n.home-template .site-nav-main .fixed-nav-active {\n    opacity: 1;\n    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.05s;\n}\n\n@media (max-width: 700px) {\n    .site-home-header .site-nav {\n        margin-left: -5vw;\n    }\n\n    .site-nav-main {\n        padding-right: 0;\n        padding-left: 0;\n    }\n\n    .site-nav-left {\n        margin-right: 0;\n        padding-left: 5vw;\n    }\n\n    .site-nav-right {\n        display: none;\n    }\n}\n\n\n/* 6. Post Feed\n/* ---------------------------------------------------------- */\n\n.posts {\n    overflow-x: hidden;\n}\n\n.post-feed {\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0 -20px;\n    padding: 50px 0 0;\n    background: #fff;\n}\n\n.post-card {\n    position: relative;\n    flex: 1 1 301px;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    margin: 0 0 40px;\n    padding: 0 20px 40px;\n    min-height: 220px;\n    border-bottom: 1px solid color(var(--lightgrey) l(+12%));\n    background-size: cover;\n}\n\n.post-card-image-link {\n    position: relative;\n    display: block;\n    overflow: hidden;\n    border-radius: 3px;\n}\n\n.post-card-image {\n    width: 100%;\n    height: 200px;\n    background: var(--lightgrey) no-repeat center center;\n\n    object-fit: cover;\n}\n\n.post-card-content-link {\n    position: relative;\n    display: block;\n    color: var(--darkgrey);\n}\n\n.post-card-content-link:hover {\n    text-decoration: none;\n}\n\n.post-card-header {\n    margin: 15px 0 0;\n}\n\n.post-feed .no-image .post-card-content-link {\n    padding: 0;\n}\n\n.no-image .post-card-header {\n    margin-top: 0;\n}\n\n.post-card-primary-tag {\n    margin: 0 0 0.2em;\n    color: var(--blue);\n    font-size: 1.2rem;\n    font-weight: 500;\n    letter-spacing: 0.2px;\n    text-transform: uppercase;\n}\n\n.post-card-title {\n    margin: 0 0 0.4em;\n    line-height: 1.15em;\n    transition: color 0.2s ease-in-out;\n}\n\n.no-image .post-card-title {\n    margin-top: 0;\n}\n\n.post-card-content {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.post-card-excerpt {\n    max-width: 56em;\n    color: var(--midgrey);\n    font-family: Georgia, serif;\n}\n\n.post-card-excerpt p {\n    margin-bottom: 1em;\n}\n\n.post-card-meta {\n    display: flex;\n    align-items: flex-start;\n    padding: 0;\n}\n\n.author-profile-image,\n.avatar-wrapper {\n    display: block;\n    width: 100%;\n    height: 100%;\n    background: color(var(--lightgrey) l(+10%));\n    border-radius: 100%;\n\n    object-fit: cover;\n}\n\n.post-card-meta .profile-image-wrapper,\n.post-card-meta .avatar-wrapper {\n    position: relative;\n}\n\n.author-list {\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0 0 0 4px;\n    padding: 0;\n    list-style: none;\n}\n\n.author-list-item {\n    position: relative;\n    flex-shrink: 0;\n    margin: 0;\n    padding: 0;\n}\n\n.static-avatar {\n    display: block;\n    overflow: hidden;\n    margin: 0 0 0 -6px;\n    width: 34px;\n    height: 34px;\n    border: #fff 2px solid;\n    border-radius: 100%;\n}\n\n.author-name-tooltip {\n    position: absolute;\n    bottom: 105%;\n    z-index: 999;\n    display: block;\n    padding: 2px 8px;\n    color: white;\n    font-size: 1.2rem;\n    letter-spacing: 0.2px;\n    white-space: nowrap;\n    background: var(--darkgrey);\n    border-radius: 3px;\n    box-shadow: rgba(39,44,49,0.08) 0 12px 26px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n    opacity: 0;\n    transition: all 0.35s cubic-bezier(0.4, 0.01, 0.165, 0.99);\n    transform: translateY(6px);\n    pointer-events: none;\n}\n\n.author-list-item:hover .author-name-tooltip {\n    opacity: 1.0;\n    transform: translateY(0px);\n}\n\n@media (max-width: 700px) {\n    .author-name-tooltip {\n        display: none;\n    }\n}\n\n.post-card-byline-content {\n    flex: 1 1 50%;\n    display: flex;\n    flex-direction: column;\n    margin: 2px 0 0 6px;\n    color: color(var(--midgrey) l(+10%));\n    font-size: 1.2rem;\n    line-height: 1.4em;\n    font-weight: 400;\n    letter-spacing: 0.2px;\n    text-transform: uppercase;\n}\n\n.post-card-byline-content span {\n    margin: 0;\n}\n\n.post-card-byline-content a {\n    color: color(var(--darkgrey) l(+20%));\n    font-weight: 600;\n}\n\n.post-card-byline-date {\n    font-size: 1.2rem;\n}\n\n.post-card-byline-date .bull {\n    display: inline-block;\n    margin: 0 4px;\n    opacity: 0.6;\n}\n\n.single-author-byline {\n    display: flex;\n    flex-direction: column;\n    margin-left: 5px;\n    color: color(var(--midgrey) l(-10%));\n    font-size: 1.3rem;\n    line-height: 1.4em;\n    font-weight: 500;\n}\n\n.single-author {\n    display: flex;\n    align-items: center;\n}\n\n.single-author .static-avatar {\n    margin-left: -2px;\n}\n\n.single-author-name {\n    display: inline-block;\n}\n\n/* Special Styling for home page grid (below):\n\nThe first post in the list is styled to be bigger than the others and take over\nthe full width of the grid to give it more emphasis. Wrapped in a media query to\nmake sure this only happens on large viewports / desktop-ish devices.\n\n */\n\n@media (min-width: 795px) {\n    .post-card-large {\n        flex: 1 1 100%;\n        flex-direction: row;\n        padding-bottom: 40px;\n        min-height: 280px;\n        border-top: 0;\n    }\n\n    .post-card-large:hover {\n        border-bottom-color: color(var(--lightgrey) l(+10%));\n    }\n\n    .post-card-large:not(.no-image) .post-card-header {\n        margin-top: 0;\n    }\n\n    .post-card-large .post-card-image-link {\n        position: relative;\n        flex: 1 1 auto;\n        margin-bottom: 0;\n        min-height: 380px;\n    }\n\n    .post-card-large .post-card-image {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n    }\n\n    .post-card-large .post-card-content {\n        flex: 0 1 361px;\n        justify-content: center;\n    }\n\n    .post-card-large .post-card-title {\n        margin-top: 0;\n        font-size: 3.2rem;\n    }\n\n    .post-card-large .post-card-content-link {\n        padding: 0 0 0 40px;\n    }\n\n    .post-card-large .post-card-meta {\n        padding: 0 0 0 40px;\n    }\n\n    .post-card-large .post-card-excerpt p {\n        margin-bottom: 1.5em;\n        font-size: 1.8rem;\n        line-height: 1.5em;\n    }\n}\n\n\n/* Adjust some margins for smaller screens */\n@media (max-width: 1170px) {\n    .post-card {\n        margin-bottom: 5vw;\n    }\n}\n\n@media (max-width: 650px) {\n    .post-feed {\n        padding-top: 5vw;\n    }\n\n    .post-card {\n        margin-bottom: 5vw;\n    }\n}\n\n@media (max-width: 500px) {\n    .post-card-title {\n        font-size: 1.9rem;\n    }\n\n    .post-card-excerpt {\n        font-size: 1.6rem;\n    }\n}\n\n\n/* 7. Single Post\n/* ---------------------------------------------------------- */\n\n.post-template .site-main,\n.page-template .site-main {\n    margin-top: 64px;\n    padding-bottom: 4vw;\n    background: #fff;\n}\n\n.post-full-header {\n    position: relative;\n    margin: 0 auto;\n    padding: 70px 170px 50px;\n    border-top-left-radius: 3px;\n    border-top-right-radius: 3px;\n}\n\n.post-full-tags {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    color: var(--midgrey);\n    font-size: 1.3rem;\n    line-height: 1.4em;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.post-full-meta-date {\n    color: var(--midgrey);\n    font-size: 1.2rem;\n    font-weight: 400;\n}\n\n@media (max-width: 1170px) {\n    .post-full-header {\n        padding: 60px 11vw 50px;\n    }\n}\n\n@media (max-width: 800px) {\n    .post-full-header {\n        padding-right: 5vw;\n        padding-left: 5vw;\n    }\n}\n\n@media (max-width: 500px) {\n    .post-full-header {\n        padding: 20px 0 35px;\n    }\n}\n\n.post-full-title {\n    margin: 0 0 0.2em;\n    color: color(var(--darkgrey) l(-5%));\n}\n\n.post-full-custom-excerpt {\n    margin: 20px 0 0;\n    color: var(--midgrey);\n    font-family: Georgia, serif;\n    font-size: 2.3rem;\n    line-height: 1.4em;\n    font-weight: 300;\n}\n\n.date-divider {\n    display: inline-block;\n    margin: 0 6px 1px;\n    font-weight: 300;\n}\n\n.post-full-image {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    overflow: hidden;\n    margin: 25px 0 50px;\n    background: color(var(--lightgrey) l(+10%));\n    border-radius: 3px;\n}\n\n.post-full-image img {\n    max-width: 1040px;\n    width: 100%;\n    height: auto;\n}\n\n.post-full-content {\n    position: relative;\n    margin: 0 auto;\n    padding: 0 170px 6vw;\n    min-height: 230px;\n    font-family: Georgia, serif;\n    font-size: 2.0rem;\n    line-height: 1.6em;\n    background: #fff;\n}\n\n@media (max-width: 1170px) {\n    .post-full-content {\n        padding: 0 11vw;\n    }\n}\n@media (max-width: 800px) {\n    .post-full-content {\n        padding: 0 5vw;\n        font-size: 1.8rem;\n    }\n}\n@media (max-width: 500px) {\n    .post-full-custom-excerpt {\n        font-size: 1.9rem;\n        line-height: 1.5em;\n    }\n}\n\n.no-image .post-full-content {\n    padding-top: 0;\n}\n\n.no-image .post-full-content:before,\n.no-image .post-full-content:after {\n    display: none;\n}\n\n.post-full-content h1,\n.post-full-content h2,\n.post-full-content h3,\n.post-full-content h4,\n.post-full-content h5,\n.post-full-content h6,\n.post-full-content p,\n.post-full-content ul,\n.post-full-content ol,\n.post-full-content dl,\n.post-full-content pre,\n.post-full-content blockquote,\n.post-full-comments,\n.footnotes {\n    margin: 0 0 1.5em 0;\n    min-width: 100%;\n}\n@media (max-width: 500px) {\n    .post-full-content p,\n    .post-full-content ul,\n    .post-full-content ol,\n    .post-full-content dl,\n    .post-full-content pre,\n    .post-full-comments,\n    .footnotes {\n        margin-bottom: 1.28em;\n    }\n}\n\n.post-full-content li {\n    word-break: break-word;\n}\n\n.post-full-content li p {\n    margin: 0;\n}\n\n.post-full-content a {\n    color: var(--darkgrey);\n    word-break: break-word;\n    box-shadow: var(--darkgrey) 0 -1px 0 inset;\n    transition: all 0.2s ease-in-out;\n}\n\n.post-full-content a:hover {\n    color: var(--blue);\n    text-decoration: none;\n    box-shadow: var(--blue) 0 -1px 0 inset;\n}\n\n.post-full-content strong,\n.post-full-content em {\n    color: color(var(--darkgrey) l(-5%));\n}\n\n.post-full-content small {\n    display: inline-block;\n    line-height: 1.6em;\n}\n\n.post-full-content li:first-child {\n    margin-top: 0;\n}\n\n.post-full-content img,\n.post-full-content video {\n    display: block;\n    margin: 1.5em auto;\n    max-width: 1040px;\n    height: auto;\n}\n@media (max-width: 1040px) {\n    .post-full-content img,\n    .post-full-content video {\n        width: 100%;\n    }\n}\n\n\n/* Full bleed images (#full)\nSuper neat trick courtesy of @JoelDrapper\n\nUsage (In Ghost edtior):\n\n![img](/some/image.jpg#full)\n\n*/\n.post-full-content img[src$=\"#full\"] {\n    max-width: none;\n    width: 100vw;\n}\n\n\n/* Image captions\n\nUsage (In Ghost editor):\n\n![img](/some/image.jpg)\nYour image caption\n\n*/\n.post-full-content img + br + small {\n    display: block;\n    margin-top: -3em;\n    margin-bottom: 1.5em;\n    text-align: center;\n}\n\n\n/* Override third party iframe styles */\n.post-full-content iframe {\n    margin: 0 auto !important;\n}\n\n.post-full-content blockquote {\n    margin: 0 0 1.5em;\n    padding: 0 1.5em;\n    border-left: #3eb0ef 3px solid;\n}\n@media (max-width: 500px) {\n    .post-full-content blockquote {\n        padding: 0 1.3em;\n    }\n}\n\n.post-full-content blockquote p {\n    margin: 0 0 1em 0;\n    color: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    font-style: italic;\n}\n\n.post-full-content blockquote p:last-child {\n    margin-bottom: 0;\n}\n\n.post-full-content code {\n    padding: 0 5px 2px;\n    font-size: 0.8em;\n    line-height: 1em;\n    font-weight: 400!important;\n    background: var(--whitegrey);\n    border-radius: 3px;\n}\n\n.post-full-content p code {\n    word-break: break-all;\n}\n\n.post-full-content pre {\n    overflow-x: auto;\n    margin: 1.5em 0 3em;\n    padding: 20px;\n    max-width: 100%;\n    border: color(var(--darkgrey) l(-10%)) 1px solid;\n    color: var(--whitegrey);\n    font-size: 1.4rem;\n    line-height: 1.5em;\n    background: color(var(--darkgrey) l(-3%));\n    border-radius: 5px;\n}\n\n.post-full-content pre ::selection {\n    color: color(var(--midgrey) l(-25%));\n}\n\n.post-full-content pre code {\n    padding: 0;\n    font-size: inherit;\n    line-height: inherit;\n    background: transparent;\n}\n\n.post-full-content pre code :not(span) {\n    color: inherit;\n}\n\n.post-full-content .fluid-width-video-wrapper {\n    margin: 1.5em 0 3em;\n}\n\n.post-full-content hr {\n    margin: 2em 0;\n}\n\n.post-full-content hr:after {\n    content: \"\";\n    position: absolute;\n    top: -15px;\n    left: 50%;\n    display: block;\n    margin-left: -10px;\n    width: 1px;\n    height: 30px;\n    background: color(var(--lightgrey) l(+10%));\n    box-shadow: #fff 0 0 0 5px;\n    transform: rotate(45deg);\n}\n\n.post-full-content hr + p {\n    margin-top: 1.2em;\n}\n\n.post-full-content h1,\n.post-full-content h2,\n.post-full-content h3,\n.post-full-content h4,\n.post-full-content h5,\n.post-full-content h6 {\n    color: color(var(--darkgrey) l(-5%));\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n}\n\n.post-full-content h1 {\n    margin: 0.5em 0 0.4em;\n    font-size: 4.2rem;\n    line-height: 1.25em;\n    font-weight: 600;\n}\n.post-full-content p + h1 {\n    margin-top: 0.8em;\n}\n@media (max-width: 800px) {\n    .post-full-content h1 {\n        font-size: 3.2rem;\n        line-height: 1.25em;\n    }\n}\n\n.post-full-content h2 {\n    margin: 0.5em 0 0.4em;\n    font-size: 3.2rem;\n    line-height: 1.25em;\n    font-weight: 600;\n}\n.post-full-content p + h2 {\n    margin-top: 0.8em;\n}\n@media (max-width: 800px) {\n    .post-full-content h2 {\n        margin-bottom: 0.3em;\n        font-size: 2.8rem;\n        line-height: 1.25em;\n    }\n}\n\n.post-full-content h3 {\n    margin: 0.5em 0 0.2em;\n    font-size: 2.5rem;\n    line-height: 1.3em;\n    font-weight: 600;\n}\n.post-full-content h2 + h3 {\n    margin-top: 0.7em;\n}\n@media (max-width: 800px) {\n    .post-full-content h3 {\n        margin-bottom: 0.3em;\n        font-size: 2.4rem;\n        line-height: 1.3em;\n    }\n}\n\n.post-full-content h4 {\n    margin: 0.5em 0 0.2em;\n    font-size: 2.5rem;\n    font-weight: 600;\n}\n.post-full-content h2 + h4 {\n    margin-top: 0.7em;\n}\n.post-full-content h3 + h4 {\n    margin-top: 0;\n}\n@media (max-width: 800px) {\n    .post-full-content h4 {\n        margin-bottom: 0.3em;\n        font-size: 2.4rem;\n        line-height: 1.3em;\n    }\n}\n\n.post-full-content h5 {\n    display: block;\n    margin: 0.5em 0;\n    padding: 0.4em 1em 0.9em;\n    border: 0;\n    color: var(--blue);\n    font-family: Georgia,serif;\n    font-size: 3.2rem;\n    line-height: 1.35em;\n    text-align: center;\n}\n@media (min-width: 1180px) {\n    .post-full-content h5 {\n        max-width: 1060px;\n        width: 100vw;\n    }\n}\n@media (max-width: 800px) {\n    .post-full-content h5 {\n        margin-bottom: 1em;\n        margin-left: 1.3em;\n        padding: 0 0 0.5em;\n        font-size: 2.4rem;\n        text-align: initial;\n    }\n}\n\n.post-full-content h6 {\n    margin: 0.5em 0 0.2em 0;\n    font-size: 2.0rem;\n    font-weight: 700;\n}\n@media (max-width: 800px) {\n    .post-full-content h6 {\n        font-size: 1.8rem;\n        line-height: 1.4em;\n    }\n}\n\n.footnotes-sep {\n    margin-bottom: 30px;\n}\n\n.footnotes {\n    font-size: 1.5rem;\n}\n\n.footnotes p {\n    margin: 0;\n}\n\n.footnote-backref {\n    color: var(--blue) !important;\n    font-size: 1.2rem;\n    font-weight: bold;\n    text-decoration: none !important;\n    box-shadow: none !important;\n}\n\n/* Some grouped styles for smaller viewports */\n@media (max-width: 1170px) {\n    .post-full-image {\n        margin: 25px -6vw 50px;\n        border-radius: 0;\n    }\n\n    .post-full-image img {\n        max-width: 1170px;\n    }\n}\n\n@media (max-width: 700px) {\n    .post-full-image {\n        margin: 25px -5vw;\n    }\n}\n\n@media (max-width: 500px) {\n    .post-full-meta {\n        font-size: 1.2rem;\n        line-height: 1.3em;\n    }\n\n    .post-full-title {\n        margin-top: 0.2em;\n        font-size: 3.3rem;\n    }\n\n    .post-full-image {\n        margin-top: 5px;\n        margin-bottom: 5vw;\n    }\n\n    .post-full-content {\n        padding: 0;\n    }\n\n    .post-full-content:before,\n    .post-full-content:after {\n        display: none;\n    }\n}\n\n/* Tables */\n.post-full-content table {\n    display: inline-block;\n    overflow-x: auto;\n    margin: 0.5em 0 2.5em;\n    max-width: 100%;\n    width: auto;\n    border-spacing: 0;\n    border-collapse: collapse;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n    font-size: 1.6rem;\n    white-space: nowrap;\n    vertical-align: top;\n}\n\n.post-full-content table {\n    -webkit-overflow-scrolling: touch;\n    background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;\n    background-attachment: scroll, scroll;\n    background-size: 10px 100%, 10px 100%;\n    background-repeat: no-repeat;\n}\n\n.post-full-content table td:first-child {\n    background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);\n    background-size: 20px 100%;\n    background-repeat: no-repeat;\n}\n\n.post-full-content table td:last-child {\n    background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);\n    background-position: 100% 0;\n    background-size: 20px 100%;\n    background-repeat: no-repeat;\n}\n\n.post-full-content table th {\n    color: var(--darkgrey);\n    font-size: 1.2rem;\n    font-weight: 700;\n    letter-spacing: 0.2px;\n    text-align: left;\n    text-transform: uppercase;\n    background-color: color(var(--whitegrey) l(+4%));\n}\n\n.post-full-content table th,\n.post-full-content table td {\n    padding: 6px 12px;\n    border: color(var(--whitegrey) l(-1%) s(-5%)) 1px solid;\n}\n\n\n/* 7.1. Post Byline\n/* ---------------------------------------------------------- */\n\n.post-full-byline {\n    display: flex;\n    justify-content: space-between;\n    margin: 35px 0 0;\n    padding-top: 15px;\n    border-top: 1px solid color(var(--lightgrey) l(+10%));\n}\n\n.post-full-byline-content {\n    flex-grow: 1;\n    display: flex;\n    align-items: flex-start;\n}\n\n.post-full-byline-content .author-list {\n    justify-content: flex-start;\n    padding: 0 12px 0 0;\n}\n\n.post-full-byline-meta {\n    margin: 2px 0 0;\n    color: color(var(--midgrey) l(+10%));\n    font-size: 1.2rem;\n    line-height: 1.2em;\n    letter-spacing: 0.2px;\n    text-transform: uppercase;;\n}\n\n.post-full-byline-meta h4 {\n    margin: 0 0 3px;\n    font-size: 1.3rem;\n    line-height: 1.4em;\n    font-weight: 500;\n}\n\n.post-full-byline-meta h4 a {\n    color: color(var(--darkgrey) l(+10%));\n}\n\n.post-full-byline-meta h4 a:hover {\n    color: var(--darkgrey);\n}\n\n.post-full-byline-meta .bull {\n    display: inline-block;\n    margin: 0 4px;\n    opacity: 0.6;\n}\n\n.author-avatar {\n    display: block;\n    overflow: hidden;\n    margin: 0 -4px;\n    width: 40px;\n    height: 40px;\n    border: #fff 2px solid;\n    border-radius: 100%;\n    transition: all 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 700ms;\n}\n\n.author-list-item .author-card {\n    position: absolute;\n    bottom: 130%;\n    left: 50%;\n    z-index: 600;\n    display: flex;\n    justify-content: space-between;\n    margin-left: -200px;\n    width: 400px;\n    font-size: 1.4rem;\n    line-height: 1.5em;\n    background: white;\n    border-radius: 3px;\n    box-shadow: rgba(39,44,49,0.08) 0 12px 26px, rgba(39, 44, 49, 0.06) 1px 3px 8px;\n    opacity: 0;\n    transition: all 0.35s cubic-bezier(0.4, 0.01, 0.165, 0.99);\n    transform: scale(0.98) translateY(15px);\n    pointer-events: none;\n}\n\n.author-list-item .author-card:before {\n    content: \"\";\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    display: block;\n    margin-left: -8px;\n    width: 0;\n    height: 0;\n    border-top: 8px solid #fff;\n    border-right: 8px solid transparent;\n    border-left: 8px solid transparent;\n}\n\n.author-list-item .author-card.hovered {\n    opacity: 1.0;\n    transform: scale(1) translateY(0px);\n    pointer-events: auto;\n}\n\n.author-card {\n    padding: 20px 20px 22px;\n}\n\n.author-card .author-info {\n    flex: 1 1 auto;\n    padding: 0 0 0 20px;\n}\n\n.author-card .author-info h2 {\n    margin: 8px 0 0;\n    font-size: 1.6rem;\n}\n\n.author-card .author-info p {\n    margin: 4px 0 0;\n    color: color(var(--midgrey) l(-10%));\n}\n\n.author-card .author-info .bio h2 {\n    margin-top: 0;\n}\n\n.author-card .author-info .bio p {\n    margin-top: 0.8em;\n}\n\n.author-card .author-profile-image {\n    flex: 0 0 60px;\n    margin: 0;\n    width: 60px;\n    height: 60px;\n    border: none;\n}\n\n.basic-info .avatar-wrapper {\n    position: relative;\n    margin: 0;\n    width: 60px;\n    height: 60px;\n    border: none;\n    background: rgba(229, 239, 245, 0.1);\n}\n\n.basic-info .avatar-wrapper svg {\n    margin: 0;\n    width: 60px;\n    height: 60px;\n    opacity: 0.15;\n}\n\n@media (max-width: 1170px) {\n    .author-list-item .author-card {\n        margin-left: -50px;\n        width: 430px;\n    }\n\n    .author-list-item .author-card:before {\n        left: 50px;\n    }\n}\n\n@media (max-width: 650px) {\n    .author-list-item .author-card {\n        display: none;\n    }\n}\n\n@media (max-width: 500px) {\n    .author-avatar {\n        width: 32px;\n        height: 32px;\n    }\n\n    .post-full-byline-meta {\n        font-size: 1.2rem;\n    }\n\n    .post-full-byline-meta h4 {\n        margin-bottom: 2px;\n        font-size: 1.2rem;\n    }\n}\n\n\n/* 7.2. Members Subscribe Form\n/* ---------------------------------------------------------- */\n.subscribe-form {\n    margin: 1.5em 0;\n    padding: 6.5vw 7vw 8vw;\n    border: color(var(--lightgrey) l(+10%)) 1px solid;\n    text-align: center;\n    background: linear-gradient(color(var(--whitegrey) l(+6%)), color(var(--whitegrey) l(+4%)));\n    border-radius: 3px;\n}\n\n.subscribe-form-title {\n    margin: 0 0 3px 0;\n    padding: 0;\n    color: var(--darkgrey);\n    font-size: 3.5rem;\n    line-height: 1;\n    font-weight: 600;\n}\n\n.subscribe-form-description {\n    margin-bottom: 0.2em 0 1em;\n    color: var(--midgrey);\n    font-size: 2.1rem;\n    line-height: 1.55em;\n}\n\n.subscribe-form form {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin: 0 auto;\n    max-width: 460px;\n}\n\n.subscribe-form .form-group {\n    align-self: stretch;\n    display: flex;\n}\n\n.subscribe-email {\n    display: block;\n    padding: 10px;\n    width: 100%;\n    border: color(var(--lightgrey) l(+7%)) 1px solid;\n    color: var(--midgrey);\n    font-size: 1.8rem;\n    line-height: 1em;\n    font-weight: normal;\n    user-select: text;\n    border-radius: 5px;\n    transition: border-color 0.15s linear;\n\n    -webkit-appearance: none;\n}\n\n.subscribe-email:focus {\n    outline: 0;\n    border-color: color(var(--lightgrey) l(-2%));\n}\n\n.subscribe-form button {\n    position: relative;\n    display: inline-block;\n    margin: 0 0 0 10px;\n    padding: 0 20px;\n    height: 43px;\n    outline: none;\n    color: #fff;\n    font-size: 1.5rem;\n    line-height: 39px;\n    font-weight: 400;\n    text-align: center;\n    background: linear-gradient(\n    color(var(--blue) whiteness(+7%)),\n    color(var(--blue) lightness(-7%) saturation(-10%)) 60%,\n    color(var(--blue) lightness(-7%) saturation(-10%)) 90%,\n    color(var(--blue) lightness(-4%) saturation(-10%))\n    );\n    border-radius: 5px;\n\n    -webkit-font-smoothing: subpixel-antialiased;\n}\n\n.subscribe-form button:active,\n.subscribe-form button:focus {\n    background: color(var(--blue) lightness(-9%) saturation(-10%));\n}\n\n.subscribe-form .button-loader,\n.subscribe-form .message-success,\n.subscribe-form .message-error {\n    display: none;\n}\n\n.subscribe-form .loading .button-content {\n    visibility: hidden;\n}\n\n.subscribe-form .loading .button-loader {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: inline-block;\n    margin-left: -19px;\n    transform: scale(0.7);\n}\n\n.subscribe-form .button-loader svg path,\n.subscribe-form .button-loader svg rect {\n    fill: #fff;\n}\n\n.subscribe-form .success .message-success,\n.subscribe-form .invalid .message-error,\n.subscribe-form .error .message-error {\n    margin: 1em auto 0;\n    max-width: 400px;\n    color: var(--red);\n    font-size: 1.6rem;\n    line-height: 1.5em;\n    text-align: center;\n}\n\n.subscribe-form .success .message-success {\n    display: block;\n    color: color(var(--green) l(-5%));\n}\n\n.subscribe-form .invalid .message-error,\n.subscribe-form .error .message-error {\n    display: block;\n}\n\n\n@media (max-width: 650px) {\n    .subscribe-form-title {\n        font-size: 2.4rem;\n    }\n\n    .subscribe-form-description {\n        font-size: 1.6rem;\n    }\n}\n\n@media (max-width: 500px) {\n    .subscribe-form form {\n        flex-direction: column;\n    }\n\n    .subscribe-form .form-group {\n        flex-direction: column;\n        width: 100%;\n    }\n\n    .subscribe-form button {\n        margin: 10px 0 0 0;\n        width: 100%;\n    }\n}\n\n\n/* 7.3. Comments\n/* ---------------------------------------------------------- */\n\n.post-full-comments {\n    margin: 0 auto;\n    max-width: 840px;\n}\n\n\n/* 7.4. Related posts\n/* ---------------------------------------------------------- */\n\n.read-next {\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    background: color(var(--darkgrey) l(-5%));\n}\n\n.read-next-feed {\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0 -25px;\n    padding: 60px 0 0 0;\n}\n\n.read-next .post-card {\n    padding-bottom: 0;\n    border-bottom: none;\n}\n\n.read-next .post-card:after {\n    display: none;\n}\n\n.read-next .post-card-primary-tag {\n    color: #fff;\n    opacity: 0.6;\n}\n\n.read-next .post-card-title {\n    color: #fff;\n    opacity: 0.8;\n    transition: all 0.2s ease-in-out;\n}\n\n.read-next .post-card:hover .post-card-image {\n    opacity: 1.0;\n}\n\n.read-next .post-card-excerpt {\n    color: rgba(255, 255, 255, 0.6);\n}\n\n.read-next .static-avatar {\n    border-color: #000;\n}\n\n.read-next .post-card-byline-content {\n    color: rgba(255, 255, 255, 0.6);\n}\n\n.read-next .post-card-byline-content a {\n    color: rgba(255, 255, 255, 0.8);\n}\n\n.read-next-card {\n    position: relative;\n    flex: 0 1 326px;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    margin: 0 25px 50px;\n    padding: 25px;\n    background: linear-gradient(color(var(--darkgrey) l(+2%)), color(var(--darkgrey) l(-5%)));\n    border-radius: 3px;\n}\n\n.read-next-card a {\n    transition: all 0.2s ease-in-out;\n}\n\n.read-next-card a:hover {\n    text-decoration: none;\n}\n\n.read-next-card-header h3 {\n    margin: 0;\n    color: rgba(255, 255, 255, 0.6);\n    font-size: 1.2rem;\n    line-height: 1em;\n    font-weight: 300;\n    letter-spacing: 0.4px;\n    text-transform: uppercase;\n}\n\n.read-next-card-header h3 a {\n    color: #fff;\n    font-weight: 500;\n    text-decoration: none;\n    opacity: 0.8;\n}\n\n.read-next-card-header h3 a:hover {\n    opacity: 1;\n}\n\n.read-next-card-content {\n    font-size: 1.7rem;\n}\n\n.read-next-card-content ul {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.read-next-card-content li {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    margin: 0;\n    padding: 20px 0;\n    border-bottom: rgba(255, 255, 255, 0.1);\n}\n\n.read-next-card-content li:last-of-type {\n    padding-bottom: 5px;\n    border: none;\n}\n\n.read-next-card-content h4 {\n    margin: 0;\n    font-size: 1.6rem;\n    line-height: 1.35em;\n    font-weight: 600;\n}\n\n.read-next-card-content li a {\n    display: block;\n    color: #fff;\n    opacity: 0.8;\n}\n\n.read-next-card-content li a:hover {\n    opacity: 1;\n}\n\n.read-next-card-excerpt {\n    overflow: hidden;\n    max-width: 100%;\n    font-size: 1.4rem;\n    line-height: 1.2em;\n    text-overflow: ellipsis;\n}\n\n.read-next-card-meta {\n    margin-top: 2px;\n    font-size: 1.2rem;\n    line-height: 1.4em;\n    font-weight: 400;\n}\n\n.read-next-card-meta p {\n    margin: 0;\n    color: rgba(255, 255, 255, 0.6);\n}\n\n.read-next-card-footer {\n    position: relative;\n    margin: 40px 0 5px;\n}\n\n.read-next-card-footer a {\n    padding: 7px 12px 8px 14px;\n    border: 1px solid rgba(255, 255, 255, 0.6);\n    color: rgba(255, 255, 255, 0.6);\n    font-size: 1.3rem;\n    border-radius: 999px;\n    transition: all 0.35s ease-in-out;\n}\n\n.read-next-card-footer a:hover {\n    border-color: var(--yellow);\n    color: var(--yellow);\n    text-decoration: none;\n}\n\n@media (max-width: 1170px) {\n    .read-next-card {\n        flex: 1 1 261px;\n        margin-bottom: 5vw;\n    }\n}\n\n@media (max-width: 650px) {\n    .read-next-feed {\n        flex-direction: column;\n        padding: 25px 0 0;\n    }\n\n    .read-next-card {\n        flex: 1 1 auto;\n        margin: 0 25px;\n        padding: 0;\n        background: none;\n    }\n\n    .read-next .post-card {\n        flex: 1 1 auto;\n        margin: 25px;\n        padding: 25px 0 0;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    }\n}\n\n\n/* 7.5. Koenig Styles\n/* ---------------------------------------------------------- */\n\n.post-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.post-full-content .kg-image {\n    max-width: 100%;\n}\n\n/* Preventing full-width image overlap with post image.  */\n.post-full-image + .post-full-content .kg-content *:first-child .kg-image {\n    width: 100%;\n}\n\n.post-full-content .kg-width-wide .kg-image {\n    max-width: 1040px;\n}\n\n.post-full-content .kg-width-full .kg-image {\n    max-width: 100vw;\n}\n\n.post-full-content figure {\n    margin: 0.8em 0 2.3em;\n}\n\n.post-full-content h1 + figure,\n.post-full-content h2 + figure,\n.post-full-content h3 + figure,\n.post-full-content h4 + figure {\n    margin-top: 2em;\n}\n\n.post-full-content figure img {\n    margin: 0;\n}\n\n.post-full-content figcaption {\n    margin: 1.0em 0 0;\n    color: color(var(--midgrey) l(-10%));;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n    font-size: 75%;\n    line-height: 1.5em;\n    text-align: center;\n}\n\n.kg-width-full figcaption {\n    padding: 0 1.5em;\n}\n\n.kg-embed-card {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 100%;\n}\n\n.kg-embed-card .fluid-width-video-wrapper {\n    margin: 0;\n}\n\n\n@media (max-width: 1040px) {\n    .post-full-content .kg-width-full .kg-image {\n        width: 100vw;\n    }\n}\n\n.kg-gallery-container {\n    display: flex;\n    flex-direction: column;\n    max-width: 1040px;\n    width: 100vw;\n}\n\n.kg-gallery-row {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n}\n\n.kg-gallery-image img {\n    display: block;\n    margin: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.kg-gallery-row:not(:first-of-type) {\n    margin: 0.75em 0 0 0;\n}\n\n.kg-gallery-image:not(:first-of-type) {\n    margin: 0 0 0 0.75em;\n}\n\n.kg-gallery-card + .kg-image-card.kg-width-wide,\n.kg-gallery-card + .kg-gallery-card,\n.kg-image-card.kg-width-wide + .kg-gallery-card,\n.kg-image-card.kg-width-wide + .kg-image-card.kg-width-wide {\n    margin: -2.25em 0 3em;\n}\n\n/* keep existing 
 styles for code cards with captions */\n.kg-code-card {\n    width: 100%;\n}\n\n.kg-code-card pre {\n    margin: 0;\n}\n\n.kg-bookmark-card {\n    width: 100%;\n    background: var(--white);\n}\n\n.kg-card + .kg-bookmark-card {\n    margin-top: 0;\n}\n\n.post-full-content .kg-bookmark-container {\n    display: flex;\n    min-height: 148px;\n    color: var(--darkgrey);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n    text-decoration: none;\n    border-radius: 3px;\n    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.09);\n}\n\n.post-full-content .kg-bookmark-container:hover {\n    color: var(--darkgrey);\n    text-decoration: none;\n    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.09);\n}\n\n.kg-bookmark-content {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n    padding: 20px;\n}\n\n.kg-bookmark-title {\n    color: color(var(--midgrey) l(-30%));\n    font-size: 1.6rem;\n    line-height: 1.5em;\n    font-weight: 600;\n    transition: color 0.2s ease-in-out;\n}\n\n.post-full-content .kg-bookmark-container:hover .kg-bookmark-title {\n    color: var(--blue);\n}\n\n.kg-bookmark-description {\n    display: -webkit-box;\n    overflow-y: hidden;\n    margin-top: 12px;\n    max-height: 48px;\n    color: color(var(--midgrey) l(-10%));\n    font-size: 1.5rem;\n    line-height: 1.5em;\n    font-weight: 400;\n\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n}\n\n.kg-bookmark-thumbnail {\n    position: relative;\n    min-width: 33%;\n    max-height: 100%;\n}\n\n.kg-bookmark-thumbnail img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 0 3px 3px 0;\n\n    object-fit: cover;\n}\n\n.kg-bookmark-metadata {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    margin-top: 14px;\n    color: color(var(--midgrey) l(-10%));\n    font-size: 1.5rem;\n    font-weight: 400;\n}\n\n.post-full-content .kg-bookmark-icon {\n    margin-right: 8px;\n    width: 22px;\n    height: 22px;\n}\n\n.kg-bookmark-author {\n    line-height: 1.5em;\n}\n\n.kg-bookmark-author:after {\n    content: \"•\";\n    margin: 0 6px;\n}\n\n.kg-bookmark-publisher {\n    overflow: hidden;\n    max-width: 240px;\n    line-height: 1.5em;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n@media (max-width: 800px) {\n    .post-full-content figure {\n        margin: 0.2em 0 1.3em;\n    }\n\n    .post-full-content h1 + figure,\n    .post-full-content h2 + figure,\n    .post-full-content h3 + figure,\n    .post-full-content h4 + figure {\n        margin-top: 0.9em;\n    }\n}\n\n@media (max-width: 500px) {\n    .post-full-content .kg-width-wide,\n    .post-full-content .kg-width-full {\n        margin-right: -5vw;\n        margin-left: -5vw;\n    }\n\n    .post-full-content figcaption {\n        margin-bottom: 0.4em;\n    }\n\n    .post-full-content .kg-bookmark-container {\n        flex-direction: column;\n    }\n\n    .kg-bookmark-title,\n    .kg-bookmark-description,\n    .kg-bookmark-metadata {\n        font-size: 1.4rem;\n        line-height: 1.5em;\n    }\n\n    .post-full-content .kg-bookmark-icon {\n        width: 18px;\n        height: 18px;\n    }\n\n    .kg-bookmark-thumbnail {\n        order: 1;\n        min-height: 160px;\n        width: 100%;\n    }\n\n    .kg-bookmark-thumbnail img {\n        border-radius: 3px 3px 0 0;\n    }\n\n    .kg-bookmark-content {\n        order: 2;\n    }\n}\n\n/* 8. Author Template\n/* ---------------------------------------------------------- */\n.author-header {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    align-items: flex-start;\n    padding: 10vw 0 10px;\n}\n\n.site-archive-header .no-image .author-header {\n    padding-bottom: 20px;\n}\n\n.author-header-content {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    margin: 5px 0 0 30px;\n}\n\n.site-header-content .author-profile-image {\n    z-index: 10;\n    flex-shrink: 0;\n    margin: 5px 0 0;\n    width: 110px;\n    height: 110px;\n    box-shadow: rgba(255,255,255,0.1) 0 0 0 6px;\n}\n\n.author-header-content .author-bio {\n    z-index: 10;\n    flex-shrink: 0;\n    margin: 6px 0 -6px;\n    max-width: 46em;\n    font-size: 2.0rem;\n    line-height: 1.4em;\n    font-weight: 400;\n    opacity: 0.8;\n}\n\n.author-header-content .author-meta {\n    z-index: 10;\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    margin: 0 0 0 1px;\n    font-size: 1.2rem;\n    font-weight: 400;\n    letter-spacing: 0.2px;\n    text-transform: uppercase;\n}\n\n.author-header-content .social-link:first-of-type {\n    padding-left: 4px;\n}\n\n.no-image .author-header-content .author-bio {\n    color: var(--midgrey);\n    opacity: 1.0;\n}\n\n.no-image .author-header-content .author-meta {\n    color: var(--midgrey);\n    opacity: 1.0;\n}\n\n.author-social-link a {\n    color: var(--darkgrey);\n    font-weight: 600;\n}\n\n.author-social-link a:hover {\n    opacity: 1;\n}\n\n.author-social-link {\n    padding: 10px 0;\n}\n\n.author-social-link {\n    display: inline-block;\n    margin: 0;\n    padding: 10px 0;\n}\n\n.author-location + .author-stats:before,\n.author-stats + .author-social-link:before,\n.author-social-link + .author-social-link:before {\n    content: \"\\2022\";\n    display: inline-block;\n    margin: 0 12px;\n    color: var(--midgrey);\n    opacity: 0.6;\n}\n\n@media (max-width: 500px) {\n    .author-header {\n        padding: 10px 0 0;\n    }\n\n    .no-image .author-header {\n        padding-bottom: 10px;\n    }\n\n    .author-header-content {\n        margin-left: 20px;\n    }\n\n    .site-header-content .author-profile-image {\n        width: 80px;\n        height: 80px;\n    }\n\n    .author-header-content .author-bio {\n        font-size: 1.8rem;\n        line-height: 1.3em;\n        letter-spacing: 0;\n    }\n\n    .author-location,\n    .author-stats {\n        display: none;\n    }\n}\n\n\n/* 9. Error Template\n/* ---------------------------------------------------------- */\n\n.error-template .site-main {\n    padding: 7vw 4vw;\n}\n\n.site-nav-center {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n}\n\n.site-nav-center .site-nav-logo {\n    margin-right: 0;\n}\n\n.error-message {\n    margin-bottom: -3vw;\n    padding-bottom: 5vw;\n    border-bottom: 1px solid color(var(--lightgrey) l(+10%));\n    text-align: center;\n}\n\n.error-code {\n    margin: 0;\n    font-size: 12vw;\n    line-height: 1em;\n    letter-spacing: -5px;\n    opacity: 0.3;\n}\n\n.error-description {\n    margin: 0;\n    color: var(--midgrey);\n    font-size: 3rem;\n    line-height: 1.3em;\n    font-weight: 400;\n}\n\n@media (max-width: 800px) {\n    .error-description {\n        margin: 5px 0 0 0;\n        font-size: 1.8rem;\n    }\n}\n\n.error-link {\n    display: inline-block;\n    margin-top: 5px;\n}\n\n.error-template .post-feed {\n    padding-top: 0;\n}\n\n\n/* 10. Subscribe Message and Overlay\n/* ---------------------------------------------------------- */\n\n.subscribe-success-message {\n    position: fixed;\n    top: 0;\n    right: 0;\n    left: 0;\n    z-index: 9000;\n    padding: 20px 0;\n    color: #fff;\n    text-align: center;\n    background: var(--green);\n    transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;\n    transform: translateY(-175%);\n}\n\n.subscribe-success .subscribe-success-message {\n    visibility: visible;\n    transform: translateY(0);\n}\n\n.subscribe-success-message.close {\n    visibility: hidden;\n    transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);\n    transform: translateY(-175%);\n}\n\n.subscribe-close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    display: block;\n}\n\n.subscribe-close:before {\n    content: \"\";\n    position: absolute;\n    top: 32px;\n    right: 25px;\n    display: block;\n    width: 20px;\n    height: 1px;\n    background: #fff;\n    opacity: 0.8;\n    transform: rotate(45deg);\n}\n\n.subscribe-close:after {\n    content: \"\";\n    position: absolute;\n    top: 32px;\n    right: 25px;\n    display: block;\n    width: 20px;\n    height: 1px;\n    background: #fff;\n    opacity: 0.8;\n    transform: rotate(-45deg);\n}\n\n.subscribe-close:hover {\n    cursor: default;\n}\n\n.subscribe-overlay {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 9000;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: rgba(9,10,11,0.97);\n    opacity: 0;\n    transition: opacity 0.2s ease-in;\n    pointer-events: none;\n\n    backdrop-filter: blur(3px);\n}\n\n.subscribe-overlay .subscribe-close:before,\n.subscribe-overlay .subscribe-close:after {\n    top: 36px;\n    width: 30px;\n}\n\n.subscribe-overlay:target {\n    opacity: 1;\n    pointer-events: auto;\n}\n\n.subscribe-overlay-content {\n    position: relative;\n    z-index: 9999;\n    margin: 0 0 5vw 0;\n    padding: 4vw;\n    color: #fff;\n    text-align: center;\n}\n\n.subscribe-overlay .subscribe-form {\n    border: none;\n    color: #fff;\n    background: none;\n}\n\n.subscribe-overlay-logo {\n    position: fixed;\n    top: 23px;\n    left: 30px;\n    height: 30px;\n}\n\n.subscribe-overlay-title {\n    display: inline-block;\n    margin: 0 0 10px 0;\n    font-size: 5.2rem;\n    line-height: 1.15em;\n}\n\n.subscribe-overlay-description {\n    margin: 0 auto 50px;\n    max-width: 650px;\n    color: #fff;\n    font-family: Georgia, serif;\n    font-size: 2.4rem;\n    line-height: 1.3em;\n    font-weight: 300;\n    opacity: 0.8;\n}\n\n.subscribe-overlay form {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 0 auto;\n    max-width: 540px;\n}\n\n.subscribe-overlay .form-group {\n    flex-grow: 1;\n}\n\n.subscribe-overlay .subscribe-email {\n    display: block;\n    padding: 14px 20px;\n    width: 100%;\n    border: none;\n    color: var(--midgrey);\n    font-size: 2rem;\n    line-height: 1em;\n    font-weight: normal;\n    letter-spacing: 0.5px;\n    user-select: text;\n    border-radius: 8px;\n    transition: border-color 0.15s linear;\n\n    -webkit-appearance: none;\n}\n\n.subscribe-email:focus {\n    outline: 0;\n    border-color: color(var(--lightgrey) l(-2%));\n}\n\n.subscribe-overlay button {\n    display: inline-block;\n    margin: 0 0 0 15px;\n    padding: 0 25px;\n    height: 52px;\n    outline: none;\n    color: #fff;\n    font-size: 1.7rem;\n    line-height: 38px;\n    font-weight: 400;\n    text-align: center;\n    background: linear-gradient(\n    color(var(--blue) whiteness(+7%)),\n    color(var(--blue) lightness(-7%) saturation(-10%)) 60%,\n    color(var(--blue) lightness(-7%) saturation(-10%)) 90%,\n    color(var(--blue) lightness(-4%) saturation(-10%))\n    );\n    border-radius: 8px;\n\n    -webkit-font-smoothing: subpixel-antialiased;\n}\n\n.subscribe-overlay button:active,\n.subscribe-overlay button:focus {\n    background: color(var(--blue) lightness(-9%) saturation(-10%));\n}\n\n.subscribe-overlay .loading .button-loader {\n    top: 5px;\n}\n\n\n/* 11. Site Footer\n/* ---------------------------------------------------------- */\n\n.site-footer {\n    position: relative;\n    padding-top: 20px;\n    padding-bottom: 60px;\n    color: #fff;\n    background: color(var(--darkgrey) l(-5%));\n}\n\n.site-footer-content {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: center;\n    color: rgba(255,255,255,0.7);\n    font-size: 1.3rem;\n}\n\n.site-footer-content a {\n    color: rgba(255,255,255,0.7);\n}\n\n.site-footer-content a:hover {\n    color: rgba(255,255,255,1);\n    text-decoration: none;\n}\n\n.site-footer-nav {\n    display: flex;\n}\n\n.site-footer-nav a {\n    position: relative;\n    margin-left: 20px;\n}\n\n.site-footer-nav a:before {\n    content: \"\";\n    position: absolute;\n    top: 11px;\n    left: -11px;\n    display: block;\n    width: 2px;\n    height: 2px;\n    background: #fff;\n    border-radius: 100%;\n}\n\n.site-footer-nav a:first-of-type:before {\n    display: none;\n}\n\n@media (max-width: 650px) {\n    .site-footer-content {\n        flex-direction: column;\n    }\n\n    .site-footer-nav a:first-child {\n        margin-left: 0;\n    }\n}\n\n\n/* 12. Dark Mode\n/* ---------------------------------------------------------- */\n@media (prefers-color-scheme: dark) {\n    body {\n        color: rgba(255, 255, 255, 0.75);\n        background: var(--darkmode);\n    }\n\n    img {\n        opacity: 0.9;\n    }\n\n    .site-header-background:before {\n        background: rgba(0,0,0,0.6);\n    }\n\n    .post-feed {\n        background: var(--darkmode);\n    }\n\n    .post-card,\n    .post-card:hover {\n        border-bottom-color: color(var(--darkmode) l(+8%));\n    }\n\n    .author-profile-image {\n        background: var(--darkmode);\n    }\n\n    .post-card-byline-content a {\n        color: rgba(255, 255, 255, 0.75);\n    }\n\n    .post-card-byline-content a:hover {\n        color: #fff;\n    }\n\n    .post-card-image {\n        background: var(--darkmode);\n    }\n\n    .post-card-title {\n        color: rgba(255, 255, 255, 0.85);\n    }\n\n    .post-card-excerpt {\n        color: color(var(--midgrey) l(+10%));\n    }\n\n    .author-avatar,\n    .static-avatar {\n        border-color: color(var(--darkgrey) l(+2%));\n    }\n\n    .site-main,\n    .post-template .site-main {\n        background: var(--darkmode);\n    }\n\n    .post-full-content {\n        background: var(--darkmode);\n    }\n\n    .post-full-title {\n        color: rgba(255, 255, 255, 0.9);\n    }\n\n    .post-full-custom-excerpt {\n        color: color(var(--midgrey) l(+10%));\n    }\n\n    .post-full-image {\n        background-color: color(var(--darkmode) l(+8%));\n    }\n\n    .post-full-byline {\n        border-top-color: color(var(--darkmode) l(+15%));\n    }\n\n    .post-full-byline-meta h4 a {\n        color: rgba(255, 255, 255, 0.75);\n    }\n\n    .post-full-byline-meta h4 a:hover {\n        color: #fff;\n    }\n\n    .author-list-item .author-card {\n        background: color(var(--darkmode) l(+4%));\n        box-shadow: 0 12px 26px rgba(0,0,0,0.4);\n    }\n\n    .author-list-item .author-card:before {\n        border-top-color: color(var(--darkmode) l(+4%));\n    }\n\n    .post-full-content h1,\n    .post-full-content h2,\n    .post-full-content h3,\n    .post-full-content h4,\n    .post-full-content h6 {\n        color: rgba(255, 255, 255, 0.9);\n    }\n\n    .post-full-content a {\n        color: #fff;\n        box-shadow: inset 0 -1px 0 #fff;\n    }\n\n    .post-full-content strong {\n        color: #fff;\n    }\n\n    .post-full-content em {\n        color: #fff;\n    }\n\n    .post-full-content code {\n        color: #fff;\n        background: #000;\n    }\n\n    hr {\n        border-top-color: color(var(--darkmode) l(+8%));\n    }\n\n    .post-full-content figcaption {\n        color: rgba(255, 255, 255, 0.6);\n    }\n\n    .post-full-content .kg-bookmark-container {\n        color: rgba(255, 255, 255, 0.75);\n        box-shadow: 0 0 1px rgba(255,255,255,0.9);\n    }\n\n    .kg-bookmark-title {\n        color: #fff;\n    }\n\n    .kg-bookmark-description {\n        color: rgba(255, 255, 255, 0.75);\n    }\n\n    .kg-bookmark-metadata {\n        color: rgba(255, 255, 255, 0.75);\n    }\n\n    .site-archive-header .no-image {\n        color: rgba(255, 255, 255, 0.9);\n        background: var(--darkmode);\n    }\n\n    .site-archive-header .no-image .site-header-content {\n        border-bottom-color: color(var(--darkmode) l(+15%));\n    }\n\n    .site-header-content .author-profile-image {\n        box-shadow: 0 0 0 6px hsla(0,0%,100%,0.04);\n    }\n\n    .subscribe-form {\n        border: none;\n        background: linear-gradient(color(var(--darkmode) l(-6%)), color(var(--darkmode) l(-3%)));\n    }\n\n    .subscribe-form-title {\n        color: rgba(255, 255, 255, 0.9);\n    }\n\n    .subscribe-form p {\n        color: rgba(255, 255, 255, 0.7);\n    }\n\n    .subscribe-email {\n        border-color: color(var(--darkmode) l(+6%));\n        color: rgba(255, 255, 255, 0.9);\n        background: color(var(--darkmode) l(+3%));\n    }\n\n    .subscribe-email:focus {\n        border-color: color(var(--darkmode) l(+25%));\n    }\n\n    .subscribe-form button {\n        opacity: 0.9;\n    }\n\n    .subscribe-form .invalid .message-error,\n    .subscribe-form .error .message-error {\n        color: color(var(--red) l(+5%) s(-5%));\n    }\n\n    .subscribe-form .success .message-success {\n        color: color(var(--green) l(+5%) s(-5%));\n    }\n}\n"]}
\ No newline at end of file
diff --git a/assets/css/global.css b/assets/css/global.css
index ffbfff8..4a0008c 100644
--- a/assets/css/global.css
+++ b/assets/css/global.css
@@ -14,6 +14,7 @@
     --whitegrey: #e5eff5;
     --pink: #fa3a57;
     --brown: #a3821a;
+    --darkmode: color(var(--darkgrey) l(+2%));
 }
 
 /* Reset
@@ -280,9 +281,9 @@ html {
 }
 body {
     overflow-x: hidden;
-    color: color(var(--midgrey) l(-25%));
+    color: color(var(--midgrey) l(-30%));
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-    font-size: 1.5rem;
+    font-size: 1.6rem;
     line-height: 1.6em;
     font-weight: 400;
     font-style: normal;
@@ -431,14 +432,14 @@ h5,
 h6 {
     margin-top: 0;
     line-height: 1.15;
-    font-weight: 700;
+    font-weight: 600;
     text-rendering: optimizeLegibility;
 }
 
 h1 {
     margin: 0 0 0.5em 0;
-    font-size: 5rem;
-    font-weight: 700;
+    font-size: 5.5rem;
+    font-weight: 600;
 }
 @media (max-width: 500px) {
     h1 {
@@ -448,7 +449,7 @@ h1 {
 
 h2 {
     margin: 1.5em 0 0.5em 0;
-    font-size: 2rem;
+    font-size: 2.2rem;
 }
 @media (max-width: 500px) {
     h2 {
diff --git a/assets/css/screen.css b/assets/css/screen.css
index 1750a33..6c07282 100644
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -8,21 +8,21 @@ production stylesheet in assets/built/screen.css
 2.  Layout
 3.  Special Templates
 4.  Site Header
+  4.1 Home header
+  4.2 Archive header
 5.  Site Navigation
 6.  Post Feed
 7.  Single Post
-  7.1. Subscribe Form
-  7.2. Post Footer
-     7.2.1 Single Author Byline
-     7.2.2 Multiple Author Byline
+  7.1. Post Byline
+  7.2. Members Subscribe Form
   7.3. Comments
   7.4. Related Posts
-  7.5. Floating Header
-  7.6. Koenig Styles
+  7.5. Koenig Styles
 8.  Author Template
 9.  Error Template
 10. Subscribe Overlay
 11. Site Footer
+12. Dark Mode
 
 */
 
@@ -32,7 +32,7 @@ production stylesheet in assets/built/screen.css
 @import "global.css";
 
 body {
-    background: #f4f8fb;
+    background: #fff;
 }
 
 .img {
@@ -68,7 +68,7 @@ body {
 /* Full width page blocks */
 .outer {
     position: relative;
-    padding: 0 4vw;
+    padding: 0 5vw;
 }
 
 /* Centered content container blocks */
@@ -95,12 +95,13 @@ body {
     .home-template .post-feed,
     .tag-template .post-feed,
     .author-template .post-feed {
-        margin-top: -70px;
-        padding-top: 0;
+        padding: 40px 0 5vw;
+        border-top-left-radius: 3px;
+        border-top-right-radius: 3px;
     }
+
     .home-template .site-nav {
         position: relative;
-        top: -70px;
     }
 }
 
@@ -108,16 +109,16 @@ body {
 /* 4. Site Header
 /* ---------------------------------------------------------- */
 
-.site-header {
+.site-header-background {
     position: relative;
-    padding-top: 12px;
+    margin-top: 64px;
     padding-bottom: 12px;
     color: #fff;
     background: color(var(--darkgrey) l(-5%)) no-repeat center center;
     background-size: cover;
 }
 
-.site-header:before {
+.site-header-background:before {
     content: "";
     position: absolute;
     top: 0;
@@ -129,7 +130,7 @@ body {
     background: rgba(0,0,0,0.18);
 }
 
-.site-header:after {
+.site-header-background:after {
     content: "";
     position: absolute;
     top: 0;
@@ -138,104 +139,212 @@ body {
     left: 0;
     z-index: 10;
     display: block;
-    height: 80px;
-    background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0));
+    height: 140px;
+    background: linear-gradient(rgba(0,0,0,0.15),rgba(0,0,0,0));
 }
 
-.site-header.no-image:before,
-.site-header.no-image:after {
+.site-header-background.no-image:before,
+.site-header-background.no-image:after {
     display: none;
 }
 
 .site-header-content {
+    z-index: 100;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    padding: 10vw 4vw;
+    padding: 6vw 3vw;
     min-height: 200px;
-    max-height: 450px;
-    text-align: center;
+    max-height: 340px;
 }
 
 .site-title {
     z-index: 10;
-    margin: 0;
+    margin: 0 0 0 -2px;
     padding: 0;
-    font-size: 3.8rem;
-    font-weight: 700;
+    font-size: 5.0rem;
+    line-height: 1em;
+    font-weight: 600;
 }
 
 .site-logo {
-    max-height: 45px;
+    max-height: 55px;
 }
 
 .site-description {
     z-index: 10;
     margin: 0;
     padding: 5px 0;
-    font-size: 2.2rem;
-    font-weight: 300;
-    letter-spacing: 0.5px;
+    font-size: 2.1rem;
+    line-height: 1.4em;
+    font-weight: 400;
     opacity: 0.8;
 }
 
-@media (max-width: 500px) {
-    .site-title {
-        font-size: 3rem;
+/* 4.1 Home header
+/* ---------------------------------------------------------- */
+
+.site-home-header {
+    z-index: 1000;
+}
+
+.site-home-header .site-header-background {
+    margin-top: 0;
+}
+
+.site-home-header .site-header-content {
+    padding: 5vw 3vw 6vw;
+}
+
+.site-home-header .site-title {
+    font-size: 5.5rem;
+    text-align: center;
+}
+
+.site-home-header .site-description {
+    font-size: 2.2rem;
+    font-weight: 300;
+}
+
+
+/* 4.2 Archive header (tag and author post lists)
+/* ---------------------------------------------------------- */
+
+.site-archive-header .site-header-content {
+    position: relative;
+    align-items: stretch;
+    padding: 12vw 0 20px;
+    min-height: 200px;
+    max-height: 600px;
+}
+
+.site-archive-header .no-image {
+    padding-top: 0;
+    padding-bottom: 0;
+    color: var(--darkgrey);
+    background: #fff;
+    opacity: 1.0;
+}
+
+.site-archive-header .no-image .site-description {
+    color: var(--midgrey);
+    opacity: 1.0;
+}
+
+
+.site-archive-header .no-image .site-header-content {
+    padding: 5vw 0 10px;
+    border-bottom: 1px solid color(var(--lightgrey) l(+12%));
+}
+
+
+/* Special header styles for smaller screens */
+
+@media (max-width: 900px) {
+    .site-header-content {
+        padding-bottom: 9vw;
     }
-    .site-description {
+}
+
+@media (max-width: 500px) {
+    .site-home-header .site-title {
+        font-size: 3.2rem;
+    }
+
+    .site-home-header .site-description {
         font-size: 1.8rem;
     }
+
+    .site-archive-header .site-header-content {
+        min-height: unset;
+    }
 }
 
 
 /* 5. Site Navigation
 /* ---------------------------------------------------------- */
 
+.site-nav-main {
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    z-index: 1000;
+    background: color(var(--darkgrey) l(-5%));
+}
+
 .site-nav {
     position: relative;
-    z-index: 300;
+    z-index: 100;
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     overflow-y: hidden;
-    height: 40px;
-    font-size: 1.2rem;
+    height: 64px;
+    font-size: 1.3rem;
 }
 
 .site-nav-left {
+    flex: 1 0 auto;
     display: flex;
     align-items: center;
     overflow-x: auto;
     overflow-y: hidden;
     -webkit-overflow-scrolling: touch;
     margin-right: 10px;
-    padding-bottom: 80px;
-    letter-spacing: 0.4px;
+    padding: 10px 0 80px;
+    font-weight: 500;
+    letter-spacing: 0.2px;
+    text-transform: uppercase;
     white-space: nowrap;
 
     -ms-overflow-scrolling: touch;
 }
 
+@media (max-width: 700px) {
+    .site-header-background:not(.responsive-header-img) .site-nav:after,
+    .site-nav-main .site-nav:after {
+        content: "";
+        position: absolute;
+        top: 0;
+        z-index: 1000;
+        width: 40px;
+        height: 100%;
+    }
+
+    .site-header-background:not(.responsive-header-img) .site-nav:after,
+    .site-nav-main .site-nav:after {
+        right: 0;
+        background: linear-gradient(to right, color(var(--darkgrey) l(-5%) a(0)) 0%,color(var(--darkgrey) l(-5%)) 100%);
+    }
+
+    .nav li:last-of-type {
+        padding-right: 20px;
+    }
+}
+
 /* Site Nav Hack Explanation (above):
 
-What's happening above it .site-nav-left is set to overflow-x and allow sideways scrolling, so that when there isn't enough space for all nav items (either due to lots of nav items, or a small viewport), you can still scroll side-to-side to reach them.
+What's happening above is .site-nav-left is set to overflow-x and allow sideways scrolling, so that when there isn't enough space for all nav items (either due to lots of nav items, or a small viewport), you can still scroll side-to-side to reach them. Also, there is a small gradient on the left and right side covering the menu so that the menu goes offscreen smoothly.
 
 The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px of padding-bottom and a 40px fixed height parent (.site-nav) hides that entirely. Slightly hacky code. But nice clean end-result.
 
 */
 
 .site-nav-logo {
+    position: relative;
+    z-index: 100;
     flex-shrink: 0;
-    display: block;
-    margin-right: 24px;
-    padding: 11px 0;
+    display: inline-block;
+    margin-right: 32px;
+    padding: 12px 0;
     color: #fff;
     font-size: 1.7rem;
-    line-height: 1em;
+    line-height: 1.8rem;
     font-weight: bold;
     letter-spacing: -0.5px;
+    text-transform: none;
 }
 
 .site-nav-logo:hover {
@@ -248,26 +357,38 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
     height: 21px;
 }
 
+.site-home-header .site-nav-logo {
+    display: none;
+}
+
+.site-nav-content {
+    position: relative;
+    align-self: flex-start;
+}
+
 .nav {
+    position: absolute;
+    z-index: 1000;
     display: flex;
     margin: 0 0 0 -12px;
     padding: 0;
     list-style: none;
+    transition: all 1.0s cubic-bezier(0.19, 1, 0.22, 1);
 }
 
 .nav li {
     display: block;
     margin: 0;
     padding: 0;
-    text-transform: uppercase;
 }
 
 .nav li a {
+    position: relative;
     display: block;
-    margin: 0;
-    padding: 10px 12px;
+    padding: 12px 12px;
     color: #fff;
     opacity: 0.8;
+    transition: opacity 0.35s ease-in-out;
 }
 
 .nav li a:hover {
@@ -275,11 +396,63 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
     opacity: 1;
 }
 
+.nav li a:before {
+    content: "";
+    position: absolute;
+    right: 100%;
+    bottom: 8px;
+    left: 12px;
+    height: 1px;
+    background: #fff;
+    opacity: 0.25;
+    transition: all 0.35s ease-in-out;
+}
+
+.nav li a:hover:before {
+    right: 12px;
+    opacity: 0.5;
+}
+
+.nav-post-title-active .nav {
+    visibility: hidden;
+    opacity: 0;
+    transform: translateY(-175%);
+}
+
+.nav-post-title {
+    visibility: hidden;
+    position: absolute;
+    top: 9px;
+    color: #fff;
+    font-size: 1.7rem;
+    font-weight: 400;
+    text-transform: none;
+    opacity: 0;
+    transition: all 1.0s cubic-bezier(0.19, 1, 0.22, 1);
+    transform: translateY(175%);
+}
+
+.nav-post-title.dash {
+    left: -25px;
+}
+
+.nav-post-title.dash:before {
+    content: "– ";
+    opacity: 0.5;
+}
+
+.nav-post-title-active .nav-post-title {
+    visibility: visible;
+    opacity: 1;
+    transform: translateY(0);
+}
+
 .site-nav-right {
     flex-shrink: 0;
     display: flex;
     align-items: center;
-    height: 40px;
+    padding: 10px 0;
+    height: 64px;
 }
 
 .social-links {
@@ -292,18 +465,16 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
     padding-right: 20px;
 }
 
+
 .social-link {
-    display: flex;
-    justify-content: center;
-    align-items: center;
+    display: inline-block;
     margin: 0;
     padding: 10px;
-    color: #fff;
     opacity: 0.8;
 }
 
 .social-link:hover {
-    opacity: 1;
+    opacity: 1.0;
 }
 
 .social-link svg {
@@ -312,7 +483,7 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
 }
 
 .social-link-fb svg {
-    height: 1.5rem;
+    height: 1.6rem;
 }
 
 .social-link-wb svg {
@@ -357,15 +528,37 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
     fill: #fff;
 }
 
+/* Special behaviors for home navigation */
+
+.home-template .site-nav-main {
+    z-index: 100;
+}
+
+.home-template .site-nav-main .site-nav {
+    opacity: 0;
+    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
+}
+
+.home-template .site-nav-main .fixed-nav-active {
+    opacity: 1;
+    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.05s;
+}
+
 @media (max-width: 700px) {
-    .site-header {
+    .site-home-header .site-nav {
+        margin-left: -5vw;
+    }
+
+    .site-nav-main {
         padding-right: 0;
         padding-left: 0;
     }
+
     .site-nav-left {
         margin-right: 0;
-        padding-left: 4vw;
+        padding-left: 5vw;
     }
+
     .site-nav-right {
         display: none;
     }
@@ -375,53 +568,50 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
 /* 6. Post Feed
 /* ---------------------------------------------------------- */
 
+.posts {
+    overflow-x: hidden;
+}
+
 .post-feed {
     position: relative;
     display: flex;
     flex-wrap: wrap;
     margin: 0 -20px;
-    padding: 40px 0 0 0;
+    padding: 50px 0 0;
+    background: #fff;
 }
 
 .post-card {
-    flex: 1 1 300px;
+    position: relative;
+    flex: 1 1 301px;
     display: flex;
     flex-direction: column;
     overflow: hidden;
-    margin: 0 20px 40px;
-    min-height: 300px;
-    background: #fff center center;
+    margin: 0 0 40px;
+    padding: 0 20px 40px;
+    min-height: 220px;
+    border-bottom: 1px solid color(var(--lightgrey) l(+12%));
     background-size: cover;
-    border-radius: 5px;
-    box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px;
-    transition: all 0.5s ease;
-}
-
-.post-card:hover {
-    box-shadow: rgba(39,44,49,0.07) 8px 28px 50px, rgba(39, 44, 49, 0.04) 1px 6px 12px;
-    transition: all 0.4s ease;
-    transform: translate3D(0, -1px, 0) scale(1.02);
 }
 
 .post-card-image-link {
     position: relative;
     display: block;
     overflow: hidden;
-    border-radius: 5px 5px 0 0;
+    border-radius: 3px;
 }
 
 .post-card-image {
     width: 100%;
     height: 200px;
     background: var(--lightgrey) no-repeat center center;
+
     object-fit: cover;
 }
 
 .post-card-content-link {
     position: relative;
-    flex-grow: 1;
     display: block;
-    padding: 25px 25px 0;
     color: var(--darkgrey);
 }
 
@@ -429,18 +619,34 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
     text-decoration: none;
 }
 
-.post-card-tags {
-    display: block;
-    margin-bottom: 4px;
-    color: var(--midgrey);
+.post-card-header {
+    margin: 15px 0 0;
+}
+
+.post-feed .no-image .post-card-content-link {
+    padding: 0;
+}
+
+.no-image .post-card-header {
+    margin-top: 0;
+}
+
+.post-card-primary-tag {
+    margin: 0 0 0.2em;
+    color: var(--blue);
     font-size: 1.2rem;
-    line-height: 1.15em;
     font-weight: 500;
-    letter-spacing: 0.5px;
+    letter-spacing: 0.2px;
     text-transform: uppercase;
 }
 
 .post-card-title {
+    margin: 0 0 0.4em;
+    line-height: 1.15em;
+    transition: color 0.2s ease-in-out;
+}
+
+.no-image .post-card-title {
     margin-top: 0;
 }
 
@@ -448,18 +654,22 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
     flex-grow: 1;
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
 }
 
 .post-card-excerpt {
+    max-width: 56em;
+    color: var(--midgrey);
     font-family: Georgia, serif;
 }
 
+.post-card-excerpt p {
+    margin-bottom: 1em;
+}
+
 .post-card-meta {
     display: flex;
-    justify-content: space-between;
-    align-items: flex-end;
-    padding: 0 25px 25px;
+    align-items: flex-start;
+    padding: 0;
 }
 
 .author-profile-image,
@@ -480,8 +690,8 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
 
 .author-list {
     display: flex;
-    flex-wrap: wrap-reverse;
-    margin: 0;
+    flex-wrap: wrap;
+    margin: 0 0 0 4px;
     padding: 0;
     list-style: none;
 }
@@ -493,65 +703,16 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
     padding: 0;
 }
 
-.author-list-item:nth-child(1) {
-    z-index: 10;
-}
-.author-list-item:nth-child(2) {
-    z-index: 9;
-}
-.author-list-item:nth-child(3) {
-    z-index: 8;
-}
-.author-list-item:nth-child(4) {
-    z-index: 7;
-}
-.author-list-item:nth-child(5) {
-    z-index: 6;
-}
-.author-list-item:nth-child(6) {
-    z-index: 5;
-}
-.author-list-item:nth-child(7) {
-    z-index: 4;
-}
-.author-list-item:nth-child(8) {
-    z-index: 3;
-}
-.author-list-item:nth-child(9) {
-    z-index: 2;
-}
-.author-list-item:nth-child(10) {
-    z-index: 1;
-}
-
 .static-avatar {
     display: block;
     overflow: hidden;
-    margin: 0 -5px;
+    margin: 0 0 0 -6px;
     width: 34px;
     height: 34px;
     border: #fff 2px solid;
     border-radius: 100%;
 }
 
-.moving-avatar {
-    display: block;
-    overflow: hidden;
-    margin: 0 -6px;
-    width: 56px;
-    height: 56px;
-    border: #fff 2px solid;
-    border-radius: 100%;
-    transition: all 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.7s;
-}
-
-@media (min-width: 800px) {
-    .author-list:hover .moving-avatar {
-        margin: 0;
-        transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-    }
-}
-
 .author-name-tooltip {
     position: absolute;
     bottom: 105%;
@@ -566,7 +727,7 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
     border-radius: 3px;
     box-shadow: rgba(39,44,49,0.08) 0 12px 26px, rgba(39, 44, 49, 0.03) 1px 3px 8px;
     opacity: 0;
-    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
+    transition: all 0.35s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     transform: translateY(6px);
     pointer-events: none;
 }
@@ -576,23 +737,67 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
     transform: translateY(0px);
 }
 
-@media (max-width: 650px) {
+@media (max-width: 700px) {
     .author-name-tooltip {
         display: none;
     }
 }
 
-.reading-time {
-    flex-shrink: 0;
-    margin-left: 20px;
-    color: var(--midgrey);
+.post-card-byline-content {
+    flex: 1 1 50%;
+    display: flex;
+    flex-direction: column;
+    margin: 2px 0 0 6px;
+    color: color(var(--midgrey) l(+10%));
     font-size: 1.2rem;
-    line-height: 33px;
-    font-weight: 500;
-    letter-spacing: 0.5px;
+    line-height: 1.4em;
+    font-weight: 400;
+    letter-spacing: 0.2px;
     text-transform: uppercase;
 }
 
+.post-card-byline-content span {
+    margin: 0;
+}
+
+.post-card-byline-content a {
+    color: color(var(--darkgrey) l(+20%));
+    font-weight: 600;
+}
+
+.post-card-byline-date {
+    font-size: 1.2rem;
+}
+
+.post-card-byline-date .bull {
+    display: inline-block;
+    margin: 0 4px;
+    opacity: 0.6;
+}
+
+.single-author-byline {
+    display: flex;
+    flex-direction: column;
+    margin-left: 5px;
+    color: color(var(--midgrey) l(-10%));
+    font-size: 1.3rem;
+    line-height: 1.4em;
+    font-weight: 500;
+}
+
+.single-author {
+    display: flex;
+    align-items: center;
+}
+
+.single-author .static-avatar {
+    margin-left: -2px;
+}
+
+.single-author-name {
+    display: inline-block;
+}
+
 /* Special Styling for home page grid (below):
 
 The first post in the list is styled to be bigger than the others and take over
@@ -605,12 +810,24 @@ make sure this only happens on large viewports / desktop-ish devices.
     .post-card-large {
         flex: 1 1 100%;
         flex-direction: row;
+        padding-bottom: 40px;
+        min-height: 280px;
+        border-top: 0;
+    }
+
+    .post-card-large:hover {
+        border-bottom-color: color(var(--lightgrey) l(+10%));
+    }
+
+    .post-card-large:not(.no-image) .post-card-header {
+        margin-top: 0;
     }
 
     .post-card-large .post-card-image-link {
         position: relative;
         flex: 1 1 auto;
-        border-radius: 5px 0 0 5px;
+        margin-bottom: 0;
+        min-height: 380px;
     }
 
     .post-card-large .post-card-image {
@@ -620,42 +837,57 @@ make sure this only happens on large viewports / desktop-ish devices.
     }
 
     .post-card-large .post-card-content {
-        flex: 0 1 357px;
+        flex: 0 1 361px;
+        justify-content: center;
     }
 
-    .post-card-large h2 {
-        font-size: 2.6rem;
-    }
-
-    .post-card-large p {
-        font-size: 1.8rem;
-        line-height: 1.55em;
+    .post-card-large .post-card-title {
+        margin-top: 0;
+        font-size: 3.2rem;
     }
 
     .post-card-large .post-card-content-link {
-        padding: 30px 40px 0;
+        padding: 0 0 0 40px;
     }
 
     .post-card-large .post-card-meta {
-        padding: 0 40px 30px;
+        padding: 0 0 0 40px;
     }
-}
 
-.home-template .site-header:after {
-    display: none;
+    .post-card-large .post-card-excerpt p {
+        margin-bottom: 1.5em;
+        font-size: 1.8rem;
+        line-height: 1.5em;
+    }
 }
 
 
 /* Adjust some margins for smaller screens */
+@media (max-width: 1170px) {
+    .post-card {
+        margin-bottom: 5vw;
+    }
+}
+
 @media (max-width: 650px) {
     .post-feed {
         padding-top: 5vw;
     }
+
     .post-card {
-        margin: 0 20px 5vw;
+        margin-bottom: 5vw;
     }
 }
 
+@media (max-width: 500px) {
+    .post-card-title {
+        font-size: 1.9rem;
+    }
+
+    .post-card-excerpt {
+        font-size: 1.6rem;
+    }
+}
 
 
 /* 7. Single Post
@@ -663,129 +895,118 @@ make sure this only happens on large viewports / desktop-ish devices.
 
 .post-template .site-main,
 .page-template .site-main {
+    margin-top: 64px;
     padding-bottom: 4vw;
     background: #fff;
 }
 
-.post-full {
-    position: relative;
-    z-index: 50;
-}
-/* ^ Required to make .post-full-content:before/after z-index stacking work */
-
 .post-full-header {
+    position: relative;
     margin: 0 auto;
-    padding: 6vw 3vw 3vw;
-    max-width: 1040px;
-    text-align: center;
-}
-@media (max-width: 500px) {
-    .post-full-header {
-        padding: 14vw 3vw 10vw;
-    }
+    padding: 70px 170px 50px;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
 }
 
-.post-full-meta {
+.post-full-tags {
     display: flex;
-    justify-content: center;
+    justify-content: flex-start;
     align-items: center;
     color: var(--midgrey);
-    font-size: 1.4rem;
+    font-size: 1.3rem;
+    line-height: 1.4em;
     font-weight: 600;
     text-transform: uppercase;
 }
 
 .post-full-meta-date {
-    color: var(--blue);
+    color: var(--midgrey);
+    font-size: 1.2rem;
+    font-weight: 400;
+}
+
+@media (max-width: 1170px) {
+    .post-full-header {
+        padding: 60px 11vw 50px;
+    }
+}
+
+@media (max-width: 800px) {
+    .post-full-header {
+        padding-right: 5vw;
+        padding-left: 5vw;
+    }
+}
+
+@media (max-width: 500px) {
+    .post-full-header {
+        padding: 20px 0 35px;
+    }
 }
 
 .post-full-title {
-    margin: 0;
+    margin: 0 0 0.2em;
     color: color(var(--darkgrey) l(-5%));
 }
 
+.post-full-custom-excerpt {
+    margin: 20px 0 0;
+    color: var(--midgrey);
+    font-family: Georgia, serif;
+    font-size: 2.3rem;
+    line-height: 1.4em;
+    font-weight: 300;
+}
+
 .date-divider {
     display: inline-block;
     margin: 0 6px 1px;
+    font-weight: 300;
 }
 
 .post-full-image {
-    margin: 0 -10vw -165px;
-    background: var(--lightgrey) center center;
-    border-radius: 5px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
     overflow: hidden;
+    margin: 25px 0 50px;
+    background: color(var(--lightgrey) l(+10%));
+    border-radius: 3px;
 }
 
 .post-full-image img {
+    max-width: 1040px;
     width: 100%;
-    height: 800px;
-    object-fit: cover;
-}
-
-@media (max-width: 1170px) {
-    .post-full-image {
-        margin: 0 -4vw -100px;
-        border-radius: 0;
-    }
-    .post-full-image img {
-        height: 600px;
-    }
-}
-
-@media (max-width: 800px) {
-    .post-full-image img {
-        height: 400px;
-    }
+    height: auto;
 }
 
 .post-full-content {
     position: relative;
     margin: 0 auto;
-    padding: 70px 100px 0;
+    padding: 0 170px 6vw;
     min-height: 230px;
     font-family: Georgia, serif;
-    font-size: 2.2rem;
+    font-size: 2.0rem;
     line-height: 1.6em;
     background: #fff;
 }
 
 @media (max-width: 1170px) {
     .post-full-content {
-        padding: 5vw 7vw 0;
+        padding: 0 11vw;
     }
 }
 @media (max-width: 800px) {
     .post-full-content {
-        font-size: 1.9rem;
+        padding: 0 5vw;
+        font-size: 1.8rem;
     }
 }
-
-.post-full-content:before {
-    content: "";
-    position: absolute;
-    top: 15px;
-    left: -5px;
-    z-index: -1;
-    display: block;
-    width: 20px;
-    height: 200px;
-    background: rgba(39,44,49,0.15);
-    filter: blur(5px);
-    transform: rotate(-5deg);
-}
-
-.post-full-content:after {
-    content: "";
-    position: absolute;
-    top: 15px;
-    right: -5px;
-    z-index: -1;
-    display: block;
-    width: 20px;
-    height: 200px;
-    background: rgba(39,44,49,0.15);
-    filter: blur(5px);
-    transform: rotate(5deg);
+@media (max-width: 500px) {
+    .post-full-custom-excerpt {
+        font-size: 1.9rem;
+        line-height: 1.5em;
+    }
 }
 
 .no-image .post-full-content {
@@ -811,8 +1032,20 @@ make sure this only happens on large viewports / desktop-ish devices.
 .post-full-content blockquote,
 .post-full-comments,
 .footnotes {
+    margin: 0 0 1.5em 0;
     min-width: 100%;
 }
+@media (max-width: 500px) {
+    .post-full-content p,
+    .post-full-content ul,
+    .post-full-content ol,
+    .post-full-content dl,
+    .post-full-content pre,
+    .post-full-comments,
+    .footnotes {
+        margin-bottom: 1.28em;
+    }
+}
 
 .post-full-content li {
     word-break: break-word;
@@ -823,14 +1056,16 @@ make sure this only happens on large viewports / desktop-ish devices.
 }
 
 .post-full-content a {
-    color: #000;
+    color: var(--darkgrey);
     word-break: break-word;
-    box-shadow: var(--blue) 0 -1px 0 inset;
+    box-shadow: var(--darkgrey) 0 -1px 0 inset;
+    transition: all 0.2s ease-in-out;
 }
 
 .post-full-content a:hover {
     color: var(--blue);
     text-decoration: none;
+    box-shadow: var(--blue) 0 -1px 0 inset;
 }
 
 .post-full-content strong,
@@ -902,6 +1137,11 @@ Usage (In Ghost editor):
     padding: 0 1.5em;
     border-left: #3eb0ef 3px solid;
 }
+@media (max-width: 500px) {
+    .post-full-content blockquote {
+        padding: 0 1.3em;
+    }
+}
 
 .post-full-content blockquote p {
     margin: 0 0 1em 0;
@@ -961,7 +1201,7 @@ Usage (In Ghost editor):
 }
 
 .post-full-content hr {
-    margin: 4vw 0;
+    margin: 2em 0;
 }
 
 .post-full-content hr:after {
@@ -978,6 +1218,10 @@ Usage (In Ghost editor):
     transform: rotate(45deg);
 }
 
+.post-full-content hr + p {
+    margin-top: 1.2em;
+}
+
 .post-full-content h1,
 .post-full-content h2,
 .post-full-content h3,
@@ -989,53 +1233,78 @@ Usage (In Ghost editor):
 }
 
 .post-full-content h1 {
-    margin: 0.5em 0 0.2em 0;
-    font-size: 4.6rem;
-    font-weight: 700;
+    margin: 0.5em 0 0.4em;
+    font-size: 4.2rem;
+    line-height: 1.25em;
+    font-weight: 600;
 }
-@media (max-width: 500px) {
+.post-full-content p + h1 {
+    margin-top: 0.8em;
+}
+@media (max-width: 800px) {
     .post-full-content h1 {
-        font-size: 2.8rem;
+        font-size: 3.2rem;
+        line-height: 1.25em;
     }
 }
 
 .post-full-content h2 {
-    margin: 0.5em 0 0.2em 0;
-    font-size: 3.6rem;
-    font-weight: 700;
+    margin: 0.5em 0 0.4em;
+    font-size: 3.2rem;
+    line-height: 1.25em;
+    font-weight: 600;
 }
-@media (max-width: 500px) {
+.post-full-content p + h2 {
+    margin-top: 0.8em;
+}
+@media (max-width: 800px) {
     .post-full-content h2 {
-        font-size: 2.6rem;
+        margin-bottom: 0.3em;
+        font-size: 2.8rem;
+        line-height: 1.25em;
     }
 }
 
 .post-full-content h3 {
-    margin: 0.5em 0 0.2em 0;
-    font-size: 2.8rem;
-    font-weight: 700;
+    margin: 0.5em 0 0.2em;
+    font-size: 2.5rem;
+    line-height: 1.3em;
+    font-weight: 600;
 }
-@media (max-width: 500px) {
+.post-full-content h2 + h3 {
+    margin-top: 0.7em;
+}
+@media (max-width: 800px) {
     .post-full-content h3 {
-        font-size: 2.2rem;
+        margin-bottom: 0.3em;
+        font-size: 2.4rem;
+        line-height: 1.3em;
     }
 }
 
 .post-full-content h4 {
-    margin: 0.5em 0 0.2em 0;
-    font-size: 2.8rem;
-    font-weight: 700;
+    margin: 0.5em 0 0.2em;
+    font-size: 2.5rem;
+    font-weight: 600;
 }
-@media (max-width: 500px) {
+.post-full-content h2 + h4 {
+    margin-top: 0.7em;
+}
+.post-full-content h3 + h4 {
+    margin-top: 0;
+}
+@media (max-width: 800px) {
     .post-full-content h4 {
-        font-size: 2.2rem;
+        margin-bottom: 0.3em;
+        font-size: 2.4rem;
+        line-height: 1.3em;
     }
 }
 
 .post-full-content h5 {
     display: block;
     margin: 0.5em 0;
-    padding: 1em 0 1.5em;
+    padding: 0.4em 1em 0.9em;
     border: 0;
     color: var(--blue);
     font-family: Georgia,serif;
@@ -1049,21 +1318,25 @@ Usage (In Ghost editor):
         width: 100vw;
     }
 }
-@media (max-width: 500px) {
+@media (max-width: 800px) {
     .post-full-content h5 {
+        margin-bottom: 1em;
+        margin-left: 1.3em;
         padding: 0 0 0.5em;
-        font-size: 2.2rem;
+        font-size: 2.4rem;
+        text-align: initial;
     }
 }
 
 .post-full-content h6 {
     margin: 0.5em 0 0.2em 0;
-    font-size: 2.3rem;
+    font-size: 2.0rem;
     font-weight: 700;
 }
-@media (max-width: 500px) {
+@media (max-width: 800px) {
     .post-full-content h6 {
-        font-size: 2rem;
+        font-size: 1.8rem;
+        line-height: 1.4em;
     }
 }
 
@@ -1088,21 +1361,43 @@ Usage (In Ghost editor):
 }
 
 /* Some grouped styles for smaller viewports */
+@media (max-width: 1170px) {
+    .post-full-image {
+        margin: 25px -6vw 50px;
+        border-radius: 0;
+    }
+
+    .post-full-image img {
+        max-width: 1170px;
+    }
+}
+
+@media (max-width: 700px) {
+    .post-full-image {
+        margin: 25px -5vw;
+    }
+}
+
 @media (max-width: 500px) {
     .post-full-meta {
         font-size: 1.2rem;
         line-height: 1.3em;
     }
+
     .post-full-title {
-        font-size: 2.9rem;
+        margin-top: 0.2em;
+        font-size: 3.3rem;
     }
+
     .post-full-image {
-        margin-bottom: 4vw;
-        height: 350px;
+        margin-top: 5px;
+        margin-bottom: 5vw;
     }
+
     .post-full-content {
         padding: 0;
     }
+
     .post-full-content:before,
     .post-full-content:after {
         display: none;
@@ -1162,16 +1457,203 @@ Usage (In Ghost editor):
 }
 
 
-/* 7.1. Subscribe Form
+/* 7.1. Post Byline
 /* ---------------------------------------------------------- */
 
+.post-full-byline {
+    display: flex;
+    justify-content: space-between;
+    margin: 35px 0 0;
+    padding-top: 15px;
+    border-top: 1px solid color(var(--lightgrey) l(+10%));
+}
+
+.post-full-byline-content {
+    flex-grow: 1;
+    display: flex;
+    align-items: flex-start;
+}
+
+.post-full-byline-content .author-list {
+    justify-content: flex-start;
+    padding: 0 12px 0 0;
+}
+
+.post-full-byline-meta {
+    margin: 2px 0 0;
+    color: color(var(--midgrey) l(+10%));
+    font-size: 1.2rem;
+    line-height: 1.2em;
+    letter-spacing: 0.2px;
+    text-transform: uppercase;;
+}
+
+.post-full-byline-meta h4 {
+    margin: 0 0 3px;
+    font-size: 1.3rem;
+    line-height: 1.4em;
+    font-weight: 500;
+}
+
+.post-full-byline-meta h4 a {
+    color: color(var(--darkgrey) l(+10%));
+}
+
+.post-full-byline-meta h4 a:hover {
+    color: var(--darkgrey);
+}
+
+.post-full-byline-meta .bull {
+    display: inline-block;
+    margin: 0 4px;
+    opacity: 0.6;
+}
+
+.author-avatar {
+    display: block;
+    overflow: hidden;
+    margin: 0 -4px;
+    width: 40px;
+    height: 40px;
+    border: #fff 2px solid;
+    border-radius: 100%;
+    transition: all 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 700ms;
+}
+
+.author-list-item .author-card {
+    position: absolute;
+    bottom: 130%;
+    left: 50%;
+    z-index: 600;
+    display: flex;
+    justify-content: space-between;
+    margin-left: -200px;
+    width: 400px;
+    font-size: 1.4rem;
+    line-height: 1.5em;
+    background: white;
+    border-radius: 3px;
+    box-shadow: rgba(39,44,49,0.08) 0 12px 26px, rgba(39, 44, 49, 0.06) 1px 3px 8px;
+    opacity: 0;
+    transition: all 0.35s cubic-bezier(0.4, 0.01, 0.165, 0.99);
+    transform: scale(0.98) translateY(15px);
+    pointer-events: none;
+}
+
+.author-list-item .author-card:before {
+    content: "";
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    display: block;
+    margin-left: -8px;
+    width: 0;
+    height: 0;
+    border-top: 8px solid #fff;
+    border-right: 8px solid transparent;
+    border-left: 8px solid transparent;
+}
+
+.author-list-item .author-card.hovered {
+    opacity: 1.0;
+    transform: scale(1) translateY(0px);
+    pointer-events: auto;
+}
+
+.author-card {
+    padding: 20px 20px 22px;
+}
+
+.author-card .author-info {
+    flex: 1 1 auto;
+    padding: 0 0 0 20px;
+}
+
+.author-card .author-info h2 {
+    margin: 8px 0 0;
+    font-size: 1.6rem;
+}
+
+.author-card .author-info p {
+    margin: 4px 0 0;
+    color: color(var(--midgrey) l(-10%));
+}
+
+.author-card .author-info .bio h2 {
+    margin-top: 0;
+}
+
+.author-card .author-info .bio p {
+    margin-top: 0.8em;
+}
+
+.author-card .author-profile-image {
+    flex: 0 0 60px;
+    margin: 0;
+    width: 60px;
+    height: 60px;
+    border: none;
+}
+
+.basic-info .avatar-wrapper {
+    position: relative;
+    margin: 0;
+    width: 60px;
+    height: 60px;
+    border: none;
+    background: rgba(229, 239, 245, 0.1);
+}
+
+.basic-info .avatar-wrapper svg {
+    margin: 0;
+    width: 60px;
+    height: 60px;
+    opacity: 0.15;
+}
+
+@media (max-width: 1170px) {
+    .author-list-item .author-card {
+        margin-left: -50px;
+        width: 430px;
+    }
+
+    .author-list-item .author-card:before {
+        left: 50px;
+    }
+}
+
+@media (max-width: 650px) {
+    .author-list-item .author-card {
+        display: none;
+    }
+}
+
+@media (max-width: 500px) {
+    .author-avatar {
+        width: 32px;
+        height: 32px;
+    }
+
+    .post-full-byline-meta {
+        font-size: 1.2rem;
+    }
+
+    .post-full-byline-meta h4 {
+        margin-bottom: 2px;
+        font-size: 1.2rem;
+    }
+}
+
+
+/* 7.2. Members Subscribe Form
+/* ---------------------------------------------------------- */
 .subscribe-form {
     margin: 1.5em 0;
-    padding: 6.5vw 7vw 7vw;
-    border: color(var(--whitegrey) l(+2%)) 1px solid;
+    padding: 6.5vw 7vw 8vw;
+    border: color(var(--lightgrey) l(+10%)) 1px solid;
     text-align: center;
-    background: color(var(--whitegrey) l(+4%));
-    border-radius: 7px;
+    background: linear-gradient(color(var(--whitegrey) l(+6%)), color(var(--whitegrey) l(+4%)));
+    border-radius: 3px;
 }
 
 .subscribe-form-title {
@@ -1180,27 +1662,28 @@ Usage (In Ghost editor):
     color: var(--darkgrey);
     font-size: 3.5rem;
     line-height: 1;
-    font-weight: 700;
+    font-weight: 600;
 }
 
-.subscribe-form p {
-    margin-bottom: 1em;
+.subscribe-form-description {
+    margin-bottom: 0.2em 0 1em;
     color: var(--midgrey);
-    font-size: 2.2rem;
+    font-size: 2.1rem;
     line-height: 1.55em;
-    letter-spacing: 0.2px;
 }
 
 .subscribe-form form {
     display: flex;
+    flex-direction: column;
     justify-content: center;
     align-items: center;
     margin: 0 auto;
-    max-width: 420px;
+    max-width: 460px;
 }
 
 .subscribe-form .form-group {
-    flex-grow: 1;
+    align-self: stretch;
+    display: flex;
 }
 
 .subscribe-email {
@@ -1225,17 +1708,17 @@ Usage (In Ghost editor):
 }
 
 .subscribe-form button {
+    position: relative;
     display: inline-block;
     margin: 0 0 0 10px;
     padding: 0 20px;
-    height: 41px;
+    height: 43px;
     outline: none;
     color: #fff;
     font-size: 1.5rem;
-    line-height: 37px;
+    line-height: 39px;
     font-weight: 400;
     text-align: center;
-    text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
     background: linear-gradient(
     color(var(--blue) whiteness(+7%)),
     color(var(--blue) lightness(-7%) saturation(-10%)) 60%,
@@ -1243,7 +1726,6 @@ Usage (In Ghost editor):
     color(var(--blue) lightness(-4%) saturation(-10%))
     );
     border-radius: 5px;
-    box-shadow: 0 0 0 1px inset rgba(0,0,0,0.14);
 
     -webkit-font-smoothing: subpixel-antialiased;
 }
@@ -1253,11 +1735,58 @@ Usage (In Ghost editor):
     background: color(var(--blue) lightness(-9%) saturation(-10%));
 }
 
+.subscribe-form .button-loader,
+.subscribe-form .message-success,
+.subscribe-form .message-error {
+    display: none;
+}
+
+.subscribe-form .loading .button-content {
+    visibility: hidden;
+}
+
+.subscribe-form .loading .button-loader {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    display: inline-block;
+    margin-left: -19px;
+    transform: scale(0.7);
+}
+
+.subscribe-form .button-loader svg path,
+.subscribe-form .button-loader svg rect {
+    fill: #fff;
+}
+
+.subscribe-form .success .message-success,
+.subscribe-form .invalid .message-error,
+.subscribe-form .error .message-error {
+    margin: 1em auto 0;
+    max-width: 400px;
+    color: var(--red);
+    font-size: 1.6rem;
+    line-height: 1.5em;
+    text-align: center;
+}
+
+.subscribe-form .success .message-success {
+    display: block;
+    color: color(var(--green) l(-5%));
+}
+
+.subscribe-form .invalid .message-error,
+.subscribe-form .error .message-error {
+    display: block;
+}
+
+
 @media (max-width: 650px) {
     .subscribe-form-title {
         font-size: 2.4rem;
     }
-    .subscribe-form p {
+
+    .subscribe-form-description {
         font-size: 1.6rem;
     }
 }
@@ -1266,9 +1795,12 @@ Usage (In Ghost editor):
     .subscribe-form form {
         flex-direction: column;
     }
+
     .subscribe-form .form-group {
+        flex-direction: column;
         width: 100%;
     }
+
     .subscribe-form button {
         margin: 10px 0 0 0;
         width: 100%;
@@ -1276,208 +1808,6 @@ Usage (In Ghost editor):
 }
 
 
-/* 7.2. Post Footer
-/* ---------------------------------------------------------- */
-
-.post-full-footer {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin: 0 auto;
-    padding: 3vw 0 6vw 0;
-    max-width: 840px;
-}
-
-/* 7.2.1 Single Author Byline
-/* ---------------------------------------------------------- */
-
-.author-card {
-    display: flex;
-}
-
-.author-card .author-profile-image,
-.author-card .avatar-wrapper {
-    margin-right: 15px;
-    width: 60px;
-    height: 60px;
-}
-
-.author-card-name {
-    margin: 8px 0 2px 0;
-    padding: 0;
-    font-size: 2rem;
-}
-
-.author-card-name a {
-    color: var(--darkgrey);
-    font-weight: 700;
-}
-
-.author-card-name a:hover {
-    text-decoration: none;
-}
-
-.author-card-content p {
-    margin: 0;
-    color: var(--midgrey);
-    line-height: 1.3em;
-}
-
-.post-full-footer-right {
-    flex-shrink: 0;
-    margin-left: 20px;
-}
-
-.author-card-button {
-    display: block;
-    padding: 9px 16px;
-    border: color(var(--midgrey) l(+20%)) 1px solid;
-    color: var(--midgrey);
-    font-size: 1.2rem;
-    line-height: 1;
-    font-weight: 500;
-    border-radius: 20px;
-    transition: all ease 0.2s;
-}
-
-.author-card-button:hover {
-    border-color: var(--blue);
-    color: var(--blue);
-    text-decoration: none;
-}
-
-/* 7.2.2 Multiple Author Byline
-/* ---------------------------------------------------------- */
-
-.post-full-authors {
-    flex-grow: 1;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    margin-top: 20px;
-    padding-top: 40px;
-    border-top: color(var(--lightgrey) l(+10%)) 1px solid;
-}
-
-.post-full-authors-content {
-    margin-bottom: 20px;
-}
-
-.post-full-authors-content p {
-    margin-bottom: 0;
-    color: var(--midgrey);
-    font-size: 1.4rem;
-    letter-spacing: 0.2px;
-    text-align: center;
-    text-transform: uppercase;
-}
-
-.post-full-authors-content a {
-    display: inline-block;
-    color: color(var(--darkgrey) l(+20%));
-    font-size: 1.4rem;
-    font-weight: 600;
-    text-transform: uppercase;
-}
-
-.post-full-footer .author-list {
-    justify-content: center;
-    padding: 10px 20px;
-}
-
-.author-card .author-profile-image,
-.author-card .avatar-wrapper {
-    position: relative;
-    margin-right: 15px;
-}
-
-.author-list-item .author-card {
-    position: absolute;
-    bottom: 130%;
-    left: 50%;
-    z-index: 300;
-    display: block;
-    margin-left: -160px;
-    width: 320px;
-    font-size: 1.4rem;
-    letter-spacing: 0.2px;
-    background: white;
-    border-radius: 6px;
-    box-shadow: rgba(39,44,49,0.08) 0 12px 26px, rgba(39, 44, 49, 0.03) 1px 3px 8px;
-    opacity: 0;
-    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-    transform: scale(0.98) translateY(15px);
-    pointer-events: none;
-}
-
-.author-list-item .author-card:before {
-    content: "";
-    position: absolute;
-    top: 100%;
-    left: 50%;
-    display: block;
-    margin-left: -12px;
-    width: 0;
-    height: 0;
-    border-top: 12px solid #fff;
-    border-right: 12px solid transparent;
-    border-left: 12px solid transparent;
-}
-
-.author-list-item .author-card.hovered {
-    opacity: 1.0;
-    transform: scale(1) translateY(0px);
-    pointer-events: auto;
-}
-
-.author-card .basic-info {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 30px 20px 20px 20px;
-    color: #fff;
-    background: var(--darkgrey);
-    border-radius: 6px 6px 0 0;
-}
-
-.author-card .basic-info h2 {
-    margin: 1em 0 0.5em;
-}
-
-.author-card .bio {
-    padding: 20px 20px 0;
-}
-
-@media (max-width: 650px) {
-    .author-list-item .author-card {
-        display: none;
-    }
-}
-
-.basic-info .author-profile-image {
-    margin: 0;
-    width: 88px;
-    height: 88px;
-    border: none;
-}
-
-.basic-info .avatar-wrapper {
-    position: relative;
-    margin: 0;
-    width: 88px;
-    height: 88px;
-    border: none;
-    background: rgba(229, 239, 245, 0.1);
-}
-
-.basic-info .avatar-wrapper svg {
-    margin: 0;
-    width: 88px;
-    height: 88px;
-    opacity: 0.15;
-}
-
-
 /* 7.3. Comments
 /* ---------------------------------------------------------- */
 
@@ -1490,365 +1820,218 @@ Usage (In Ghost editor):
 /* 7.4. Related posts
 /* ---------------------------------------------------------- */
 
+.read-next {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    background: color(var(--darkgrey) l(-5%));
+}
+
 .read-next-feed {
     display: flex;
     flex-wrap: wrap;
-    margin: 0 -20px;
-    padding: 40px 0 0 0;
+    margin: 0 -25px;
+    padding: 60px 0 0 0;
+}
+
+.read-next .post-card {
+    padding-bottom: 0;
+    border-bottom: none;
+}
+
+.read-next .post-card:after {
+    display: none;
+}
+
+.read-next .post-card-primary-tag {
+    color: #fff;
+    opacity: 0.6;
+}
+
+.read-next .post-card-title {
+    color: #fff;
+    opacity: 0.8;
+    transition: all 0.2s ease-in-out;
+}
+
+.read-next .post-card:hover .post-card-image {
+    opacity: 1.0;
+}
+
+.read-next .post-card-excerpt {
+    color: rgba(255, 255, 255, 0.6);
+}
+
+.read-next .static-avatar {
+    border-color: #000;
+}
+
+.read-next .post-card-byline-content {
+    color: rgba(255, 255, 255, 0.6);
+}
+
+.read-next .post-card-byline-content a {
+    color: rgba(255, 255, 255, 0.8);
 }
 
 .read-next-card {
     position: relative;
-    flex: 1 1 300px;
+    flex: 0 1 326px;
     display: flex;
     flex-direction: column;
     overflow: hidden;
-    margin: 0 20px 40px;
+    margin: 0 25px 50px;
     padding: 25px;
+    background: linear-gradient(color(var(--darkgrey) l(+2%)), color(var(--darkgrey) l(-5%)));
+    border-radius: 3px;
+}
+
+.read-next-card a {
+    transition: all 0.2s ease-in-out;
+}
+
+.read-next-card a:hover {
+    text-decoration: none;
+}
+
+.read-next-card-header h3 {
+    margin: 0;
+    color: rgba(255, 255, 255, 0.6);
+    font-size: 1.2rem;
+    line-height: 1em;
+    font-weight: 300;
+    letter-spacing: 0.4px;
+    text-transform: uppercase;
+}
+
+.read-next-card-header h3 a {
     color: #fff;
-    background: var(--darkgrey) center center;
-    background-size: cover;
-    border-radius: 5px;
-    box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px;
-}
-
-.read-next-card:before {
-    content: "";
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    display: block;
-    background: linear-gradient(135deg, rgba(0,40,60,0.8) 0%,rgba(0,20,40,0.7) 100%);
-    border-radius: 5px;
-
-    backdrop-filter: blur(2px);
-}
-
-.read-next-card-header {
-    position: relative;
-    z-index: 50;
-    padding-top: 20px;
-    text-align: center;
-}
-
-.read-next-card-header-sitetitle {
-    display: block;
-    font-size: 1.3rem;
-    line-height: 1.3em;
+    font-weight: 500;
+    text-decoration: none;
     opacity: 0.8;
 }
 
-.read-next-card-header-title {
-    margin: 0;
-    padding: 0 20px;
-    color: #fff;
-    font-size: 3rem;
-    line-height: 1.2em;
-    letter-spacing: 1px;
-}
-
-.read-next-card-header-title a {
-    color: #fff;
-    font-weight: 300;
-    text-decoration: none;
-}
-
-.read-next-card-header-title a:hover {
-    text-decoration: none;
-}
-
-.read-next-divider {
-    position: relative;
-    display: flex;
-    justify-content: center;
-    height: 80px;
-}
-
-.read-next-divider svg {
-    width: 40px;
-    fill: transparent;
-    stroke: #fff;
-
-    stroke-width: 0.5px;
-    stroke-opacity: 0.65;
+.read-next-card-header h3 a:hover {
+    opacity: 1;
 }
 
 .read-next-card-content {
-    position: relative;
-    z-index: 50;
-    flex-grow: 1;
-    display: flex;
     font-size: 1.7rem;
 }
 
 .read-next-card-content ul {
     display: flex;
     flex-direction: column;
-    margin: 0 auto;
+    margin: 0;
     padding: 0;
-    text-align: center;
     list-style: none;
 }
 
 .read-next-card-content li {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin: 0;
+    padding: 20px 0;
+    border-bottom: rgba(255, 255, 255, 0.1);
+}
+
+.read-next-card-content li:last-of-type {
+    padding-bottom: 5px;
+    border: none;
+}
+
+.read-next-card-content h4 {
     margin: 0;
-    padding: 0;
     font-size: 1.6rem;
-    line-height: 1.25em;
-    font-weight: 200;
-    letter-spacing: -0.5px;
+    line-height: 1.35em;
+    font-weight: 600;
 }
 
 .read-next-card-content li a {
     display: block;
-    padding: 20px 0;
-    border-bottom: rgba(255,255,255,0.3) 1px solid;
     color: #fff;
-    font-weight: 500;
-    vertical-align: top;
-    transition: opacity 0.3s ease;
-}
-
-.read-next-card-content li:first-of-type a {
-    padding-top: 10px;
+    opacity: 0.8;
 }
 
 .read-next-card-content li a:hover {
     opacity: 1;
 }
 
+.read-next-card-excerpt {
+    overflow: hidden;
+    max-width: 100%;
+    font-size: 1.4rem;
+    line-height: 1.2em;
+    text-overflow: ellipsis;
+}
+
+.read-next-card-meta {
+    margin-top: 2px;
+    font-size: 1.2rem;
+    line-height: 1.4em;
+    font-weight: 400;
+}
+
+.read-next-card-meta p {
+    margin: 0;
+    color: rgba(255, 255, 255, 0.6);
+}
+
 .read-next-card-footer {
     position: relative;
-    margin: 15px 0 3px 0;
-    text-align: center;
+    margin: 40px 0 5px;
 }
 
 .read-next-card-footer a {
-    color: #fff;
+    padding: 7px 12px 8px 14px;
+    border: 1px solid rgba(255, 255, 255, 0.6);
+    color: rgba(255, 255, 255, 0.6);
+    font-size: 1.3rem;
+    border-radius: 999px;
+    transition: all 0.35s ease-in-out;
 }
 
-
-/* 7.5. Floating Header
-/* ---------------------------------------------------------- */
-
-.floating-header {
-    visibility: hidden;
-    position: fixed;
-    top: 0;
-    right: 0;
-    left: 0;
-    z-index: 1000;
-    display: flex;
-    align-items: center;
-    height: 60px;
-    border-bottom: rgba(0,0,0,0.06) 1px solid;
-    background: rgba(255,255,255,0.95);
-    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
-    transform: translate3d(0, -120%, 0);
-}
-
-.floating-active {
-    visibility: visible;
-    transition: all 500ms cubic-bezier(0.22, 1, 0.27, 1);
-    transform: translate3d(0, 0, 0);
-}
-
-.floating-header-logo {
-    overflow: hidden;
-    margin: 0 0 0 20px;
-    font-size: 1.6rem;
-    line-height: 1em;
-    letter-spacing: -1px;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.floating-header-logo a {
-    display: flex;
-    align-items: center;
-    color: var(--darkgrey);
-    line-height: 1.1em;
-    font-weight: 700;
-}
-
-.floating-header-logo a:hover {
+.read-next-card-footer a:hover {
+    border-color: var(--yellow);
+    color: var(--yellow);
     text-decoration: none;
 }
 
-.floating-header-logo img {
-    margin: 0 10px 0 0;
-    max-height: 20px;
-}
-
-.floating-header-divider {
-    margin: 0 5px;
-    line-height: 1em;
-}
-
-.floating-header-title {
-    flex: 1;
-    overflow: hidden;
-    margin: 0;
-    color: #2e2e2e;
-    font-size: 1.6rem;
-    line-height: 1.3em;
-    font-weight: bold;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.floating-header-share {
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    padding-left: 2%;
-    font-size: 1.3rem;
-    line-height: 1;
-}
-
-.floating-header-share a {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.floating-header-share svg {
-    width: auto;
-    height: 16px;
-    fill: #fff;
-}
-
-.floating-header-share-label {
-    flex-shrink: 0;
-    display: flex;
-    align-items: center;
-    margin-right: 10px;
-    color: rgba(0,0,0,0.7);
-    font-weight: 500;
-}
-
-.floating-header-share-label svg {
-    margin: 0 5px 0 10px;
-    width: 18px;
-    height: 18px;
-    stroke: rgba(0,0,0,0.7);
-    transform: rotate(90deg);
-}
-
-.floating-header-share-tw,
-.floating-header-share-fb {
-    display: block;
-    align-items: center;
-    width: 60px;
-    height: 60px;
-    color: #fff;
-    line-height: 48px;
-    text-align: center;
-    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
-}
-
-.floating-header-share-tw {
-    background: #33b1ff;
-}
-
-.floating-header-share-fb {
-    background: #005e99;
-}
-
-.progress {
-    position: absolute;
-    right: 0;
-    bottom: -1px;
-    left: 0;
-    width: 100%;
-    height: 2px;
-    border: none;
-    color: var(--blue);
-    background: transparent;
-
-    appearance: none;
-}
-
-.progress::-webkit-progress-bar {
-    background-color: transparent;
-}
-
-.progress::-webkit-progress-value {
-    background-color: var(--blue);
-}
-
-.progress::-moz-progress-bar {
-    background-color: var(--blue);
-}
-
-.progress-container {
-    position: absolute;
-    top: 0;
-    left: 0;
-    display: block;
-    width: 100%;
-    height: 2px;
-    background-color: transparent;
-}
-
-.progress-bar {
-    display: block;
-    width: 50%;
-    height: inherit;
-    background-color: var(--blue);
-}
-
-@media (max-width: 900px) {
-    .floating-header {
-        height: 40px;
-    }
-    .floating-header-title,
-    .floating-header-logo {
-        font-size: 1.5rem;
-    }
-    .floating-header-share-tw,
-    .floating-header-share-fb {
-        width: 40px;
-        height: 40px;
-        line-height: 38px;
+@media (max-width: 1170px) {
+    .read-next-card {
+        flex: 1 1 261px;
+        margin-bottom: 5vw;
     }
 }
 
-@media (max-width: 800px) {
-    .floating-header-logo {
-        margin-left: 10px;
+@media (max-width: 650px) {
+    .read-next-feed {
+        flex-direction: column;
+        padding: 25px 0 0;
     }
-    .floating-header-logo a {
-        color: #2e2e2e;
-    }
-    .floating-header-title,
-    .floating-header-divider {
-        visibility: hidden;
-    }
-}
 
-@media (max-width: 450px) {
-    .floating-header-share-label {
-        display: none;
+    .read-next-card {
+        flex: 1 1 auto;
+        margin: 0 25px;
+        padding: 0;
+        background: none;
+    }
+
+    .read-next .post-card {
+        flex: 1 1 auto;
+        margin: 25px;
+        padding: 25px 0 0;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     }
 }
 
 
-/* 7.6. Koenig Styles
+/* 7.5. Koenig Styles
 /* ---------------------------------------------------------- */
 
 .post-content {
     display: flex;
     flex-direction: column;
     align-items: center;
-    max-width: 920px;
-}
-
-.post-template .post-content > p:first-child {
-    font-size: 1.25em;
-    line-height: 1.5em;
 }
 
 .post-full-content .kg-image {
@@ -1869,7 +2052,14 @@ Usage (In Ghost editor):
 }
 
 .post-full-content figure {
-    margin: 1.5em 0 3em;
+    margin: 0.8em 0 2.3em;
+}
+
+.post-full-content h1 + figure,
+.post-full-content h2 + figure,
+.post-full-content h3 + figure,
+.post-full-content h4 + figure {
+    margin-top: 2em;
 }
 
 .post-full-content figure img {
@@ -1878,8 +2068,10 @@ Usage (In Ghost editor):
 
 .post-full-content figcaption {
     margin: 1.0em 0 0;
-    font-size: 80%;
-    line-height: 1.6em;
+    color: color(var(--midgrey) l(-10%));;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+    font-size: 75%;
+    line-height: 1.5em;
     text-align: center;
 }
 
@@ -1950,8 +2142,8 @@ Usage (In Ghost editor):
 }
 
 .kg-bookmark-card {
-    background: var(--white);
     width: 100%;
+    background: var(--white);
 }
 
 .kg-card + .kg-bookmark-card {
@@ -1960,28 +2152,35 @@ Usage (In Ghost editor):
 
 .post-full-content .kg-bookmark-container {
     display: flex;
+    min-height: 148px;
+    color: var(--darkgrey);
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+    text-decoration: none;
+    border-radius: 3px;
+    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.09);
+}
+
+.post-full-content .kg-bookmark-container:hover {
     color: var(--darkgrey);
     text-decoration: none;
-    min-height: 148px;
-    box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.09);
-    border-radius: 3px;
+    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.09);
 }
 
 .kg-bookmark-content {
+    flex-grow: 1;
     display: flex;
     flex-direction: column;
-    flex-grow: 1;
+    justify-content: flex-start;
     align-items: flex-start;
-    justify-content: start;
     padding: 20px;
 }
 
 .kg-bookmark-title {
+    color: color(var(--midgrey) l(-30%));
     font-size: 1.6rem;
     line-height: 1.5em;
     font-weight: 600;
-    color: color(var(--midgrey) l(-30%));
+    transition: color 0.2s ease-in-out;
 }
 
 .post-full-content .kg-bookmark-container:hover .kg-bookmark-title {
@@ -1990,13 +2189,14 @@ Usage (In Ghost editor):
 
 .kg-bookmark-description {
     display: -webkit-box;
-    font-size: 1.5rem;
-    line-height: 1.5em;
-    color: color(var(--midgrey) l(-10%));
-    font-weight: 400;
+    overflow-y: hidden;
     margin-top: 12px;
     max-height: 48px;
-    overflow-y: hidden;
+    color: color(var(--midgrey) l(-10%));
+    font-size: 1.5rem;
+    line-height: 1.5em;
+    font-weight: 400;
+
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }
@@ -2013,24 +2213,25 @@ Usage (In Ghost editor):
     left: 0;
     width: 100%;
     height: 100%;
-    object-fit: cover;
     border-radius: 0 3px 3px 0;
+
+    object-fit: cover;
 }
 
 .kg-bookmark-metadata {
     display: flex;
+    flex-wrap: wrap;
     align-items: center;
+    margin-top: 14px;
+    color: color(var(--midgrey) l(-10%));
     font-size: 1.5rem;
     font-weight: 400;
-    color: color(var(--midgrey) l(-10%));
-    margin-top: 14px;
-    flex-wrap: wrap;
 }
 
 .post-full-content .kg-bookmark-icon {
+    margin-right: 8px;
     width: 22px;
     height: 22px;
-    margin-right: 8px;
 }
 
 .kg-bookmark-author {
@@ -2044,21 +2245,56 @@ Usage (In Ghost editor):
 
 .kg-bookmark-publisher {
     overflow: hidden;
+    max-width: 240px;
     line-height: 1.5em;
     text-overflow: ellipsis;
     white-space: nowrap;
-    max-width: 240px;
+}
+
+@media (max-width: 800px) {
+    .post-full-content figure {
+        margin: 0.2em 0 1.3em;
+    }
+
+    .post-full-content h1 + figure,
+    .post-full-content h2 + figure,
+    .post-full-content h3 + figure,
+    .post-full-content h4 + figure {
+        margin-top: 0.9em;
+    }
 }
 
 @media (max-width: 500px) {
+    .post-full-content .kg-width-wide,
+    .post-full-content .kg-width-full {
+        margin-right: -5vw;
+        margin-left: -5vw;
+    }
+
+    .post-full-content figcaption {
+        margin-bottom: 0.4em;
+    }
+
     .post-full-content .kg-bookmark-container {
         flex-direction: column;
     }
 
+    .kg-bookmark-title,
+    .kg-bookmark-description,
+    .kg-bookmark-metadata {
+        font-size: 1.4rem;
+        line-height: 1.5em;
+    }
+
+    .post-full-content .kg-bookmark-icon {
+        width: 18px;
+        height: 18px;
+    }
+
     .kg-bookmark-thumbnail {
         order: 1;
-        width: 100%;
         min-height: 160px;
+        width: 100%;
     }
 
     .kg-bookmark-thumbnail img {
@@ -2066,66 +2302,130 @@ Usage (In Ghost editor):
     }
 
     .kg-bookmark-content {
-        order: 2
+        order: 2;
     }
 }
 
 /* 8. Author Template
 /* ---------------------------------------------------------- */
+.author-header {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: flex-start;
+    padding: 10vw 0 10px;
+}
+
+.site-archive-header .no-image .author-header {
+    padding-bottom: 20px;
+}
+
+.author-header-content {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin: 5px 0 0 30px;
+}
 
 .site-header-content .author-profile-image {
     z-index: 10;
     flex-shrink: 0;
-    margin: 0 0 20px 0;
-    width: 100px;
-    height: 100px;
+    margin: 5px 0 0;
+    width: 110px;
+    height: 110px;
     box-shadow: rgba(255,255,255,0.1) 0 0 0 6px;
 }
 
-.site-header-content .author-bio {
+.author-header-content .author-bio {
     z-index: 10;
     flex-shrink: 0;
-    margin: 5px 0 10px 0;
-    max-width: 600px;
-    font-size: 2rem;
-    line-height: 1.3em;
-    font-weight: 300;
-    letter-spacing: 0.5px;
+    margin: 6px 0 -6px;
+    max-width: 46em;
+    font-size: 2.0rem;
+    line-height: 1.4em;
+    font-weight: 400;
     opacity: 0.8;
 }
 
-.site-header-content .author-meta {
+.author-header-content .author-meta {
     z-index: 10;
     flex-shrink: 0;
     display: flex;
-    justify-content: center;
     align-items: center;
-    margin: 0 0 10px 0;
-    font-family: Georgia, serif;
-    font-style: italic;
+    margin: 0 0 0 1px;
+    font-size: 1.2rem;
+    font-weight: 400;
+    letter-spacing: 0.2px;
+    text-transform: uppercase;
 }
 
-.site-header-content .author-location svg {
-    height: 1.9rem;
-    stroke: #fff;
-}
-
-.site-header-content .bull {
-    display: inline-block;
-    margin: 0 12px;
-    opacity: 0.5;
-}
-
-.site-header-content .social-link:first-of-type {
+.author-header-content .social-link:first-of-type {
     padding-left: 4px;
 }
 
+.no-image .author-header-content .author-bio {
+    color: var(--midgrey);
+    opacity: 1.0;
+}
+
+.no-image .author-header-content .author-meta {
+    color: var(--midgrey);
+    opacity: 1.0;
+}
+
+.author-social-link a {
+    color: var(--darkgrey);
+    font-weight: 600;
+}
+
+.author-social-link a:hover {
+    opacity: 1;
+}
+
+.author-social-link {
+    padding: 10px 0;
+}
+
+.author-social-link {
+    display: inline-block;
+    margin: 0;
+    padding: 10px 0;
+}
+
+.author-location + .author-stats:before,
+.author-stats + .author-social-link:before,
+.author-social-link + .author-social-link:before {
+    content: "\2022";
+    display: inline-block;
+    margin: 0 12px;
+    color: var(--midgrey);
+    opacity: 0.6;
+}
+
 @media (max-width: 500px) {
-    .site-header-content .author-bio {
+    .author-header {
+        padding: 10px 0 0;
+    }
+
+    .no-image .author-header {
+        padding-bottom: 10px;
+    }
+
+    .author-header-content {
+        margin-left: 20px;
+    }
+
+    .site-header-content .author-profile-image {
+        width: 80px;
+        height: 80px;
+    }
+
+    .author-header-content .author-bio {
         font-size: 1.8rem;
-        line-height: 1.15em;
+        line-height: 1.3em;
         letter-spacing: 0;
     }
+
     .author-location,
     .author-stats {
         display: none;
@@ -2152,6 +2452,9 @@ Usage (In Ghost editor):
 }
 
 .error-message {
+    margin-bottom: -3vw;
+    padding-bottom: 5vw;
+    border-bottom: 1px solid color(var(--lightgrey) l(+10%));
     text-align: center;
 }
 
@@ -2188,9 +2491,73 @@ Usage (In Ghost editor):
 }
 
 
-/* 10. Subscribe Overlay
+/* 10. Subscribe Message and Overlay
 /* ---------------------------------------------------------- */
 
+.subscribe-success-message {
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    z-index: 9000;
+    padding: 20px 0;
+    color: #fff;
+    text-align: center;
+    background: var(--green);
+    transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
+    transform: translateY(-175%);
+}
+
+.subscribe-success .subscribe-success-message {
+    visibility: visible;
+    transform: translateY(0);
+}
+
+.subscribe-success-message.close {
+    visibility: hidden;
+    transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
+    transform: translateY(-175%);
+}
+
+.subscribe-close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: block;
+}
+
+.subscribe-close:before {
+    content: "";
+    position: absolute;
+    top: 32px;
+    right: 25px;
+    display: block;
+    width: 20px;
+    height: 1px;
+    background: #fff;
+    opacity: 0.8;
+    transform: rotate(45deg);
+}
+
+.subscribe-close:after {
+    content: "";
+    position: absolute;
+    top: 32px;
+    right: 25px;
+    display: block;
+    width: 20px;
+    height: 1px;
+    background: #fff;
+    opacity: 0.8;
+    transform: rotate(-45deg);
+}
+
+.subscribe-close:hover {
+    cursor: default;
+}
+
 .subscribe-overlay {
     position: fixed;
     top: 0;
@@ -2201,14 +2568,20 @@ Usage (In Ghost editor):
     display: flex;
     justify-content: center;
     align-items: center;
-    background: rgba(0,25,40,0.97);
+    background: rgba(9,10,11,0.97);
     opacity: 0;
-    transition: opacity 200ms ease-in;
+    transition: opacity 0.2s ease-in;
     pointer-events: none;
 
     backdrop-filter: blur(3px);
 }
 
+.subscribe-overlay .subscribe-close:before,
+.subscribe-overlay .subscribe-close:after {
+    top: 36px;
+    width: 30px;
+}
+
 .subscribe-overlay:target {
     opacity: 1;
     pointer-events: auto;
@@ -2223,6 +2596,12 @@ Usage (In Ghost editor):
     text-align: center;
 }
 
+.subscribe-overlay .subscribe-form {
+    border: none;
+    color: #fff;
+    background: none;
+}
+
 .subscribe-overlay-logo {
     position: fixed;
     top: 23px;
@@ -2233,15 +2612,16 @@ Usage (In Ghost editor):
 .subscribe-overlay-title {
     display: inline-block;
     margin: 0 0 10px 0;
-    font-size: 6rem;
+    font-size: 5.2rem;
     line-height: 1.15em;
 }
 
 .subscribe-overlay-description {
     margin: 0 auto 50px;
     max-width: 650px;
+    color: #fff;
     font-family: Georgia, serif;
-    font-size: 3rem;
+    font-size: 2.4rem;
     line-height: 1.3em;
     font-weight: 300;
     opacity: 0.8;
@@ -2252,7 +2632,7 @@ Usage (In Ghost editor):
     justify-content: center;
     align-items: center;
     margin: 0 auto;
-    max-width: 500px;
+    max-width: 540px;
 }
 
 .subscribe-overlay .form-group {
@@ -2289,10 +2669,9 @@ Usage (In Ghost editor):
     outline: none;
     color: #fff;
     font-size: 1.7rem;
-    line-height: 37px;
+    line-height: 38px;
     font-weight: 400;
     text-align: center;
-    text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
     background: linear-gradient(
     color(var(--blue) whiteness(+7%)),
     color(var(--blue) lightness(-7%) saturation(-10%)) 60%,
@@ -2300,7 +2679,6 @@ Usage (In Ghost editor):
     color(var(--blue) lightness(-4%) saturation(-10%))
     );
     border-radius: 8px;
-    box-shadow: 0 0 0 1px inset rgba(0,0,0,0.14);
 
     -webkit-font-smoothing: subpixel-antialiased;
 }
@@ -2310,43 +2688,8 @@ Usage (In Ghost editor):
     background: color(var(--blue) lightness(-9%) saturation(-10%));
 }
 
-.subscribe-overlay-close {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    display: block;
-}
-
-.subscribe-overlay-close:before {
-    content: "";
-    position: absolute;
-    top: 40px;
-    right: 25px;
-    display: block;
-    width: 30px;
-    height: 2px;
-    background: #fff;
-    opacity: 0.8;
-    transform: rotate(45deg);
-}
-
-.subscribe-overlay-close:after {
-    content: "";
-    position: absolute;
-    top: 40px;
-    right: 25px;
-    display: block;
-    width: 30px;
-    height: 2px;
-    background: #fff;
-    opacity: 0.8;
-    transform: rotate(-45deg);
-}
-
-.subscribe-overlay-close:hover {
-    cursor: default;
+.subscribe-overlay .loading .button-loader {
+    top: 5px;
 }
 
 
@@ -2358,7 +2701,7 @@ Usage (In Ghost editor):
     padding-top: 20px;
     padding-bottom: 60px;
     color: #fff;
-    background: color(var(--darkgrey) l(-15%));
+    background: color(var(--darkgrey) l(-5%));
 }
 
 .site-footer-content {
@@ -2408,7 +2751,206 @@ Usage (In Ghost editor):
     .site-footer-content {
         flex-direction: column;
     }
+
     .site-footer-nav a:first-child {
         margin-left: 0;
     }
-}
\ No newline at end of file
+}
+
+
+/* 12. Dark Mode
+/* ---------------------------------------------------------- */
+@media (prefers-color-scheme: dark) {
+    body {
+        color: rgba(255, 255, 255, 0.75);
+        background: var(--darkmode);
+    }
+
+    img {
+        opacity: 0.9;
+    }
+
+    .site-header-background:before {
+        background: rgba(0,0,0,0.6);
+    }
+
+    .post-feed {
+        background: var(--darkmode);
+    }
+
+    .post-card,
+    .post-card:hover {
+        border-bottom-color: color(var(--darkmode) l(+8%));
+    }
+
+    .author-profile-image {
+        background: var(--darkmode);
+    }
+
+    .post-card-byline-content a {
+        color: rgba(255, 255, 255, 0.75);
+    }
+
+    .post-card-byline-content a:hover {
+        color: #fff;
+    }
+
+    .post-card-image {
+        background: var(--darkmode);
+    }
+
+    .post-card-title {
+        color: rgba(255, 255, 255, 0.85);
+    }
+
+    .post-card-excerpt {
+        color: color(var(--midgrey) l(+10%));
+    }
+
+    .author-avatar,
+    .static-avatar {
+        border-color: color(var(--darkgrey) l(+2%));
+    }
+
+    .site-main,
+    .post-template .site-main {
+        background: var(--darkmode);
+    }
+
+    .post-full-content {
+        background: var(--darkmode);
+    }
+
+    .post-full-title {
+        color: rgba(255, 255, 255, 0.9);
+    }
+
+    .post-full-custom-excerpt {
+        color: color(var(--midgrey) l(+10%));
+    }
+
+    .post-full-image {
+        background-color: color(var(--darkmode) l(+8%));
+    }
+
+    .post-full-byline {
+        border-top-color: color(var(--darkmode) l(+15%));
+    }
+
+    .post-full-byline-meta h4 a {
+        color: rgba(255, 255, 255, 0.75);
+    }
+
+    .post-full-byline-meta h4 a:hover {
+        color: #fff;
+    }
+
+    .author-list-item .author-card {
+        background: color(var(--darkmode) l(+4%));
+        box-shadow: 0 12px 26px rgba(0,0,0,0.4);
+    }
+
+    .author-list-item .author-card:before {
+        border-top-color: color(var(--darkmode) l(+4%));
+    }
+
+    .post-full-content h1,
+    .post-full-content h2,
+    .post-full-content h3,
+    .post-full-content h4,
+    .post-full-content h6 {
+        color: rgba(255, 255, 255, 0.9);
+    }
+
+    .post-full-content a {
+        color: #fff;
+        box-shadow: inset 0 -1px 0 #fff;
+    }
+
+    .post-full-content strong {
+        color: #fff;
+    }
+
+    .post-full-content em {
+        color: #fff;
+    }
+
+    .post-full-content code {
+        color: #fff;
+        background: #000;
+    }
+
+    hr {
+        border-top-color: color(var(--darkmode) l(+8%));
+    }
+
+    .post-full-content figcaption {
+        color: rgba(255, 255, 255, 0.6);
+    }
+
+    .post-full-content .kg-bookmark-container {
+        color: rgba(255, 255, 255, 0.75);
+        box-shadow: 0 0 1px rgba(255,255,255,0.9);
+    }
+
+    .kg-bookmark-title {
+        color: #fff;
+    }
+
+    .kg-bookmark-description {
+        color: rgba(255, 255, 255, 0.75);
+    }
+
+    .kg-bookmark-metadata {
+        color: rgba(255, 255, 255, 0.75);
+    }
+
+    .site-archive-header .no-image {
+        color: rgba(255, 255, 255, 0.9);
+        background: var(--darkmode);
+    }
+
+    .site-archive-header .no-image .site-header-content {
+        border-bottom-color: color(var(--darkmode) l(+15%));
+    }
+
+    .site-header-content .author-profile-image {
+        box-shadow: 0 0 0 6px hsla(0,0%,100%,0.04);
+    }
+
+    .subscribe-form {
+        border: none;
+        background: linear-gradient(color(var(--darkmode) l(-6%)), color(var(--darkmode) l(-3%)));
+    }
+
+    .subscribe-form-title {
+        color: rgba(255, 255, 255, 0.9);
+    }
+
+    .subscribe-form p {
+        color: rgba(255, 255, 255, 0.7);
+    }
+
+    .subscribe-email {
+        border-color: color(var(--darkmode) l(+6%));
+        color: rgba(255, 255, 255, 0.9);
+        background: color(var(--darkmode) l(+3%));
+    }
+
+    .subscribe-email:focus {
+        border-color: color(var(--darkmode) l(+25%));
+    }
+
+    .subscribe-form button {
+        opacity: 0.9;
+    }
+
+    .subscribe-form .invalid .message-error,
+    .subscribe-form .error .message-error {
+        color: color(var(--red) l(+5%) s(-5%));
+    }
+
+    .subscribe-form .success .message-success {
+        color: color(var(--green) l(+5%) s(-5%));
+    }
+}
diff --git a/assets/screenshot-desktop.jpg b/assets/screenshot-desktop.jpg
old mode 100644
new mode 100755
index 16bc822..2d81bfe
Binary files a/assets/screenshot-desktop.jpg and b/assets/screenshot-desktop.jpg differ
diff --git a/assets/screenshot-mobile.jpg b/assets/screenshot-mobile.jpg
old mode 100644
new mode 100755
index 2bdbccc..83e90fc
Binary files a/assets/screenshot-mobile.jpg and b/assets/screenshot-mobile.jpg differ
diff --git a/author.hbs b/author.hbs
index 9c7c727..88a688a 100644
--- a/author.hbs
+++ b/author.hbs
@@ -5,34 +5,37 @@
 {{!-- Everything inside the #author tags pulls data from the author --}}
 
 
-{{> header background=cover_image}} {{!--Special header.hbs partial to generate the 
 tag--}}
-    

-        {{> "site-nav"}}
-        

-            {{#if profile_image}}
-                {{name}}
-            {{/if}}
-            
{{name}}

-            {{#if bio}}
-                
{{bio}}

-            {{/if}}
-            

-                {{#if location}}
-                    
{{location}} •

+

+    {{> site-header}}
+    {{> header-background background=cover_image}} {{!--Special header-image.hbs partial to generate the background image--}}
+        

+            

+                {{#if profile_image}}
+                    {{name}}
                 {{/if}}
-                

-                    {{plural ../pagination.total empty='No posts' singular='% post' plural='% posts'}} •
+                

+                    
{{name}}

+                    {{#if bio}}
+                        
{{bio}}

+                    {{/if}}
+                    

+                        {{#if location}}
+                            
{{location}}

+                        {{/if}}
+                        

+                            {{plural ../pagination.total empty='No posts' singular='% post' plural='% posts'}}
+                        

+                        {{#if website}}
+                            Website
+                        {{/if}}
+                        {{#if twitter}}
+                            Twitter
+                        {{/if}}
+                        {{#if facebook}}
+                            Facebook
+                        {{/if}}
+                    

                 

-                {{#if website}}
-                    
-                {{/if}}
-                {{#if twitter}}
-                    
-                {{/if}}
-                {{#if facebook}}
-                    
-                {{/if}}
-                
             

         

     

@@ -41,7 +44,7 @@
 
 {{!-- The main content area --}}
 

-    

+    

 
         

             {{#foreach posts}}
diff --git a/default.hbs b/default.hbs
index 7e953dd..6cdceae 100644
--- a/default.hbs
+++ b/default.hbs
@@ -41,16 +41,38 @@
     

 
     {{!-- The big email subscribe modal content --}}
-    {{#if @labs.subscribers}}
+    {{#if @labs.members}}
+    
+
     
     {{/if}}
@@ -64,6 +86,39 @@
     {{!-- Fitvids (for responsive video embeds), infinite scroll, floating header, and gallery card support --}}
     
 
+    {{!-- Scripts for Members subscription --}}
+    
+
     {{!-- The #block helper will pull in data from the #contentFor other template files. In this case, there's some JavaScript which we only want to use in post.hbs, but it needs to be included down here, after jQuery has already loaded. --}}
     {{{block "scripts"}}}
 
diff --git a/error-404.hbs b/error-404.hbs
index 69ad45a..bc0d1a3 100644
--- a/error-404.hbs
+++ b/error-404.hbs
@@ -32,7 +32,7 @@ It's a good idea to keep this template as minimal as possible in terms of both f
             

 
                 

-                    
{{code}}

+                    
{{statusCode}}

                     
{{message}}

                     Go to the front page →
                 

diff --git a/error.hbs b/error.hbs
index 0051050..6dd143e 100644
--- a/error.hbs
+++ b/error.hbs
@@ -33,7 +33,7 @@ You'll notice that we *don't* use any JavsScript, or ghost_head / ghost_foot in
             

 
                 

-                    
{{code}}

+                    
{{statusCode}}

                     
{{message}}

                     Go to the front page →
                 

diff --git a/index.hbs b/index.hbs
index 1b27417..8b85db8 100644
--- a/index.hbs
+++ b/index.hbs
@@ -2,25 +2,27 @@
 {{!-- The tag above means: insert everything in this file
 into the {body} of the default.hbs template --}}
 
-{{> header background=@site.cover_image}} {{!--Special header.hbs partial to generate the 
 tag--}}
-    

-        

-            

-                {{#if @site.logo}}
-                    
-                {{else}}
-                    {{@site.title}}
-                {{/if}}
-            

-            
{{@site.description}}

+

+    {{> header-background background=@site.cover_image}} {{!--Special header-image.hbs partial to generate the background image--}}
+        

+            {{> "site-nav"}}
+            

+                

+                    {{#if @site.logo}}
+                        
+                    {{else}}
+                        {{@site.title}}
+                    {{/if}}
+                

+                
{{@site.description}}

+            

         

-        {{> "site-nav"}}
     

 

 
 {{!-- The main content area --}}
 

-    

+    

 
         

             {{#foreach posts}}
@@ -33,3 +35,64 @@ into the {body} of the default.hbs template --}}
 
     

 

+
+{{> site-header}}
+
+{{!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs --}}
+{{#contentFor "scripts"}}
+
+{{/contentFor}}
\ No newline at end of file
diff --git a/package.json b/package.json
index 0890778..442802c 100644
--- a/package.json
+++ b/package.json
@@ -1,11 +1,11 @@
 {
     "name": "casper",
-    "description": "The default personal blogging theme for Ghost. Beautiful, minimal and responsive.",
+    "description": "A clean, minimal default theme for the Ghost publishing platform",
     "demo": "https://demo.ghost.io",
-    "version": "2.11.2",
+    "version": "3.0.0-beta.6",
     "engines": {
-        "ghost": ">=2.0.0",
-        "ghost-api": "v2"
+        "ghost": ">=3.0.0",
+        "ghost-api": "v3"
     },
     "license": "MIT",
     "screenshots": {
@@ -15,7 +15,7 @@
     "scripts": {
         "dev": "gulp",
         "zip": "gulp zip",
-        "test": "gscan --v2 .",
+        "test": "gscan --v3 .",
         "pretest": "gulp build",
         "preship": "yarn test",
         "ship": "STATUS=$(git status --porcelain); echo $STATUS; if [ -z \"$STATUS\" ]; then yarn version && git push --follow-tags; else echo \"Uncomitted changes found.\" && exit 1; fi",
@@ -61,6 +61,9 @@
         "postcss-easy-import": "3.0.0",
         "pump": "3.0.0"
     },
+    "browserslist": [
+        "defaults"
+    ],
     "config": {
         "posts_per_page": 25,
         "image_sizes": {
diff --git a/page.hbs b/page.hbs
index 20fefa7..579ed18 100644
--- a/page.hbs
+++ b/page.hbs
@@ -3,9 +3,11 @@
 into the {body} of the default.hbs template --}}
 
 {{!-- The big featured header, it uses blog cover image as a BG if available --}}
-

-    

-        {{> "site-nav"}}
+

+    

+        

+            {{> "site-nav"}}
+        

     

 

 
@@ -31,8 +33,8 @@ into the {body} of the default.hbs template --}}
                             {{img_url feature_image size="l"}} 1000w,
                             {{img_url feature_image size="xl"}} 2000w"
                     sizes="(max-width: 800px) 400px,
-                            (max-width: 1170px) 700px,
-                            1400px"
+                            (max-width: 1170px) 1170px,
+                            2000px"
                     src="{{img_url feature_image size="xl"}}"
                     alt="{{title}}"
                 />
diff --git a/partials/byline-multiple.hbs b/partials/byline-multiple.hbs
deleted file mode 100644
index bfe9900..0000000
--- a/partials/byline-multiple.hbs
+++ /dev/null
@@ -1,74 +0,0 @@
-

-
-    

-        
This post was a collaboration between

-        
{{authors}}

-    

-
-    
    
-    {{#foreach authors}}
-        
  • 
-
-            
    
-                
    
-                    {{#if profile_image}}
-                        {{name}}
-                    {{else}}
-                        
    {{> "icons/avatar"}}
    
-                    {{/if}}
-                    
    {{name}}
    
-                
    
-                
    
-                    {{#if bio}}
-                        
    {{bio}}
    
-                        
    More posts by {{name}}.
    
-                    {{else}}
-                        
    Read more posts by this author.
    
-                    {{/if}}
-                
    
-            
    
-
-            {{#if profile_image}}
-                
-                    {{name}}
-                
-            {{else}}
-                {{> "icons/avatar"}}
-            {{/if}}
-
-        
    • 
-    {{/foreach}}
-
-    

-
-

-
-{{#contentFor "scripts"}}
-
-{{/contentFor}}
diff --git a/partials/byline-single.hbs b/partials/byline-single.hbs
deleted file mode 100644
index 42cadf1..0000000
--- a/partials/byline-single.hbs
+++ /dev/null
@@ -1,23 +0,0 @@
-{{!-- Everything inside the #author tags pulls data from the author --}}
-{{#primary_author}}
-
-

-    {{#if profile_image}}
-        {{name}}
-    {{else}}
-        {{> "icons/avatar"}}
-    {{/if}}
-    

-        
{{name}}

-        {{#if bio}}
-            
{{bio}}

-        {{else}}
-            
Read more posts by this author.

-        {{/if}}
-    

-

-

-    Read More
-

-
-{{/primary_author}}
diff --git a/partials/floating-header.hbs b/partials/floating-header.hbs
deleted file mode 100644
index c77c58a..0000000
--- a/partials/floating-header.hbs
+++ /dev/null
@@ -1,36 +0,0 @@
-

-    
-    —
-    
{{title}}

-    

-        
Share this {{> "icons/point"}}

-        
-            {{> "icons/twitter"}}
-        
-        
-            {{> "icons/facebook"}}
-        
-    

-    
-        

-            
-        

-    
-

-
-{{#contentFor "scripts"}}
-
-{{/contentFor}}
\ No newline at end of file
diff --git a/partials/header-background.hbs b/partials/header-background.hbs
new file mode 100644
index 0000000..9d78ab6
--- /dev/null
+++ b/partials/header-background.hbs
@@ -0,0 +1,47 @@
+{{!--
+Wow what the hell is going on in here even?
+
+Ok so, several templates use this big header with a giant BG image. Nice idea, but big images
+have a heavy impact on performance, so it's a good idea to make them responsive. Because we
+can only get the image dynamically using Handlebars, and we can only set the image to properly
+be a background image using CSS, we end up with a handful of inline styles.
+
+If the template in question has a background image, then we render responsive image styles
+for it, and apply those styles to the 
 tag. Else, we just output a 
 tag
+with a `no-image` class so we can style it accordingly.
+--}}
+
+{{#if background}}
+
+
+

+
+{{else}}
+
+

+
+{{/if}}
\ No newline at end of file
diff --git a/partials/header.hbs b/partials/header.hbs
deleted file mode 100644
index 4715cdd..0000000
--- a/partials/header.hbs
+++ /dev/null
@@ -1,53 +0,0 @@
-{{!--
-Wow what the hell is going on in here even?
-
-Ok so, several templates use this big header with a giant BG image. Nice idea, but big images
-have a heavy impact on performance, so it's a good idea to make them responsive. Because we
-can only get the image dynamically using Handlebars, and we can only set the image to properly
-be a background image using CSS, we end up with a handful of inline styles.
-
-If the template in question has a background image, then we render responsive image styles
-for it, and apply those styles to the 
 tag. Else, we just output a 
 tag
-with a `no-image` class so we can style it accordingly.
---}}
-
-{{#if background}}
-
-
-

-
-{{else}}
-
-

-
-{{/if}}
diff --git a/partials/icons/facebook.hbs b/partials/icons/facebook.hbs
index 7332072..91120b8 100644
--- a/partials/icons/facebook.hbs
+++ b/partials/icons/facebook.hbs
@@ -1 +1 @@
-
+
\ No newline at end of file
diff --git a/partials/icons/ghost-logo.hbs b/partials/icons/ghost-logo.hbs
deleted file mode 100644
index 637a2b5..0000000
--- a/partials/icons/ghost-logo.hbs
+++ /dev/null
@@ -1 +0,0 @@
-Ghost Logo
diff --git a/partials/icons/infinity.hbs b/partials/icons/infinity.hbs
deleted file mode 100644
index 87e44ea..0000000
--- a/partials/icons/infinity.hbs
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/partials/icons/loader.hbs b/partials/icons/loader.hbs
new file mode 100644
index 0000000..4a7f2cd
--- /dev/null
+++ b/partials/icons/loader.hbs
@@ -0,0 +1,11 @@
+
+    
+    
+        
+    
+
\ No newline at end of file
diff --git a/partials/icons/location.hbs b/partials/icons/location.hbs
deleted file mode 100644
index 0c2d866..0000000
--- a/partials/icons/location.hbs
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/partials/icons/point.hbs b/partials/icons/point.hbs
deleted file mode 100644
index f3c7025..0000000
--- a/partials/icons/point.hbs
+++ /dev/null
@@ -1,3 +0,0 @@
-
-    
-
diff --git a/partials/icons/website.hbs b/partials/icons/website.hbs
deleted file mode 100644
index 08be39f..0000000
--- a/partials/icons/website.hbs
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/partials/post-card.hbs b/partials/post-card.hbs
index 77d0769..297512b 100644
--- a/partials/post-card.hbs
+++ b/partials/post-card.hbs
@@ -1,4 +1,4 @@
-

+

 
     {{#if feature_image}}
     
@@ -22,40 +22,46 @@
 
             

                 {{#if primary_tag}}
-                    {{primary_tag.name}}
+                    {{#primary_tag}}
+                    
{{name}}

+                    {{/primary_tag}}
                 {{/if}}
                 
{{title}}

             

 
             

-                
{{excerpt words="33"}}

+                {{#if feature_image}}
+                    
{{excerpt words="30"}}

+                {{else}}
+                    
{{excerpt words="44"}}

+                {{/if}}
             

 
         
 
         

-
             
-
-            {{reading_time}}
-
+            

+                {{#has author="count:>2"}}Multiple authors{{else}}{{authors}}{{/has}}
+                 • {{reading_time}}
+            

         

 
     
{{!--/.post-card-content--}}
diff --git a/partials/site-header.hbs b/partials/site-header.hbs
new file mode 100644
index 0000000..11e06f2
--- /dev/null
+++ b/partials/site-header.hbs
@@ -0,0 +1,5 @@
+

+    

+        {{> "site-nav"}}
+    

+

\ No newline at end of file
diff --git a/partials/site-nav.hbs b/partials/site-nav.hbs
index aca7859..b5105c9 100644
--- a/partials/site-nav.hbs
+++ b/partials/site-nav.hbs
@@ -1,15 +1,18 @@
 

 
 
 {{!-- Floating header which appears on-scroll, included from includes/floating-header.hbs --}}
-{{> floating-header}}
+{{!-- {{> floating-header}} --}}
 
 {{/post}}
 
diff --git a/tag.hbs b/tag.hbs
index 5de8892..86c5407 100644
--- a/tag.hbs
+++ b/tag.hbs
@@ -2,16 +2,16 @@
 {{!-- The tag above means - insert everything in this file into the {body} of the default.hbs template --}}
 
 {{#tag}}
-{{> header background=feature_image}} {{!--Special header.hbs partial to generate the 
 tag--}}
-    

-        {{> "site-nav"}}
-        

+

+    {{> site-header}}
+    {{> header-background background=feature_image}} {{!--Special header-image.hbs partial to generate the background image--}}
+        

             
{{name}}

             

                 {{#if description}}
-                    {{description}}
+                {{description}}
                 {{else}}
-                    A collection of {{plural ../pagination.total empty='posts' singular='% post' plural='% posts'}}
+                A collection of {{plural ../pagination.total empty='posts' singular='% post' plural='% posts'}}
                 {{/if}}
             

         

@@ -21,7 +21,7 @@
 
 {{!-- The main content area --}}
 

-    

+    

         

             {{#foreach posts}}
                 {{!-- The tag below includes the markup for each post - partials/post-card.hbs --}}