From 4461d5e2f8e06dab867ea290410446e96b0d473e Mon Sep 17 00:00:00 2001 From: Sodbileg Gansukh Date: Thu, 26 May 2022 13:31:16 +0800 Subject: [PATCH] Featured post indicator --- assets/built/screen.css | 2 +- assets/built/screen.css.map | 2 +- assets/css/screen.css | 22 ++++++++++++++++++---- partials/icons/fire.hbs | 3 +++ partials/post-card.hbs | 11 ++++++++--- post.hbs | 15 ++++++++++----- 6 files changed, 41 insertions(+), 14 deletions(-) create mode 100644 partials/icons/fire.hbs diff --git a/assets/built/screen.css b/assets/built/screen.css index f23a0e5..3e75653 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{display:block;max-width:100%;height:auto}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}kbd{padding:3px 5px;font-family:var(--font-mono);font-size:1.5rem;background:#f6f8fa;border:1px solid rgba(124,139,154,.25);border-radius:6px;box-shadow:inset 0 -1px 0 rgba(124,139,154,.25)}@media (max-width:600px){kbd{font-size:1.3rem}}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{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{color:var(--color-darkgrey);font-family:var(--font-sans);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:#daf2fd}::selection{text-shadow:none;background:#daf2fd}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #f0f0f0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}::not(.gh-content) blockquote,::not(.gh-content) dl,::not(.gh-content) ol,::not(.gh-content) p,::not(.gh-content) 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{padding-left:.3em;line-height:1.6em}li+li{margin-top:.5em}dt{float:left;margin:0 20px 0 0;width:120px;color:#daf2fd;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:#daf2fd}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:#15171a;text-decoration:none}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:600;text-rendering:optimizeLegibility;letter-spacing:-.01em}h1{margin:0 0 .5em;font-size:4.8rem;font-weight:700;letter-spacing:-.015em}@media (max-width:600px){h1{font-size:2.8rem}}h2{margin:1.5em 0 .5em;font-size:2.8rem;font-weight:700}@media (max-width:600px){h2{font-size:2.3rem}}h3{margin:1.5em 0 .5em;font-size:2.4rem;font-weight:600}@media (max-width:600px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:2rem}@media (max-width:600px){h4{font-size:1.7rem}}h5{font-size:2rem}h5,h6{margin:1.5em 0 .5em}h6{font-size:1.8rem}:root{--color-green:#a4d037;--color-yellow:#fecd35;--color-red:#f05230;--color-darkgrey:#15171a;--color-midgrey:#738a94;--color-lightgrey:#f1f1f1;--color-secondary-text:#979797;--color-border:#e1e1e1;--color-wash:#e5eff5;--color-darkmode:#151719;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-serif:Georgia,Times,serif;--font-mono:Menlo,Courier,monospace}.viewport{display:flex;flex-direction:column;min-height:100vh}.site-content{flex-grow:1}.outer{position:relative;padding:0 max(4vmin,20px)}.inner{margin:0 auto;max-width:1200px;width:100%}.site-header{position:relative;color:#fff;background:var(--ghost-accent-color)}.site-header-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.site-header-content{position:relative;z-index:100;display:flex;align-items:center;padding-top:6.4vmin;padding-bottom:6.4vmin;text-align:center;color:var(--color-darkgrey)}.has-cover-image .site-header-content{min-height:560px;background-color:var(--ghost-accent-color);color:#fff}body:not(.has-cover-image) .site-header-content:not(.left-aligned){padding-bottom:max(4.8vmin,24px)}.site-header-content.left-aligned{padding-bottom:0;text-align:left}.has-cover-image .site-header-content.left-aligned{align-items:flex-end;padding-bottom:6.4vmin}.site-header-content.no-content{padding-top:0}.site-header-inner{position:relative}.site-header-content.left-aligned .site-header-inner{align-items:flex-start}.site-logo{flex-shrink:0;margin:0 auto;max-height:120px}.site-header-content.left-aligned .site-logo{margin-right:auto;margin-left:0;max-height:96px}.site-title{z-index:10;margin:0;padding:0;font-size:5rem;font-weight:800}.has-serif-title .site-title{font-family:var(--font-serif)}.has-cover-image .site-title{font-size:6rem}.site-header-content.left-aligned .site-title{font-size:4.4rem}.has-cover-image .site-header-content.left-aligned .site-title{font-size:4.6rem}.site-description{display:inline-block;z-index:10;max-width:560px;font-size:2.4rem;font-weight:500;line-height:1.4}:is(.site-logo,.site-title)+.site-description{margin-top:8px;font-size:2.1rem;font-weight:400}.site-logo+.site-description{margin-top:20px}.site-title+.site-description{color:var(--color-secondary-text)}.has-cover-image .site-description{font-size:3.2rem;letter-spacing:-.005em;color:#fff}.has-cover-image :is(.site-logo,.site-title)+.site-description{font-size:2.4rem}.has-cover-image .site-header-content.left-aligned :is(.site-logo,.site-title)+.site-description{font-size:2.2rem}@media (max-width:767px){.has-cover-image .site-header-content{padding-bottom:36px;min-height:240px}.site-header-inner{gap:16px}.site-logo{max-width:60%}.site-title{font-size:3.4rem!important}.site-description{font-size:1.9rem!important}.site-logo+.site-description{margin-top:12px!important}.site-title+.site-description{margin-top:4px!important}}.gh-head{padding-top:min(24px,3.6vmin);padding-bottom:min(24px,3.6vmin);font-size:1.6rem;line-height:1.3em;background-color:#fff}.has-cover-image:not(.home-template) .gh-head{background-color:var(--ghost-accent-color);color:#fff}.home-template.has-cover-image .gh-head{position:absolute;top:0;right:0;left:0;z-index:2000;background-color:transparent;color:#fff}.gh-head a{text-decoration:none}.gh-head-inner{display:grid;grid-gap:40px;grid-template-columns:auto auto 1fr;grid-auto-flow:row dense}.gh-head-brand{display:flex;align-items:center;height:40px;max-width:400px;word-break:break-all}.gh-head-logo{display:block;font-weight:800;font-size:2.6rem;letter-spacing:-.02em;color:inherit}.gh-head-logo.no-image{margin-top:-2px}.has-cover-image .gh-head-logo{color:#fff}.no-logo .gh-head-logo{display:none}.gh-head-logo img{max-height:26px}.gh-head-menu{display:flex;align-items:center;margin-top:1px;font-weight:500}.no-logo .gh-head-menu{margin-left:-40px}.gh-head-menu .nav{display:inline-flex;flex-wrap:wrap;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.gh-head-menu .nav li{margin:0;padding:0}.gh-head-menu .nav a{display:inline-block;line-height:1.7;color:inherit}.gh-head-actions{display:flex;justify-content:flex-end;align-items:center;list-style:none;text-align:right}.gh-head-button{display:inline-flex;align-items:center;padding:8px 16px;height:40px;font-weight:600;letter-spacing:-.005em;font-size:1.5rem;border-radius:6px;color:#fff;background:var(--ghost-accent-color)}.has-cover-image .gh-head-button{color:var(--color-darkgrey);background:#fff}.gh-burger{position:relative;display:none;cursor:pointer}.gh-burger-box{position:relative;display:flex;align-items:center;justify-content:center;width:33px;height:33px}.has-cover-image .gh-burger-box{color:#fff}.gh-burger-inner{width:100%;height:100%}.gh-burger-box:before{transition:transform .3s cubic-bezier(.2,.6,.3,1),width .3s cubic-bezier(.2,.6,.3,1)}.gh-burger-box:before,.gh-burger-inner:after,.gh-burger-inner:before{position:absolute;display:block;top:0;left:0;bottom:0;margin:auto;content:"";width:100%;height:1px;background:currentcolor;will-change:transform,width}.gh-burger-inner:after,.gh-burger-inner:before{transition:transform .25s cubic-bezier(.2,.7,.3,1),width .25s cubic-bezier(.2,.7,.3,1)}.gh-burger-inner:before{transform:translatey(-6px)}.gh-burger-inner:after{transform:translatey(6px)}body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner:before{transform:translatey(-8px)}body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner:after{transform:translatey(8px)}.gh-head-open .gh-burger-box:before{width:0;transform:translatex(19px);transition:transform .2s cubic-bezier(.2,.7,.3,1),width .2s cubic-bezier(.2,.7,.3,1)}.gh-head-open .gh-burger-inner:before{width:26px;transform:translatex(6px) rotate(135deg)}.gh-head-open .gh-burger-inner:after{width:26px;transform:translatex(6px) rotate(-135deg)}@media (max-width:991px){.gh-burger{display:inline-block}#gh-head{overflow:hidden}#gh-head .gh-head-inner{height:100%;grid-template-columns:1fr}#gh-head .gh-head-brand{position:relative;z-index:10;grid-column-start:auto;max-width:none;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.no-logo #gh-head .gh-head-brand{justify-content:flex-end}#gh-head .gh-head-menu{align-self:center;text-align:center;margin:0 0 10vh;font-weight:300;font-size:3.6rem;line-height:1.1em}#gh-head .gh-head-menu,#gh-head .gh-head-menu .nav{display:flex;flex-direction:column;align-items:center}#gh-head .gh-head-menu .nav{gap:16px;font-weight:500}#gh-head .gh-head-actions{padding:20px 0;justify-content:center;text-align:left}#gh-head .gh-head-actions a{margin:0 10px}#gh-head .gh-head-actions,#gh-head .gh-head-menu{display:none}.gh-head-open{overflow:hidden;height:100vh}.gh-head-open #gh-head{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3999999;overflow-y:scroll}.gh-head-open #gh-head .gh-head-inner{grid-template-rows:auto 1fr auto}.gh-head-open #gh-head .gh-head-actions,.gh-head-open #gh-head .gh-head-menu{display:flex}}@media (max-width:600px){#gh-head .gh-head-menu{font-size:6vmin}}.has-cover-image.gh-head-open .gh-head{background:var(--ghost-accent-color)}.post-feed{position:relative;display:grid;gap:4.8vmin 4vmin;grid-template-columns:repeat(6,1fr);padding:max(4.8vmin,36px) 0 0}:is(.tag-template,.author-template) .post-feed{margin-top:4vmin}@media (max-width:991px){.post-feed{grid-template-columns:1fr 1fr}}@media (max-width:767px){.post-feed{grid-template-columns:1fr;grid-gap:40px}}.post-card{position:relative;grid-column:span 2;display:flex;flex-direction:column;background-size:cover;word-break:break-word}.post-card-image-link{position:relative;display:block;margin-bottom:32px}.post-card-image-link:after{content:"";display:block;padding-bottom:55%}.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image-link:after{display:none}.post-card-image{position:absolute;inset:0;width:100%;height:100%;background:var(--color-lightgrey) no-repeat 50%;-o-object-fit:cover;object-fit:cover}.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image{position:static}.post-card-content-link{position:relative;display:block;color:var(--color-darkgrey)}.post-card-content-link:hover{text-decoration:none}.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 10px;color:var(--color-secondary-text);font-size:1.4rem;font-weight:600;letter-spacing:-.005em;line-height:1}.post-card-title{margin:0;font-size:2.6rem;font-weight:800}.no-image .post-card-title{margin-top:0}.has-serif-title .post-card-title{font-family:var(--font-serif);letter-spacing:-.005em}.post-card-content{flex-grow:1;display:flex;flex-direction:column}.post-card-excerpt{display:-webkit-box;overflow-y:hidden;margin-top:12px;max-width:720px;font-size:1.6rem;line-height:1.5;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.has-sans-body .post-card-excerpt{font-family:var(--font-sans)}.post-card:not(.post-card-large):not(.post-card-full):not(.dynamic):not(.no-image) .post-card-excerpt{-webkit-line-clamp:2}:is(.tag-template,.author-template) .post-card-excerpt{margin-top:6px}.post-card-meta{display:flex;align-items:center;margin-top:12px;padding:0;font-size:1.3rem;color:var(--color-secondary-text)}.post-card-meta .sep{margin:0 4px}.author-profile-image{display:block;width:100%;height:100%;background:#fff;border-radius:100%;-o-object-fit:cover;object-fit:cover}.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}@media (min-width:1001px){.post-card-large{grid-column:span 6;display:grid;grid-gap:4vmin;grid-template-columns:repeat(3,1fr);border-top:0}.post-card-large:not(.no-image) .post-card-header{margin-top:0}.post-card-large .post-card-image-link{position:relative;grid-column:span 2;margin-bottom:0}.post-card-large .post-card-content{grid-column:span 1}.post-card-large.no-image .post-card-content{grid-column:span 2}.post-card-large .post-card-image{position:absolute;width:100%;height:100%}.post-card-large .post-card-primary-tag{margin-bottom:12px}.post-card-large .post-card-title{margin-top:0;font-size:4.4rem;line-height:1}.post-card-large .post-card-excerpt{margin-top:16px}.post-card-full{grid-column:span 6}.post-card-full .post-card-image-link{margin-bottom:40px}.post-card-full .post-card-primary-tag{margin-bottom:14px}.post-card-full .post-card-title{font-size:6.4rem;line-height:.95}.post-card-full .post-card-excerpt{margin-top:20px;font-size:1.8rem}.post-card-large+.post-card-large:nth-child(2n){margin:32px 0}.post-card-large+.post-card-large:nth-child(2n) .post-card-content{order:-1}.post-card.dynamic{grid-column:span 3}.post-card.dynamic .post-card-title{font-size:3rem}}.article{padding:max(8vmin,40px) 0 max(8vmin,64px);word-break:break-word}.page-template .article{padding-top:max(12vmin,64px)}.article-header{padding:0 0 max(6.4vmin,40px)}.page-template .article-header{padding-bottom:max(3.2vmin,28px)}.article-tag{margin-bottom:16px;font-size:1.6rem}.article-tag a{color:var(--color-secondary-text)}.article-title{margin-bottom:0;font-size:clamp(3.2rem,5vw,5.2rem);font-weight:800;line-height:1;color:var(--color-darkgrey)}.has-serif-title .article-title{font-family:var(--font-serif)}.article-excerpt{margin-top:20px;max-width:720px;font-size:2rem;line-height:1.45;color:var(--color-darkgrey)}.gh-canvas .article-image{grid-column:wide-start/wide-end;width:100%;margin:max(6.4vmin,40px) 0 0}.image-full .article-image{grid-column:full-start/full-end}.image-small .article-image{grid-column:main-start/main-end}.gh-canvas .article-image img{display:block;margin-left:auto;margin-right:auto;width:100%}@media (max-width:767px){.article-excerpt{margin-top:14px;font-size:1.7rem}}.gh-canvas{display:grid;grid-template-columns:[full-start] minmax(max(4vmin,20px),auto) [wide-start] minmax(auto,240px) [main-start] min(720px,calc(100% - 8vw)) [main-end] minmax(auto,240px) [wide-end] minmax(max(4vmin,20px),auto) [full-end]}.gh-canvas>*{grid-column:main-start/main-end}.kg-width-wide{grid-column:wide-start/wide-end}.kg-width-full{grid-column:full-start/full-end}.kg-width-full img{width:100%}.gh-content>*+*{margin-top:max(3.2vmin,24px);margin-bottom:0}.gh-content>[id]{margin:0;color:var(--color-darkgrey)}.has-serif-title .gh-content>[id]{font-family:var(--font-serif)}.gh-content>[id]:not(:first-child){margin:2em 0 0}.gh-content>[id]+*{margin-top:1.5rem!important}.gh-content>blockquote,.gh-content>hr{position:relative;margin-top:max(4.8vmin,32px)}.gh-content>blockquote+*,.gh-content>hr+*{margin-top:max(4.8vmin,32px)!important}.gh-content a{color:var(--ghost-accent-color);text-decoration:underline;word-break:break-word}.gh-content>blockquote:not([class]),.gh-content>dl,.gh-content>ol,.gh-content>p,.gh-content>ul{font-family:var(--font-serif);font-weight:400;font-size:2rem;line-height:1.6em}.gh-content .kg-callout-card .kg-callout-text,.gh-content .kg-toggle-card .kg-toggle-content>ol,.gh-content .kg-toggle-card .kg-toggle-content>p,.gh-content .kg-toggle-card .kg-toggle-content>ul{font-family:var(--font-serif);font-weight:400;font-size:1.9rem;line-height:1.6em}.gh-content .kg-product-card .kg-product-card-description>ol,.gh-content .kg-product-card .kg-product-card-description>p,.gh-content .kg-product-card .kg-product-card-description>ul{font-size:1.7rem;line-height:1.6em}.gh-content .kg-callout-card .kg-callout-emoji{font-size:2.1rem;line-height:1.4em}.gh-content .kg-toggle-card .kg-toggle-heading-text{font-size:2rem}.has-sans-body .gh-content .kg-callout-card .kg-callout-text,.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content>ol,.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content>p,.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content>ul,.has-sans-body .gh-content>blockquote,.has-sans-body .gh-content>dl,.has-sans-body .gh-content>ol,.has-sans-body .gh-content>p,.has-sans-body .gh-content>ul{font-family:var(--font-sans)}.gh-content .kg-product-card .kg-product-card-description>ol,.gh-content .kg-product-card .kg-product-card-description>ul,.gh-content .kg-toggle-card .kg-toggle-content>ol,.gh-content .kg-toggle-card .kg-toggle-content>ul,.gh-content>dl,.gh-content>ol,.gh-content>ul{padding-left:1.9em}.gh-content>blockquote:not([class]){position:relative;font-style:italic;padding:0}.gh-content>blockquote:not([class]):before{content:"";position:absolute;left:-1.5em;top:0;bottom:0;width:.3rem;background:var(--ghost-accent-color)}.gh-content :not(pre)>code{vertical-align:middle;padding:.15em .4em;border:1px solid #e1eaef;font-weight:400!important;font-size:.9em;line-height:1em;color:#15171a;background:#f0f6f9;border-radius:.25em}.gh-content pre{overflow:auto;padding:16px 20px;color:var(--color-wash);font-size:1.4rem;line-height:1.5em;background:var(--color-darkgrey);border-radius:5px;box-shadow:0 2px 6px -2px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.4)}@media (max-width:650px){.gh-content .kg-callout-card .kg-callout-text,.gh-content .kg-toggle-card .kg-toggle-content>ol,.gh-content .kg-toggle-card .kg-toggle-content>p,.gh-content .kg-toggle-card .kg-toggle-content>ul,.gh-content>blockquote:not([class]),.gh-content>dl,.gh-content>ol,.gh-content>p,.gh-content>ul{font-size:1.8rem}.gh-content .kg-product-card .kg-product-card-description>ol,.gh-content .kg-product-card .kg-product-card-description>p,.gh-content .kg-product-card .kg-product-card-description>ul{font-size:1.6rem}.gh-content blockquote:not([class]):before{left:min(-4vmin,-20px)}}.gh-content .kg-card+:not(.kg-card),.gh-content :not(.kg-card):not([id])+.kg-card{margin-top:6vmin;margin-bottom:0}.kg-embed-card{display:flex;flex-direction:column;align-items:center;width:100%}.kg-image-card img{margin:auto}.has-serif-title .kg-toggle-card .kg-toggle-heading-text{font-family:var(--font-serif)}.gh-content .kg-callout-card-accent a{text-decoration:underline}.kg-blockquote-alt{font-family:var(--font-serif);color:var(--color-midgrey)}.has-sans-body .kg-blockquote-alt{font-family:var(--font-sans)}.kg-card.kg-header-card.kg-style-dark{background:var(--color-darkgrey)}.kg-header-card.kg-style-light h2.kg-header-card-header{color:#0a0b0c}.has-serif-title .kg-header-card h2.kg-header-card-header{font-family:var(--font-serif)}figcaption{padding:1.5rem 1.5rem 0;text-align:center;color:rgba(0,0,0,.5);font-size:1.3rem;line-height:1.4em}figcaption strong{color:rgba(0,0,0,.8)}figcaption a{text-decoration:underline}iframe.instagram-media{margin:6vmin auto 0!important}iframe.instagram-media+script+:not([id]){margin-top:6vmin}.kg-width-full.kg-card-hascaption{display:grid;grid-template-columns:inherit}.kg-width-wide.kg-card-hascaption img{grid-column:wide-start/wide-end}.kg-width-full.kg-card-hascaption img{grid-column:1/-1}.kg-width-full.kg-card-hascaption figcaption{grid-column:main-start/main-end}.article-comments{margin:6vmin 0 0}.footnotes-sep{margin-bottom:30px}.footnotes{font-size:1.5rem}.footnotes p{margin:0}.footnote-backref{font-size:1.2rem;font-weight:700;text-decoration:none!important;box-shadow:none!important}.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:var(--font-sans);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:var(--color-darkgrey);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 #e2ecf3}.article-byline{display:flex;justify-content:space-between;margin:min(24px,5.6vmin) 0 0}.article-byline-content{flex-grow:1;display:flex;align-items:center}.article-byline-content .author-list{justify-content:flex-start;padding:0 14px 0 0}.article-byline-meta{color:var(--color-secondary-text);font-size:1.4rem;line-height:1.2em}.article-byline-meta .author-name{margin:0 0 6px;font-size:1.7rem;font-weight:700}.article-byline-meta .bull{display:inline-block;margin:0 2px}.author-avatar{display:block;overflow:hidden;margin:0 -4px;width:min(56px,13.6vmin);height:min(56px,13.6vmin);border:2px solid #fff;border-radius:50%;background-color:var(--color-border)}.page-template .article-title{margin-bottom:0}@media (max-width:767px){.article-byline-content .author-list{padding-right:12px}.article-byline-meta .author-name{margin-bottom:4px}}.footer-cta{position:relative;text-align:center}.footer-cta-title{margin:0 0 min(24px,6.4vmin);font-size:clamp(2.6rem,5vw,3.8rem);font-weight:800}.has-serif-title .footer-cta-title{font-family:var(--font-serif)}.footer-cta-button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:100%;max-width:500px;padding:5px 5px 5px 15px;font-size:1.7rem;color:var(--color-secondary-text);background:#fff;border:1px solid var(--color-border);border-radius:8px;transition:border-color .2s}.footer-cta-button:hover{border-color:#c2c2c2}.footer-cta-button span{display:inline-block;padding:9px 15px;color:#fff;font-size:1.6rem;font-weight:600;letter-spacing:-.005em;background:var(--ghost-accent-color);border-radius:6px}.read-more-wrap{margin-top:max(12vmin,72px)}.read-more{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:4vmin}@media (max-width:1000px){.read-more{grid-template-columns:repeat(4,1fr)}.read-more .post-card:nth-child(3){display:none}}@media (max-width:700px){.read-more{grid-template-columns:repeat(2,1fr)}.read-more .post-card:nth-child(2){display:none}}.author-profile-pic{display:block;width:80px;height:80px;-o-object-fit:cover;object-fit:cover;margin:0 0 2rem;background:#fff;border-radius:50%}.author-profile-footer{margin-top:16px}.author-profile-location{font-weight:700}.author-profile-meta{display:flex;gap:10px}.author-profile-social-link{font-size:1.3rem;color:var(--color-secondary-text)}.author-profile-social-link:hover{color:var(--color-darkgrey)}.author-profile-social-link svg{width:16px;height:16px}.tag-template .post-card-large .post-card-image-link{grid-column:2/span 2;order:2}.tag-template .post-card-large .post-card-content{order:1}.error-content{padding:14vw 4vw 2vw}.error-message{padding-bottom:10vw;text-align:center}.error-code{margin:0;font-size:12vw;line-height:1em;letter-spacing:-5px}.error-description{margin:0;color:var(--color-secondary-text);font-size:3.2rem;line-height:1.3em;letter-spacing:-.005em;font-weight:400}.error-link{display:inline-block;margin-top:5px}@media (min-width:940px){.error-content .post-card{margin-bottom:0;padding-bottom:0;border-bottom:none}}@media (max-width:800px){.error-content{padding-top:24vw}.error-code{font-size:11.2rem}.error-message{padding-bottom:16vw}.error-description{margin:5px 0 0;font-size:1.8rem}}@media (max-width:500px){.error-content{padding-top:28vw}.error-message{padding-bottom:14vw}}.site-footer{position:relative;margin:max(12vmin,64px) 0 0;padding-top:48px;padding-bottom:140px;color:#fff;background:#0a0b0c}.site-footer .inner{display:grid;grid-gap:40px;grid-template-columns:auto 1fr auto;color:hsla(0,0%,100%,.7);font-size:1.3rem}.site-footer .copyright a{color:#fff;letter-spacing:-.015em;font-weight:500}.site-footer a{color:hsla(0,0%,100%,.7)}.site-footer a:hover{color:#fff;text-decoration:none}.site-footer-nav ul{display:flex;justify-content:center;flex-wrap:wrap;margin:0 0 20px;padding:0;list-style:none}.site-footer-nav li{display:inline-flex;align-items:center;padding:0;margin:0;line-height:2em}.site-footer-nav a{position:relative;display:inline-flex;align-items:center;margin-left:10px}.site-footer-nav li:not(:first-child) a:before{content:"";display:block;width:2px;height:2px;margin:0 10px 0 0;background:#fff;border-radius:100%}@media (max-width:767px){.site-footer .inner{max-width:500px;grid-template-columns:1fr;grid-gap:0;text-align:center}.site-footer .copyright,.site-footer .copyright a{color:#fff;font-size:1.5rem}.site-footer .copyright{margin-bottom:16px}}html.dark-mode body{color:hsla(0,0%,100%,.75);background:var(--color-darkmode)}html.dark-mode img{opacity:.9}html.dark-mode kbd{background:#212427}html.dark-mode figcaption a{color:#fff}html.dark-mode .gh-head{background:var(--color-darkmode);color:#fff}html.dark-mode .gh-burger-box,html.dark-mode .site-header-content{color:#fff}html.dark-mode .post-card-image{background:var(--color-darkmode)}html.dark-mode :is(.post-card-primary-tag,.post-card-meta,.article-tag a,.byline-meta-content){color:#5f5f5f}html.dark-mode .post-card-title{color:#fff}html.dark-mode .post-card-excerpt{color:var(--color-secondary-text)}html.dark-mode .article-title{color:#fff}html.dark-mode .article-excerpt{color:var(--color-secondary-text)}html.dark-mode .post-full-image{background-color:#282b2f}html.dark-mode .article-byline{border-top-color:#383d43}html.dark-mode .article-byline-meta .author-name a{color:#fff}html.dark-mode .no-image .author-social-link a{color:hsla(0,0%,100%,.75)}html.dark-mode .gh-content>[id]{color:hsla(0,0%,100%,.9)}html.dark-mode .gh-content pre{background:#030303}html.dark-mode .gh-content :not(pre)>code{background:#23262b;border-color:#282b2f;color:var(--color-wash)}html.dark-mode .gh-content a:not(.kg-btn):not(.kg-nft-card-container):not(.kg-product-card-button):not(.kg-header-card-button),html.dark-mode .gh-content em,html.dark-mode .gh-content strong{color:#fff}html.dark-mode .gh-content code{color:#fff;background:#000}html.dark-mode hr{border-top-color:#282b2f}html.dark-mode .gh-content hr:after{background:#282b2f;box-shadow:var(--color-darkmode) 0 0 0 5px}html.dark-mode figcaption{color:hsla(0,0%,100%,.6)}html.dark-mode .gh-content table td:first-child{background-image:linear-gradient(90deg,var(--color-darkmode) 50%,rgba(21,23,25,0))}html.dark-mode .gh-content table td:last-child{background-image:linear-gradient(270deg,var(--color-darkmode) 50%,rgba(21,23,25,0))}html.dark-mode .gh-content table th{color:hsla(0,0%,100%,.85);background-color:#282b2f}html.dark-mode .gh-content table td,html.dark-mode .gh-content table th{border:1px solid #282b2f}html.dark-mode .gh-content input{color:#303a3e}html.dark-mode .site-archive-header .no-image{color:hsla(0,0%,100%,.9);background:var(--color-darkmode)}html.dark-mode .kg-header-card.kg-style-dark{background:#0a0b0c}html.dark-mode .kg-header-card.kg-style-light{background:#202328}html.dark-mode .footer-cta-title,html.dark-mode .kg-header-card h2.kg-header-card-header,html.dark-mode .kg-header-card h3.kg-header-card-subheader{color:#fff} +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{display:block;max-width:100%;height:auto}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}kbd{padding:3px 5px;font-family:var(--font-mono);font-size:1.5rem;background:#f6f8fa;border:1px solid rgba(124,139,154,.25);border-radius:6px;box-shadow:inset 0 -1px 0 rgba(124,139,154,.25)}@media (max-width:600px){kbd{font-size:1.3rem}}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{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{color:var(--color-darkgrey);font-family:var(--font-sans);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:#daf2fd}::selection{text-shadow:none;background:#daf2fd}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #f0f0f0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}::not(.gh-content) blockquote,::not(.gh-content) dl,::not(.gh-content) ol,::not(.gh-content) p,::not(.gh-content) 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{padding-left:.3em;line-height:1.6em}li+li{margin-top:.5em}dt{float:left;margin:0 20px 0 0;width:120px;color:#daf2fd;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:#daf2fd}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:#15171a;text-decoration:none}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:600;text-rendering:optimizeLegibility;letter-spacing:-.01em}h1{margin:0 0 .5em;font-size:4.8rem;font-weight:700;letter-spacing:-.015em}@media (max-width:600px){h1{font-size:2.8rem}}h2{margin:1.5em 0 .5em;font-size:2.8rem;font-weight:700}@media (max-width:600px){h2{font-size:2.3rem}}h3{margin:1.5em 0 .5em;font-size:2.4rem;font-weight:600}@media (max-width:600px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:2rem}@media (max-width:600px){h4{font-size:1.7rem}}h5{font-size:2rem}h5,h6{margin:1.5em 0 .5em}h6{font-size:1.8rem}:root{--color-green:#a4d037;--color-yellow:#fecd35;--color-red:#f05230;--color-darkgrey:#15171a;--color-midgrey:#738a94;--color-lightgrey:#f1f1f1;--color-secondary-text:#979797;--color-border:#e1e1e1;--color-wash:#e5eff5;--color-darkmode:#151719;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-serif:Georgia,Times,serif;--font-mono:Menlo,Courier,monospace}.viewport{display:flex;flex-direction:column;min-height:100vh}.site-content{flex-grow:1}.outer{position:relative;padding:0 max(4vmin,20px)}.inner{margin:0 auto;max-width:1200px;width:100%}.site-header{position:relative;color:#fff;background:var(--ghost-accent-color)}.site-header-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.site-header-content{position:relative;z-index:100;display:flex;align-items:center;padding-top:6.4vmin;padding-bottom:6.4vmin;text-align:center;color:var(--color-darkgrey)}.has-cover-image .site-header-content{min-height:560px;background-color:var(--ghost-accent-color);color:#fff}body:not(.has-cover-image) .site-header-content:not(.left-aligned){padding-bottom:max(4.8vmin,24px)}.site-header-content.left-aligned{padding-bottom:0;text-align:left}.has-cover-image .site-header-content.left-aligned{align-items:flex-end;padding-bottom:6.4vmin}.site-header-content.no-content{padding-top:0}.site-header-inner{position:relative}.site-header-content.left-aligned .site-header-inner{align-items:flex-start}.site-logo{flex-shrink:0;margin:0 auto;max-height:120px}.site-header-content.left-aligned .site-logo{margin-right:auto;margin-left:0;max-height:96px}.site-title{z-index:10;margin:0;padding:0;font-size:5rem;font-weight:800}.has-serif-title .site-title{font-family:var(--font-serif)}.has-cover-image .site-title{font-size:6rem}.site-header-content.left-aligned .site-title{font-size:4.4rem}.has-cover-image .site-header-content.left-aligned .site-title{font-size:4.6rem}.site-description{display:inline-block;z-index:10;max-width:560px;font-size:2.4rem;font-weight:500;line-height:1.4}:is(.site-logo,.site-title)+.site-description{margin-top:8px;font-size:2.1rem;font-weight:400}.site-logo+.site-description{margin-top:20px}.site-title+.site-description{color:var(--color-secondary-text)}.has-cover-image .site-description{font-size:3.2rem;letter-spacing:-.005em;color:#fff}.has-cover-image :is(.site-logo,.site-title)+.site-description{font-size:2.4rem}.has-cover-image .site-header-content.left-aligned :is(.site-logo,.site-title)+.site-description{font-size:2.2rem}@media (max-width:767px){.has-cover-image .site-header-content{padding-bottom:36px;min-height:240px}.site-header-inner{gap:16px}.site-logo{max-width:60%}.site-title{font-size:3.4rem!important}.site-description{font-size:1.9rem!important}.site-logo+.site-description{margin-top:12px!important}.site-title+.site-description{margin-top:4px!important}}.gh-head{padding-top:min(24px,3.6vmin);padding-bottom:min(24px,3.6vmin);font-size:1.6rem;line-height:1.3em;background-color:#fff}.has-cover-image:not(.home-template) .gh-head{background-color:var(--ghost-accent-color);color:#fff}.home-template.has-cover-image .gh-head{position:absolute;top:0;right:0;left:0;z-index:2000;background-color:transparent;color:#fff}.gh-head a{text-decoration:none}.gh-head-inner{display:grid;grid-gap:40px;grid-template-columns:auto auto 1fr;grid-auto-flow:row dense}.gh-head-brand{display:flex;align-items:center;height:40px;max-width:400px;word-break:break-all}.gh-head-logo{display:block;font-weight:800;font-size:2.6rem;letter-spacing:-.02em;color:inherit}.gh-head-logo.no-image{margin-top:-2px}.has-cover-image .gh-head-logo{color:#fff}.no-logo .gh-head-logo{display:none}.gh-head-logo img{max-height:26px}.gh-head-menu{display:flex;align-items:center;margin-top:1px;font-weight:500}.no-logo .gh-head-menu{margin-left:-40px}.gh-head-menu .nav{display:inline-flex;flex-wrap:wrap;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.gh-head-menu .nav li{margin:0;padding:0}.gh-head-menu .nav a{display:inline-block;line-height:1.7;color:inherit}.gh-head-actions{display:flex;justify-content:flex-end;align-items:center;list-style:none;text-align:right}.gh-head-button{display:inline-flex;align-items:center;padding:8px 16px;height:40px;font-weight:600;letter-spacing:-.005em;font-size:1.5rem;border-radius:6px;color:#fff;background:var(--ghost-accent-color)}.has-cover-image .gh-head-button{color:var(--color-darkgrey);background:#fff}.gh-burger{position:relative;display:none;cursor:pointer}.gh-burger-box{position:relative;display:flex;align-items:center;justify-content:center;width:33px;height:33px}.has-cover-image .gh-burger-box{color:#fff}.gh-burger-inner{width:100%;height:100%}.gh-burger-box:before{transition:transform .3s cubic-bezier(.2,.6,.3,1),width .3s cubic-bezier(.2,.6,.3,1)}.gh-burger-box:before,.gh-burger-inner:after,.gh-burger-inner:before{position:absolute;display:block;top:0;left:0;bottom:0;margin:auto;content:"";width:100%;height:1px;background:currentcolor;will-change:transform,width}.gh-burger-inner:after,.gh-burger-inner:before{transition:transform .25s cubic-bezier(.2,.7,.3,1),width .25s cubic-bezier(.2,.7,.3,1)}.gh-burger-inner:before{transform:translatey(-6px)}.gh-burger-inner:after{transform:translatey(6px)}body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner:before{transform:translatey(-8px)}body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner:after{transform:translatey(8px)}.gh-head-open .gh-burger-box:before{width:0;transform:translatex(19px);transition:transform .2s cubic-bezier(.2,.7,.3,1),width .2s cubic-bezier(.2,.7,.3,1)}.gh-head-open .gh-burger-inner:before{width:26px;transform:translatex(6px) rotate(135deg)}.gh-head-open .gh-burger-inner:after{width:26px;transform:translatex(6px) rotate(-135deg)}@media (max-width:991px){.gh-burger{display:inline-block}#gh-head{overflow:hidden}#gh-head .gh-head-inner{height:100%;grid-template-columns:1fr}#gh-head .gh-head-brand{position:relative;z-index:10;grid-column-start:auto;max-width:none;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.no-logo #gh-head .gh-head-brand{justify-content:flex-end}#gh-head .gh-head-menu{align-self:center;text-align:center;margin:0 0 10vh;font-weight:300;font-size:3.6rem;line-height:1.1em}#gh-head .gh-head-menu,#gh-head .gh-head-menu .nav{display:flex;flex-direction:column;align-items:center}#gh-head .gh-head-menu .nav{gap:16px;font-weight:500}#gh-head .gh-head-actions{padding:20px 0;justify-content:center;text-align:left}#gh-head .gh-head-actions a{margin:0 10px}#gh-head .gh-head-actions,#gh-head .gh-head-menu{display:none}.gh-head-open{overflow:hidden;height:100vh}.gh-head-open #gh-head{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3999999;overflow-y:scroll}.gh-head-open #gh-head .gh-head-inner{grid-template-rows:auto 1fr auto}.gh-head-open #gh-head .gh-head-actions,.gh-head-open #gh-head .gh-head-menu{display:flex}}@media (max-width:600px){#gh-head .gh-head-menu{font-size:6vmin}}.has-cover-image.gh-head-open .gh-head{background:var(--ghost-accent-color)}.post-feed{position:relative;display:grid;gap:4.8vmin 4vmin;grid-template-columns:repeat(6,1fr);padding:max(4.8vmin,36px) 0 0}:is(.tag-template,.author-template) .post-feed{margin-top:4vmin}@media (max-width:991px){.post-feed{grid-template-columns:1fr 1fr}}@media (max-width:767px){.post-feed{grid-template-columns:1fr;grid-gap:40px}}.post-card{position:relative;grid-column:span 2;display:flex;flex-direction:column;background-size:cover;word-break:break-word}.post-card-image-link{position:relative;display:block;margin-bottom:32px}.post-card-image-link:after{content:"";display:block;padding-bottom:55%}.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image-link:after{display:none}.post-card-image{position:absolute;inset:0;width:100%;height:100%;background:var(--color-lightgrey) no-repeat 50%;-o-object-fit:cover;object-fit:cover}.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image{position:static}.post-card-content-link{position:relative;display:block;color:var(--color-darkgrey)}.post-card-content-link:hover{text-decoration:none}.post-feed .no-image .post-card-content-link{padding:0}.no-image .post-card-header{margin-top:0}.post-card-tags{display:flex;align-items:center;gap:12px;margin:0 0 10px;color:var(--color-secondary-text);font-size:1.4rem;font-weight:600;letter-spacing:-.005em;line-height:1}.post-card-featured{display:flex;align-items:center;gap:3px;color:var(--ghost-accent-color)}.post-card-title{margin:0;font-size:2.6rem;font-weight:800}.no-image .post-card-title{margin-top:0}.has-serif-title .post-card-title{font-family:var(--font-serif);letter-spacing:-.005em}.post-card-content{flex-grow:1;display:flex;flex-direction:column}.post-card-excerpt{display:-webkit-box;overflow-y:hidden;margin-top:12px;max-width:720px;font-size:1.6rem;line-height:1.5;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.has-sans-body .post-card-excerpt{font-family:var(--font-sans)}.post-card:not(.post-card-large):not(.post-card-full):not(.dynamic):not(.no-image) .post-card-excerpt{-webkit-line-clamp:2}:is(.tag-template,.author-template) .post-card-excerpt{margin-top:6px}.post-card-meta{display:flex;align-items:center;margin-top:12px;padding:0;font-size:1.3rem;color:var(--color-secondary-text)}.post-card-meta .sep{margin:0 4px}.author-profile-image{display:block;width:100%;height:100%;background:#fff;border-radius:100%;-o-object-fit:cover;object-fit:cover}.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}@media (min-width:1001px){.post-card-large{grid-column:span 6;display:grid;grid-gap:4vmin;grid-template-columns:repeat(3,1fr);border-top:0}.post-card-large:not(.no-image) .post-card-header{margin-top:0}.post-card-large .post-card-image-link{position:relative;grid-column:span 2;margin-bottom:0}.post-card-large .post-card-content{grid-column:span 1}.post-card-large.no-image .post-card-content{grid-column:span 2}.post-card-large .post-card-image{position:absolute;width:100%;height:100%}.post-card-large .post-card-tags{margin-bottom:12px}.post-card-large .post-card-title{margin-top:0;font-size:4.4rem;line-height:1}.post-card-large .post-card-excerpt{margin-top:16px}.post-card-full{grid-column:span 6}.post-card-full .post-card-image-link{margin-bottom:40px}.post-card-full .post-card-tags{margin-bottom:14px}.post-card-full .post-card-title{font-size:6.4rem;line-height:.95}.post-card-full .post-card-excerpt{margin-top:20px;font-size:1.8rem}.post-card-large+.post-card-large:nth-child(2n){margin:32px 0}.post-card-large+.post-card-large:nth-child(2n) .post-card-content{order:-1}.post-card.dynamic{grid-column:span 3}.post-card.dynamic .post-card-title{font-size:3rem}}.article{padding:max(8vmin,40px) 0 max(8vmin,64px);word-break:break-word}.page-template .article{padding-top:max(12vmin,64px)}.article-header{padding:0 0 max(6.4vmin,40px)}.page-template .article-header{padding-bottom:max(3.2vmin,28px)}.article-tag{margin-bottom:16px;font-size:1.6rem}.article-tag a{color:var(--color-secondary-text)}.article-title{margin-bottom:0;font-size:clamp(3.2rem,5vw,5.2rem);font-weight:800;line-height:1;color:var(--color-darkgrey)}.has-serif-title .article-title{font-family:var(--font-serif)}.article-excerpt{margin-top:20px;max-width:720px;font-size:2rem;line-height:1.45;color:var(--color-darkgrey)}.gh-canvas .article-image{grid-column:wide-start/wide-end;width:100%;margin:max(6.4vmin,40px) 0 0}.image-full .article-image{grid-column:full-start/full-end}.image-small .article-image{grid-column:main-start/main-end}.gh-canvas .article-image img{display:block;margin-left:auto;margin-right:auto;width:100%}@media (max-width:767px){.article-excerpt{margin-top:14px;font-size:1.7rem}}.gh-canvas{display:grid;grid-template-columns:[full-start] minmax(max(4vmin,20px),auto) [wide-start] minmax(auto,240px) [main-start] min(720px,calc(100% - 8vw)) [main-end] minmax(auto,240px) [wide-end] minmax(max(4vmin,20px),auto) [full-end]}.gh-canvas>*{grid-column:main-start/main-end}.kg-width-wide{grid-column:wide-start/wide-end}.kg-width-full{grid-column:full-start/full-end}.kg-width-full img{width:100%}.gh-content>*+*{margin-top:max(3.2vmin,24px);margin-bottom:0}.gh-content>[id]{margin:0;color:var(--color-darkgrey)}.has-serif-title .gh-content>[id]{font-family:var(--font-serif)}.gh-content>[id]:not(:first-child){margin:2em 0 0}.gh-content>[id]+*{margin-top:1.5rem!important}.gh-content>blockquote,.gh-content>hr{position:relative;margin-top:max(4.8vmin,32px)}.gh-content>blockquote+*,.gh-content>hr+*{margin-top:max(4.8vmin,32px)!important}.gh-content a{color:var(--ghost-accent-color);text-decoration:underline;word-break:break-word}.gh-content>blockquote:not([class]),.gh-content>dl,.gh-content>ol,.gh-content>p,.gh-content>ul{font-family:var(--font-serif);font-weight:400;font-size:2rem;line-height:1.6em}.gh-content .kg-callout-card .kg-callout-text,.gh-content .kg-toggle-card .kg-toggle-content>ol,.gh-content .kg-toggle-card .kg-toggle-content>p,.gh-content .kg-toggle-card .kg-toggle-content>ul{font-family:var(--font-serif);font-weight:400;font-size:1.9rem;line-height:1.6em}.gh-content .kg-product-card .kg-product-card-description>ol,.gh-content .kg-product-card .kg-product-card-description>p,.gh-content .kg-product-card .kg-product-card-description>ul{font-size:1.7rem;line-height:1.6em}.gh-content .kg-callout-card .kg-callout-emoji{font-size:2.1rem;line-height:1.4em}.gh-content .kg-toggle-card .kg-toggle-heading-text{font-size:2rem}.has-sans-body .gh-content .kg-callout-card .kg-callout-text,.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content>ol,.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content>p,.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content>ul,.has-sans-body .gh-content>blockquote,.has-sans-body .gh-content>dl,.has-sans-body .gh-content>ol,.has-sans-body .gh-content>p,.has-sans-body .gh-content>ul{font-family:var(--font-sans)}.gh-content .kg-product-card .kg-product-card-description>ol,.gh-content .kg-product-card .kg-product-card-description>ul,.gh-content .kg-toggle-card .kg-toggle-content>ol,.gh-content .kg-toggle-card .kg-toggle-content>ul,.gh-content>dl,.gh-content>ol,.gh-content>ul{padding-left:1.9em}.gh-content>blockquote:not([class]){position:relative;font-style:italic;padding:0}.gh-content>blockquote:not([class]):before{content:"";position:absolute;left:-1.5em;top:0;bottom:0;width:.3rem;background:var(--ghost-accent-color)}.gh-content :not(pre)>code{vertical-align:middle;padding:.15em .4em;border:1px solid #e1eaef;font-weight:400!important;font-size:.9em;line-height:1em;color:#15171a;background:#f0f6f9;border-radius:.25em}.gh-content pre{overflow:auto;padding:16px 20px;color:var(--color-wash);font-size:1.4rem;line-height:1.5em;background:var(--color-darkgrey);border-radius:5px;box-shadow:0 2px 6px -2px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.4)}@media (max-width:650px){.gh-content .kg-callout-card .kg-callout-text,.gh-content .kg-toggle-card .kg-toggle-content>ol,.gh-content .kg-toggle-card .kg-toggle-content>p,.gh-content .kg-toggle-card .kg-toggle-content>ul,.gh-content>blockquote:not([class]),.gh-content>dl,.gh-content>ol,.gh-content>p,.gh-content>ul{font-size:1.8rem}.gh-content .kg-product-card .kg-product-card-description>ol,.gh-content .kg-product-card .kg-product-card-description>p,.gh-content .kg-product-card .kg-product-card-description>ul{font-size:1.6rem}.gh-content blockquote:not([class]):before{left:min(-4vmin,-20px)}}.gh-content .kg-card+:not(.kg-card),.gh-content :not(.kg-card):not([id])+.kg-card{margin-top:6vmin;margin-bottom:0}.kg-embed-card{display:flex;flex-direction:column;align-items:center;width:100%}.kg-image-card img{margin:auto}.has-serif-title .kg-toggle-card .kg-toggle-heading-text{font-family:var(--font-serif)}.gh-content .kg-callout-card-accent a{text-decoration:underline}.kg-blockquote-alt{font-family:var(--font-serif);color:var(--color-midgrey)}.has-sans-body .kg-blockquote-alt{font-family:var(--font-sans)}.kg-card.kg-header-card.kg-style-dark{background:var(--color-darkgrey)}.kg-header-card.kg-style-light h2.kg-header-card-header{color:#0a0b0c}.has-serif-title .kg-header-card h2.kg-header-card-header{font-family:var(--font-serif)}figcaption{padding:1.5rem 1.5rem 0;text-align:center;color:rgba(0,0,0,.5);font-size:1.3rem;line-height:1.4em}figcaption strong{color:rgba(0,0,0,.8)}figcaption a{text-decoration:underline}iframe.instagram-media{margin:6vmin auto 0!important}iframe.instagram-media+script+:not([id]){margin-top:6vmin}.kg-width-full.kg-card-hascaption{display:grid;grid-template-columns:inherit}.kg-width-wide.kg-card-hascaption img{grid-column:wide-start/wide-end}.kg-width-full.kg-card-hascaption img{grid-column:1/-1}.kg-width-full.kg-card-hascaption figcaption{grid-column:main-start/main-end}.article-comments{margin:6vmin 0 0}.footnotes-sep{margin-bottom:30px}.footnotes{font-size:1.5rem}.footnotes p{margin:0}.footnote-backref{font-size:1.2rem;font-weight:700;text-decoration:none!important;box-shadow:none!important}.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:var(--font-sans);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:var(--color-darkgrey);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 #e2ecf3}.article-byline{display:flex;justify-content:space-between;margin:min(24px,5.6vmin) 0 0}.article-byline-content{flex-grow:1;display:flex;align-items:center}.article-byline-content .author-list{justify-content:flex-start;padding:0 14px 0 0}.article-byline-meta{color:var(--color-secondary-text);font-size:1.4rem;line-height:1.2em}.article-byline-meta .author-name{margin:0 0 6px;font-size:1.7rem;font-weight:700}.article-byline-meta .bull{display:inline-block;margin:0 2px}.author-avatar{display:block;overflow:hidden;margin:0 -4px;width:min(56px,13.6vmin);height:min(56px,13.6vmin);border:2px solid #fff;border-radius:50%;background-color:var(--color-border)}.page-template .article-title{margin-bottom:0}@media (max-width:767px){.article-byline-content .author-list{padding-right:12px}.article-byline-meta .author-name{margin-bottom:4px}}.footer-cta{position:relative;text-align:center}.footer-cta-title{margin:0 0 min(24px,6.4vmin);font-size:clamp(2.6rem,5vw,3.8rem);font-weight:800}.has-serif-title .footer-cta-title{font-family:var(--font-serif)}.footer-cta-button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:100%;max-width:500px;padding:5px 5px 5px 15px;font-size:1.7rem;color:var(--color-secondary-text);background:#fff;border:1px solid var(--color-border);border-radius:8px;transition:border-color .2s}.footer-cta-button:hover{border-color:#c2c2c2}.footer-cta-button span{display:inline-block;padding:9px 15px;color:#fff;font-size:1.6rem;font-weight:600;letter-spacing:-.005em;background:var(--ghost-accent-color);border-radius:6px}.read-more-wrap{margin-top:max(12vmin,72px)}.read-more{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:4vmin}@media (max-width:1000px){.read-more{grid-template-columns:repeat(4,1fr)}.read-more .post-card:nth-child(3){display:none}}@media (max-width:700px){.read-more{grid-template-columns:repeat(2,1fr)}.read-more .post-card:nth-child(2){display:none}}.author-profile-pic{display:block;width:80px;height:80px;-o-object-fit:cover;object-fit:cover;margin:0 0 2rem;background:#fff;border-radius:50%}.author-profile-footer{margin-top:16px}.author-profile-location{font-weight:700}.author-profile-meta{display:flex;gap:10px}.author-profile-social-link{font-size:1.3rem;color:var(--color-secondary-text)}.author-profile-social-link:hover{color:var(--color-darkgrey)}.author-profile-social-link svg{width:16px;height:16px}.tag-template .post-card-large .post-card-image-link{grid-column:2/span 2;order:2}.tag-template .post-card-large .post-card-content{order:1}.error-content{padding:14vw 4vw 2vw}.error-message{padding-bottom:10vw;text-align:center}.error-code{margin:0;font-size:12vw;line-height:1em;letter-spacing:-5px}.error-description{margin:0;color:var(--color-secondary-text);font-size:3.2rem;line-height:1.3em;letter-spacing:-.005em;font-weight:400}.error-link{display:inline-block;margin-top:5px}@media (min-width:940px){.error-content .post-card{margin-bottom:0;padding-bottom:0;border-bottom:none}}@media (max-width:800px){.error-content{padding-top:24vw}.error-code{font-size:11.2rem}.error-message{padding-bottom:16vw}.error-description{margin:5px 0 0;font-size:1.8rem}}@media (max-width:500px){.error-content{padding-top:28vw}.error-message{padding-bottom:14vw}}.site-footer{position:relative;margin:max(12vmin,64px) 0 0;padding-top:48px;padding-bottom:140px;color:#fff;background:#0a0b0c}.site-footer .inner{display:grid;grid-gap:40px;grid-template-columns:auto 1fr auto;color:hsla(0,0%,100%,.7);font-size:1.3rem}.site-footer .copyright a{color:#fff;letter-spacing:-.015em;font-weight:500}.site-footer a{color:hsla(0,0%,100%,.7)}.site-footer a:hover{color:#fff;text-decoration:none}.site-footer-nav ul{display:flex;justify-content:center;flex-wrap:wrap;margin:0 0 20px;padding:0;list-style:none}.site-footer-nav li{display:inline-flex;align-items:center;padding:0;margin:0;line-height:2em}.site-footer-nav a{position:relative;display:inline-flex;align-items:center;margin-left:10px}.site-footer-nav li:not(:first-child) a:before{content:"";display:block;width:2px;height:2px;margin:0 10px 0 0;background:#fff;border-radius:100%}@media (max-width:767px){.site-footer .inner{max-width:500px;grid-template-columns:1fr;grid-gap:0;text-align:center}.site-footer .copyright,.site-footer .copyright a{color:#fff;font-size:1.5rem}.site-footer .copyright{margin-bottom:16px}}html.dark-mode body{color:hsla(0,0%,100%,.75);background:var(--color-darkmode)}html.dark-mode img{opacity:.9}html.dark-mode kbd{background:#212427}html.dark-mode figcaption a{color:#fff}html.dark-mode .gh-head{background:var(--color-darkmode);color:#fff}html.dark-mode .gh-burger-box,html.dark-mode .site-header-content{color:#fff}html.dark-mode .post-card-image{background:var(--color-darkmode)}html.dark-mode :is(.post-card-tags,.post-card-meta,.article-tag a,.byline-meta-content){color:#5f5f5f}html.dark-mode .post-card-featured,html.dark-mode .post-card-title{color:#fff}html.dark-mode .post-card-excerpt{color:var(--color-secondary-text)}html.dark-mode .article-title{color:#fff}html.dark-mode .article-excerpt{color:var(--color-secondary-text)}html.dark-mode .post-full-image{background-color:#282b2f}html.dark-mode .article-byline{border-top-color:#383d43}html.dark-mode .article-byline-meta .author-name a{color:#fff}html.dark-mode .no-image .author-social-link a{color:hsla(0,0%,100%,.75)}html.dark-mode .gh-content>[id]{color:hsla(0,0%,100%,.9)}html.dark-mode .gh-content pre{background:#030303}html.dark-mode .gh-content :not(pre)>code{background:#23262b;border-color:#282b2f;color:var(--color-wash)}html.dark-mode .gh-content a:not(.kg-btn):not(.kg-nft-card-container):not(.kg-product-card-button):not(.kg-header-card-button),html.dark-mode .gh-content em,html.dark-mode .gh-content strong{color:#fff}html.dark-mode .gh-content code{color:#fff;background:#000}html.dark-mode hr{border-top-color:#282b2f}html.dark-mode .gh-content hr:after{background:#282b2f;box-shadow:var(--color-darkmode) 0 0 0 5px}html.dark-mode figcaption{color:hsla(0,0%,100%,.6)}html.dark-mode .gh-content table td:first-child{background-image:linear-gradient(90deg,var(--color-darkmode) 50%,rgba(21,23,25,0))}html.dark-mode .gh-content table td:last-child{background-image:linear-gradient(270deg,var(--color-darkmode) 50%,rgba(21,23,25,0))}html.dark-mode .gh-content table th{color:hsla(0,0%,100%,.85);background-color:#282b2f}html.dark-mode .gh-content table td,html.dark-mode .gh-content table th{border:1px solid #282b2f}html.dark-mode .gh-content input{color:#303a3e}html.dark-mode .site-archive-header .no-image{color:hsla(0,0%,100%,.9);background:var(--color-darkmode)}html.dark-mode .kg-header-card.kg-style-dark{background:#0a0b0c}html.dark-mode .kg-header-card.kg-style-light{background:#202328}html.dark-mode .footer-cta-title,html.dark-mode .kg-header-card h2.kg-header-card-header,html.dark-mode .kg-header-card h3.kg-header-card-subheader{color:#fff} /*# 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 f245967..b4519e0 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":["/* 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 display: block;\n max-width: 100%;\n height: auto;\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}\nkbd {\n padding: 3px 5px;\n font-family: var(--font-mono);\n font-size: 1.5rem;\n background: #f6f8fa;\n border: 1px solid rgba(124, 139, 154, 0.25);\n border-radius: 6px;\n box-shadow: inset 0 -1px 0 rgba(124, 139, 154, 0.25);\n}\n@media (max-width: 600px) {\n kbd {\n font-size: 1.3rem;\n }\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 font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n color: var(--color-darkgrey);\n font-family: var(--font-sans);\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: #daf2fd;\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 #f0f0f0;\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\n::not(.gh-content) p,\n::not(.gh-content) ul,\n::not(.gh-content) ol,\n::not(.gh-content) dl,\n::not(.gh-content) blockquote {\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 padding-left: 0.3em;\n line-height: 1.6em;\n}\n\nli + li {\n margin-top: 0.5em;\n}\n\ndt {\n float: left;\n margin: 0 20px 0 0;\n width: 120px;\n color: #daf2fd;\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: #daf2fd;\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: #15171A;\n text-decoration: none;\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 letter-spacing: -0.01em;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 4.8rem;\n font-weight: 700;\n letter-spacing: -0.015em;\n}\n@media (max-width: 600px) {\n h1 {\n font-size: 2.8rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2.8rem;\n font-weight: 700;\n}\n@media (max-width: 600px) {\n h2 {\n font-size: 2.3rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2.4rem;\n font-weight: 600;\n}\n@media (max-width: 600px) {\n h3 {\n font-size: 1.7rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n@media (max-width: 600px) {\n h4 {\n font-size: 1.7rem;\n }\n}\n\nh5 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n\nh6 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.8rem;\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. Post Byline\n 7.2. Members Subscribe Form\n 7.4. Related Posts\n 7.5. Koenig Styles\n8. Author Template\n9. Error Template\n11. Site Footer\n12. Dark Mode\n\n*/\n\n/* 1. Global - Set up the things\n/* ---------------------------------------------------------- */\n\n/* Import CSS reset and base styles */\n@import \"global.css\";\n\n:root {\n\n /* Colours */\n --color-green: #a4d037;\n --color-yellow: #fecd35;\n --color-red: #f05230;\n --color-darkgrey: #15171A;\n --color-midgrey: #738a94;\n --color-lightgrey: #f1f1f1;\n --color-secondary-text: #979797;\n --color-border: #e1e1e1;\n --color-wash: #e5eff5;\n --color-darkmode: #151719;\n\n /*\n An accent color is also set by Ghost itself in\n Ghost Admin > Settings > Brand\n\n --ghost-accent-color: {value};\n\n You can use this variable throughout your styles\n */\n\n /* Fonts */\n --font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n --font-serif: Georgia, Times, serif;\n --font-mono: Menlo, Courier, monospace;\n\n}\n\n\n/* 2. Layout - Page building blocks\n/* ---------------------------------------------------------- */\n\n.viewport {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\n\n.site-content {\n flex-grow: 1;\n}\n\n/* Full width page blocks */\n.outer {\n position: relative;\n padding: 0 max(4vmin, 20px);\n}\n\n/* Centered content container blocks */\n.inner {\n margin: 0 auto;\n max-width: 1200px;\n width: 100%;\n}\n\n\n/* 4. Site Header\n/* ---------------------------------------------------------- */\n\n.site-header {\n position: relative;\n color: #fff;\n background: var(--ghost-accent-color);\n}\n\n.site-header-cover {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.site-header-content {\n position: relative;\n z-index: 100;\n display: flex;\n align-items: center;\n padding-top: 6.4vmin;\n padding-bottom: 6.4vmin;\n text-align: center;\n color: var(--color-darkgrey);\n}\n\n.has-cover-image .site-header-content {\n min-height: 560px;\n background-color: var(--ghost-accent-color);\n color: #fff;\n}\n\nbody:not(.has-cover-image) .site-header-content:not(.left-aligned) {\n padding-bottom: max(4.8vmin, 24px);\n}\n\n.site-header-content.left-aligned {\n padding-bottom: 0;\n text-align: left;\n}\n\n.has-cover-image .site-header-content.left-aligned {\n align-items: flex-end;\n padding-bottom: 6.4vmin;\n}\n\n.site-header-content.no-content {\n padding-top: 0;\n}\n\n.site-header-inner {\n position: relative;\n}\n\n.site-header-content.left-aligned .site-header-inner {\n align-items: flex-start;\n}\n\n.site-logo {\n flex-shrink: 0;\n margin: 0 auto;\n max-height: 120px;\n}\n\n.site-header-content.left-aligned .site-logo {\n margin-right: auto;\n margin-left: 0;\n max-height: 96px;\n}\n\n.site-title {\n z-index: 10;\n margin: 0;\n padding: 0;\n font-size: 5rem;\n font-weight: 800;\n}\n\n.has-serif-title .site-title {\n font-family: var(--font-serif);\n}\n\n.has-cover-image .site-title {\n font-size: 6rem;\n}\n\n.site-header-content.left-aligned .site-title {\n font-size: 4.4rem;\n}\n\n.has-cover-image .site-header-content.left-aligned .site-title {\n font-size: 4.6rem;\n}\n\n.site-description {\n display: inline-block;\n z-index: 10;\n max-width: 560px;\n font-size: 2.4rem;\n font-weight: 500;\n line-height: 1.4;\n}\n\n:is(.site-logo, .site-title) + .site-description {\n margin-top: 8px;\n font-size: 2.1rem;\n font-weight: 400;\n}\n\n.site-logo + .site-description {\n margin-top: 20px;\n}\n\n.site-title + .site-description {\n color: var(--color-secondary-text);\n}\n\n.has-cover-image .site-description {\n font-size: 3.2rem;\n letter-spacing: -0.005em;\n color: #fff;\n}\n\n.has-cover-image :is(.site-logo, .site-title) + .site-description {\n font-size: 2.4rem;\n}\n\n.has-cover-image .site-header-content.left-aligned :is(.site-logo, .site-title) + .site-description {\n font-size: 2.2rem;\n}\n\n@media (max-width: 767px) {\n .has-cover-image .site-header-content {\n padding-bottom: 36px;\n min-height: 240px;\n }\n .site-header-inner {\n gap: 16px;\n }\n .site-logo {\n max-width: 60%;\n }\n .site-title {\n font-size: 3.4rem !important;\n }\n .site-description {\n font-size: 1.9rem !important;\n }\n .site-logo + .site-description {\n margin-top: 12px !important;\n }\n .site-title + .site-description {\n margin-top: 4px !important;\n }\n}\n\n\n/* 5. Site Navigation\n/* ---------------------------------------------------------- */\n\n.gh-head {\n padding-top: min(24px, 3.6vmin);\n padding-bottom: min(24px, 3.6vmin);\n font-size: 1.6rem;\n line-height: 1.3em;\n background-color: #fff;\n}\n\n.has-cover-image:not(.home-template) .gh-head {\n background-color: var(--ghost-accent-color);\n color: #fff;\n}\n\n.home-template.has-cover-image .gh-head {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 2000;\n background-color: transparent;\n color: #fff;\n}\n\n.gh-head a {\n text-decoration: none;\n}\n\n.gh-head-inner {\n display: grid;\n grid-gap: 40px;\n grid-template-columns: auto auto 1fr;\n grid-auto-flow: row dense;\n}\n\n\n/* Brand\n/* ---------------------------------------------------------- */\n\n.gh-head-brand {\n display: flex;\n align-items: center;\n height: 40px;\n max-width: 400px;\n word-break: break-all;\n}\n\n.gh-head-logo {\n display: block;\n font-weight: 800;\n font-size: 2.6rem;\n letter-spacing: -0.02em;\n color: inherit;\n}\n\n.gh-head-logo.no-image {\n margin-top: -2px;\n}\n\n.has-cover-image .gh-head-logo {\n color: #fff;\n}\n\n.no-logo .gh-head-logo {\n display: none;\n}\n\n.gh-head-logo img {\n max-height: 26px;\n}\n\n\n/* Primary Navigation\n/* ---------------------------------------------------------- */\n\n.gh-head-menu {\n display: flex;\n align-items: center;\n margin-top: 1px;\n font-weight: 500;\n}\n\n.no-logo .gh-head-menu {\n margin-left: -40px;\n}\n\n.gh-head-menu .nav {\n display: inline-flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 32px;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.gh-head-menu .nav li {\n margin: 0;\n padding: 0;\n}\n\n.gh-head-menu .nav a {\n display: inline-block;\n line-height: 1.7;\n color: inherit;\n}\n\n\n/* Secondary Navigation\n/* ---------------------------------------------------------- */\n\n.gh-head-actions {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n list-style: none;\n text-align: right;\n}\n\n.gh-head-button {\n display: inline-flex;\n align-items: center;\n padding: 8px 16px;\n height: 40px;\n font-weight: 600;\n letter-spacing: -0.005em;\n font-size: 1.5rem;\n border-radius: 6px;\n color: #fff;\n background: var(--ghost-accent-color);\n}\n\n.has-cover-image .gh-head-button {\n color: var(--color-darkgrey);\n background: #fff;\n}\n\n\n/* Mobile Menu Trigger\n/* ---------------------------------------------------------- */\n\n.gh-burger {\n position: relative;\n display: none;\n cursor: pointer;\n}\n\n.gh-burger-box {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 33px;\n height: 33px;\n}\n\n.has-cover-image .gh-burger-box {\n color: #fff;\n}\n\n.gh-burger-inner {\n width: 100%;\n height: 100%;\n}\n\n.gh-burger-box::before {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n content: '';\n width: 100%;\n height: 1px;\n background: currentcolor;\n transition: transform 300ms cubic-bezier(.2,.6,.3,1), width 300ms cubic-bezier(.2,.6,.3,1);\n will-change: transform, width;\n}\n\n.gh-burger-inner::before,\n.gh-burger-inner::after {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n content: '';\n width: 100%;\n height: 1px;\n background: currentcolor;\n transition: transform 250ms cubic-bezier(.2,.7,.3,1), width 250ms cubic-bezier(.2,.7,.3,1);\n will-change: transform, width;\n}\n\n.gh-burger-inner::before {\n transform: translatey(-6px);\n}\n.gh-burger-inner::after {\n transform: translatey(6px);\n}\n\nbody:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::before {\n transform: translatey(-8px);\n}\nbody:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {\n transform: translatey(8px);\n}\n\n.gh-head-open .gh-burger-box::before {\n width: 0;\n transform: translatex(19px);\n transition: transform 200ms cubic-bezier(.2,.7,.3,1), width 200ms cubic-bezier(.2,.7,.3,1);\n}\n\n.gh-head-open .gh-burger-inner::before {\n width: 26px;\n transform: translatex(6px) rotate(135deg);\n}\n\n.gh-head-open .gh-burger-inner::after {\n width: 26px;\n transform: translatex(6px) rotate(-135deg);\n}\n\n\n/* Mobile Menu\n/* ---------------------------------------------------------- */\n/* IDs needed to ensure sufficient specificity */\n\n@media (max-width: 991px) {\n .gh-burger {\n display: inline-block;\n }\n #gh-head {\n overflow: hidden;\n }\n #gh-head .gh-head-inner {\n height: 100%;\n grid-template-columns: 1fr;\n }\n #gh-head .gh-head-brand {\n position: relative;\n z-index: 10;\n grid-column-start: auto;\n max-width: none;\n display: flex;\n align-items: center;\n justify-content: space-between;\n user-select: none;\n }\n .no-logo #gh-head .gh-head-brand {\n justify-content: flex-end;\n }\n #gh-head .gh-head-menu {\n align-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n margin: 0 0 10vh 0;\n font-weight: 300;\n font-size: 3.6rem;\n line-height: 1.1em;\n }\n #gh-head .gh-head-menu .nav {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n font-weight: 500;\n }\n #gh-head .gh-head-actions {\n padding: 20px 0;\n justify-content: center;\n text-align: left;\n }\n #gh-head .gh-head-actions a {\n margin: 0 10px;\n }\n /* Hide collapsed content */\n #gh-head .gh-head-actions,\n #gh-head .gh-head-menu {\n display: none;\n }\n /* Open the menu */\n .gh-head-open {\n overflow: hidden;\n height: 100vh;\n }\n .gh-head-open #gh-head {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3999999;\n overflow-y: scroll;\n }\n .gh-head-open #gh-head .gh-head-inner {\n grid-template-rows: auto 1fr auto;\n }\n .gh-head-open #gh-head .gh-head-actions,\n .gh-head-open #gh-head .gh-head-menu {\n display: flex;\n }\n}\n\n@media (max-width: 600px) {\n #gh-head .gh-head-menu {\n font-size: 6vmin;\n }\n}\n\n.has-cover-image.gh-head-open .gh-head {\n background: var(--ghost-accent-color);\n}\n\n\n/* 6. Post Feed\n/* ---------------------------------------------------------- */\n\n.post-feed {\n position: relative;\n display: grid;\n gap: 4.8vmin 4vmin;\n grid-template-columns: repeat(6, 1fr);\n padding: max(4.8vmin, 36px) 0 0;\n}\n\n:is(.tag-template, .author-template) .post-feed {\n margin-top: 4vmin;\n}\n\n@media (max-width: 991px) {\n .post-feed {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n@media (max-width: 767px) {\n .post-feed {\n grid-template-columns: 1fr;\n grid-gap: 40px;\n }\n}\n\n.post-card {\n position: relative;\n grid-column: span 2;\n display: flex;\n flex-direction: column;\n background-size: cover;\n word-break: break-word;\n}\n\n.post-card-image-link {\n position: relative;\n display: block;\n margin-bottom: 32px;\n}\n\n.post-card-image-link::after {\n content: \"\";\n display: block;\n padding-bottom: 55%;\n}\n\n.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image-link::after {\n display: none;\n}\n\n.post-card-image {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n background: var(--color-lightgrey) no-repeat center center;\n object-fit: cover;\n}\n\n.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image {\n position: static;\n}\n\n.post-card-content-link {\n position: relative;\n display: block;\n color: var(--color-darkgrey);\n}\n\n.post-card-content-link:hover {\n text-decoration: none;\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 10px;\n color: var(--color-secondary-text);\n font-size: 1.4rem;\n font-weight: 600;\n letter-spacing: -0.005em;\n line-height: 1;\n}\n\n.post-card-title {\n margin: 0;\n font-size: 2.6rem;\n font-weight: 800;\n}\n\n.no-image .post-card-title {\n margin-top: 0;\n}\n\n.has-serif-title .post-card-title {\n font-family: var(--font-serif);\n letter-spacing: -0.005em;\n}\n\n.post-card-content {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n}\n\n.post-card-excerpt {\n display: -webkit-box;\n overflow-y: hidden;\n margin-top: 12px;\n max-width: 720px;\n font-size: 1.6rem;\n line-height: 1.5;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n word-break: break-word;\n}\n\n.has-sans-body .post-card-excerpt {\n font-family: var(--font-sans);\n}\n\n.post-card:not(.post-card-large):not(.post-card-full):not(.dynamic):not(.no-image) .post-card-excerpt {\n -webkit-line-clamp: 2;\n}\n\n:is(.tag-template, .author-template) .post-card-excerpt {\n margin-top: 6px;\n}\n\n.post-card-meta {\n display: flex;\n align-items: center;\n margin-top: 12px;\n padding: 0;\n font-size: 1.3rem;\n color: var(--color-secondary-text);\n}\n\n.post-card-meta .sep {\n margin: 0 4px;\n}\n\n.author-profile-image {\n display: block;\n width: 100%;\n height: 100%;\n background: color-mod(var(--color-lightgrey) l(+10%));\n border-radius: 100%;\n\n object-fit: cover;\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\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: 1001px) {\n .post-card-large {\n grid-column: span 6;\n display: grid;\n grid-gap: 4vmin;\n grid-template-columns: repeat(3, 1fr);\n border-top: 0;\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 grid-column: span 2;\n margin-bottom: 0;\n }\n\n .post-card-large .post-card-content {\n grid-column: span 1;\n }\n\n .post-card-large.no-image .post-card-content {\n grid-column: span 2;\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-primary-tag {\n margin-bottom: 12px;\n }\n\n .post-card-large .post-card-title {\n margin-top: 0;\n font-size: 4.4rem;\n line-height: 1;\n }\n\n .post-card-large .post-card-excerpt {\n margin-top: 16px;\n }\n\n .post-card-full {\n grid-column: span 6;\n }\n\n .post-card-full .post-card-image-link {\n margin-bottom: 40px;\n }\n\n .post-card-full .post-card-primary-tag {\n margin-bottom: 14px;\n }\n\n .post-card-full .post-card-title {\n font-size: 6.4rem;\n line-height: 0.95;\n }\n\n .post-card-full .post-card-excerpt {\n margin-top: 20px;\n font-size: 1.8rem;\n }\n\n .post-card-large + .post-card-large:nth-child(even) {\n margin: 32px 0;\n }\n\n .post-card-large + .post-card-large:nth-child(even) .post-card-content {\n order: -1;\n }\n\n .post-card.dynamic {\n grid-column: span 3;\n }\n\n .post-card.dynamic .post-card-title {\n font-size: 3rem;\n }\n}\n\n\n/* 7. Single Post\n/* ---------------------------------------------------------- */\n\n.article {\n padding: max(8vmin, 40px) 0 max(8vmin, 64px);\n word-break: break-word;\n}\n\n.page-template .article {\n padding-top: max(12vmin, 64px);\n}\n\n.article-header {\n padding: 0 0 max(6.4vmin, 40px) 0;\n}\n\n.page-template .article-header {\n padding-bottom: max(3.2vmin, 28px);\n}\n\n.article-tag {\n margin-bottom: 16px;\n font-size: 1.6rem;\n}\n\n.article-tag a {\n color: var(--color-secondary-text);\n}\n\n.article-title {\n margin-bottom: 0;\n font-size: clamp(3.2rem, 5vw, 5.2rem);\n font-weight: 800;\n line-height: 1;\n color: var(--color-darkgrey);\n}\n\n.has-serif-title .article-title {\n font-family: var(--font-serif);\n}\n\n.article-excerpt {\n margin-top: 20px;\n max-width: 720px;\n font-size: 2rem;\n line-height: 1.45;\n color: var(--color-darkgrey);\n}\n\n.gh-canvas .article-image {\n grid-column: wide-start / wide-end;\n width: 100%;\n margin: max(6.4vmin, 40px) 0 0;\n}\n\n.image-full .article-image {\n grid-column: full-start / full-end;\n}\n\n.image-small .article-image {\n grid-column: main-start / main-end;\n}\n\n.gh-canvas .article-image img {\n display: block;\n margin-left: auto;\n margin-right: auto;\n width: 100%;\n}\n\n@media (max-width: 767px) {\n .article-excerpt {\n margin-top: 14px;\n font-size: 1.7rem;\n }\n}\n\n/* -------- */\n\n/* Content grid\n/* ---------------------------------------------------------- */\n\n/* Canvas creates a multi-column, centered grid which the post\nis laid out on top of. Canvas just defines the grid, we don't\nuse it for applying any other styles. */\n\n.gh-canvas {\n display: grid;\n grid-template-columns:\n [full-start]\n minmax(max(4vmin, 20px), auto)\n [wide-start]\n minmax(auto, 240px)\n [main-start]\n min(720px, calc(100% - 8vw))\n [main-end]\n minmax(auto, 240px)\n [wide-end]\n minmax(max(4vmin, 20px), auto)\n [full-end]\n ;\n}\n\n.gh-canvas > * {\n grid-column: main-start / main-end;\n}\n\n.kg-width-wide {\n grid-column: wide-start / wide-end;\n}\n\n.kg-width-full {\n grid-column: full-start / full-end;\n}\n\n.kg-width-full img {\n width: 100%;\n}\n\n\n/* Content\n/* ---------------------------------------------------------- */\n\n/* Content refers to styling all page and post content that is\ncreated within the Ghost editor. The main content handles\nheadings, text, images and lists. We deal with cards lower down. */\n\n/* Default vertical spacing */\n.gh-content > * + * {\n margin-top: max(3.2vmin, 24px);\n margin-bottom: 0;\n}\n\n/* [id] represents all headings h1-h6, reset all margins */\n.gh-content > [id] {\n margin: 0;\n color: var(--color-darkgrey);\n}\n\n.has-serif-title .gh-content > [id] {\n font-family: var(--font-serif);\n}\n\n/* Add back a top margin to all headings, unless a heading\nis the very first element in the post content */\n.gh-content > [id]:not(:first-child) {\n margin: 2em 0 0;\n}\n\n/* Add a small margin between a heading and anything after it */\n.gh-content > [id] + * {\n margin-top: 1.5rem !important;\n}\n\n/* A larger margin before/after HRs and blockquotes */\n.gh-content > hr,\n.gh-content > blockquote {\n position: relative;\n margin-top: max(4.8vmin, 32px);\n}\n.gh-content > hr + *,\n.gh-content > blockquote + * {\n margin-top: max(4.8vmin, 32px) !important;\n}\n\n/* Now the content typography styles */\n.gh-content a {\n color: var(--ghost-accent-color);\n text-decoration: underline;\n word-break: break-word;\n}\n\n.gh-content > blockquote:not([class]),\n.gh-content > ol,\n.gh-content > ul,\n.gh-content > dl,\n.gh-content > p {\n font-family: var(--font-serif);\n font-weight: 400;\n font-size: 2rem;\n line-height: 1.6em;\n}\n\n.gh-content .kg-callout-card .kg-callout-text,\n.gh-content .kg-toggle-card .kg-toggle-content > ol,\n.gh-content .kg-toggle-card .kg-toggle-content > ul,\n.gh-content .kg-toggle-card .kg-toggle-content > p {\n font-family: var(--font-serif);\n font-weight: 400;\n font-size: 1.9rem;\n line-height: 1.6em;\n}\n\n.gh-content .kg-product-card .kg-product-card-description > p,\n.gh-content .kg-product-card .kg-product-card-description > ol,\n.gh-content .kg-product-card .kg-product-card-description > ul {\n font-size: 1.7rem;\n line-height: 1.6em;\n}\n\n.gh-content .kg-callout-card .kg-callout-emoji {\n font-size: 2.1rem;\n line-height: 1.4em;\n}\n\n.gh-content .kg-toggle-card .kg-toggle-heading-text {\n font-size: 2.0rem;\n}\n\n.has-sans-body .gh-content > blockquote,\n.has-sans-body .gh-content > ol,\n.has-sans-body .gh-content > ul,\n.has-sans-body .gh-content > dl,\n.has-sans-body .gh-content > p,\n.has-sans-body .gh-content .kg-callout-card .kg-callout-text,\n.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > ol,\n.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > ul,\n.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > p {\n font-family: var(--font-sans);\n}\n\n.gh-content > ul,\n.gh-content > ol,\n.gh-content > dl,\n.gh-content .kg-toggle-card .kg-toggle-content > ol,\n.gh-content .kg-toggle-card .kg-toggle-content > ul,\n.gh-content .kg-product-card .kg-product-card-description > ol,\n.gh-content .kg-product-card .kg-product-card-description > ul {\n padding-left: 1.9em;\n}\n\n.gh-content > blockquote:not([class]) {\n position: relative;\n font-style: italic;\n padding: 0;\n}\n\n.gh-content > blockquote:not([class])::before {\n content: \"\";\n position: absolute;\n left: -1.5em;\n top: 0;\n bottom: 0;\n width: 0.3rem;\n background: var(--ghost-accent-color);\n}\n\n.gh-content :not(pre) > code {\n vertical-align: middle;\n padding: 0.15em 0.4em 0.15em;\n border: #e1eaef 1px solid;\n font-weight: 400 !important;\n font-size: 0.9em;\n line-height: 1em;\n color: #15171A;\n background: #f0f6f9;\n border-radius: 0.25em;\n}\n\n.gh-content pre {\n overflow: auto;\n padding: 16px 20px;\n color: var(--color-wash);\n font-size: 1.4rem;\n line-height: 1.5em;\n background: var(--color-darkgrey);\n border-radius: 5px;\n box-shadow: 0 2px 6px -2px rgba(0,0,0,.1), 0 0 1px rgba(0,0,0,.4);\n}\n\n@media (max-width: 650px) {\n .gh-content > blockquote:not([class]),\n .gh-content > ol,\n .gh-content > ul,\n .gh-content > dl,\n .gh-content > p,\n .gh-content .kg-callout-card .kg-callout-text,\n .gh-content .kg-toggle-card .kg-toggle-content > ol,\n .gh-content .kg-toggle-card .kg-toggle-content > ul,\n .gh-content .kg-toggle-card .kg-toggle-content > p {\n font-size: 1.8rem;\n }\n\n .gh-content .kg-product-card .kg-product-card-description > p,\n .gh-content .kg-product-card .kg-product-card-description > ol,\n .gh-content .kg-product-card .kg-product-card-description > ul {\n font-size: 1.6rem;\n }\n\n .gh-content blockquote:not([class])::before {\n left: min(-4vmin, -20px);\n }\n}\n\n\n/* Cards\n/* ---------------------------------------------------------- */\n\n/* Cards are dynamic blocks of content which appear within Ghost\nposts, for example: embedded videos, tweets, galleries, or\nspecially styled bookmark links. We add extra styling here to\nmake sure they look good, and are given a bit of extra spacing. */\n\n/* Add extra margin before/after any cards,\nexcept for when immediately preceeded by a heading */\n.gh-content :not(.kg-card):not([id]) + .kg-card {\n margin-top: 6vmin;\n margin-bottom: 0;\n}\n.gh-content .kg-card + :not(.kg-card) {\n margin-top: 6vmin;\n margin-bottom: 0;\n}\n\n/* This keeps small embeds centered */\n.kg-embed-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n}\n\n/* This keeps small iamges centered */\n.kg-image-card img {\n margin: auto;\n}\n\n.has-serif-title .kg-toggle-card .kg-toggle-heading-text {\n font-family: var(--font-serif);\n}\n\n.gh-content .kg-callout-card-accent a {\n text-decoration: underline;\n}\n\n.kg-blockquote-alt {\n font-family: var(--font-serif);\n color: var(--color-midgrey);\n}\n\n.has-sans-body .kg-blockquote-alt {\n font-family: var(--font-sans);\n}\n\n.kg-card.kg-header-card.kg-style-dark {\n background: var(--color-darkgrey);\n}\n\n.kg-header-card.kg-style-light h2.kg-header-card-header {\n color: color-mod(var(--color-darkgrey) l(-5%));\n}\n\n.has-serif-title .kg-header-card h2.kg-header-card-header {\n font-family: var(--font-serif);\n}\n\n\n/* Captions */\nfigcaption {\n padding: 1.5rem 1.5rem 0;\n text-align: center;\n color: rgba(0,0,0,0.5);\n font-size: 1.3rem;\n line-height: 1.4em;\n}\nfigcaption strong {\n color: rgba(0,0,0,0.8);\n}\nfigcaption a {\n text-decoration: underline;\n}\n\n\n/* Highly specific styles for traditional Instagram embeds */\niframe.instagram-media {\n margin-top: 6vmin !important;\n margin-left: auto !important;\n margin-right: auto !important;\n margin-bottom: 0 !important;\n}\n\niframe.instagram-media + script + :not([id]) {\n margin-top: 6vmin;\n}\n\n\n/* Card captions\n/* ---------------------------------------------------------- */\n\n.kg-width-full.kg-card-hascaption {\n display: grid;\n grid-template-columns: inherit;\n}\n\n.kg-width-wide.kg-card-hascaption img {\n grid-column: wide-start / wide-end;\n}\n.kg-width-full.kg-card-hascaption img {\n grid-column: 1 / -1;\n}\n\n.kg-width-full.kg-card-hascaption figcaption {\n grid-column: main-start / main-end;\n}\n\n.article-comments {\n margin: 6vmin 0 0 0;\n}\n\n/* -----old------ */\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 font-size: 1.2rem;\n font-weight: bold;\n text-decoration: none !important;\n box-shadow: none !important;\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: var(--font-sans);\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(--color-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-mod(var(--color-wash) l(+4%));\n}\n\n.post-full-content table th,\n.post-full-content table td {\n padding: 6px 12px;\n border: color-mod(var(--color-wash) l(-1%) s(-5%)) 1px solid;\n}\n\n\n/* 7.1. Post Byline\n/* ---------------------------------------------------------- */\n\n.article-byline {\n display: flex;\n justify-content: space-between;\n margin: min(24px, 5.6vmin) 0 0;\n}\n\n.article-byline-content {\n flex-grow: 1;\n display: flex;\n align-items: center;\n}\n\n.article-byline-content .author-list {\n justify-content: flex-start;\n padding: 0 14px 0 0;\n}\n\n.article-byline-meta {\n color: var(--color-secondary-text);\n font-size: 1.4rem;\n line-height: 1.2em;\n}\n\n.article-byline-meta .author-name {\n margin: 0 0 6px;\n font-size: 1.7rem;\n font-weight: 700;\n}\n\n.article-byline-meta .bull {\n display: inline-block;\n margin: 0 2px;\n}\n\n.author-avatar {\n display: block;\n overflow: hidden;\n margin: 0 -4px;\n width: min(56px, 13.6vmin);\n height: min(56px, 13.6vmin);\n border: #fff 2px solid;\n border-radius: 50%;\n background-color: var(--color-border);\n}\n\n.page-template .article-title {\n margin-bottom: 0;\n}\n\n@media (max-width: 767px) {\n .article-byline-content .author-list {\n padding-right: 12px;\n }\n .article-byline-meta .author-name {\n margin-bottom: 4px;\n }\n}\n\n\n/* 7.3. Subscribe\n/* ---------------------------------------------------------- */\n\n.footer-cta {\n position: relative;\n text-align: center;\n}\n\n.footer-cta-title {\n margin: 0 0 min(24px, 6.4vmin);\n font-size: clamp(2.6rem, 5vw, 3.8rem);\n font-weight: 800;\n}\n\n.has-serif-title .footer-cta-title {\n font-family: var(--font-serif);\n}\n\n.footer-cta-button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n max-width: 500px;\n padding: 5px 5px 5px 15px;\n font-size: 1.7rem;\n color: var(--color-secondary-text);\n background: #fff;\n border: 1px solid var(--color-border);\n border-radius: 8px;\n transition: border-color 0.2s;\n}\n\n.footer-cta-button:hover {\n border-color: color-mod(var(--color-border) l(-12%));\n}\n\n.footer-cta-button span {\n display: inline-block;\n padding: 9px 15px;\n color: #fff;\n font-size: 1.6rem;\n font-weight: 600;\n letter-spacing: -0.005em;\n background: var(--ghost-accent-color);\n border-radius: 6px;\n}\n\n\n/* 7.4. Read more\n/* ---------------------------------------------------------- */\n\n.read-more-wrap {\n margin-top: max(12vmin, 72px);\n}\n\n.read-more {\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n grid-gap: 4vmin;\n}\n\n@media (max-width: 1000px) {\n .read-more {\n grid-template-columns: repeat(4, 1fr);\n }\n .read-more .post-card:nth-child(3) {\n display: none;\n }\n}\n\n@media (max-width: 700px) {\n .read-more {\n grid-template-columns: repeat(2, 1fr);\n }\n .read-more .post-card:nth-child(2) {\n display: none;\n }\n}\n\n\n/* 8. Author Template\n/* ---------------------------------------------------------- */\n\n.author-profile-pic {\n display: block;\n width: 80px;\n height: 80px;\n object-fit: cover;\n margin: 0 0 2rem;\n background: color-mod(var(--color-lightgrey) l(+10%));\n border-radius: 50%;\n}\n\n.author-profile-footer {\n margin-top: 16px;\n}\n\n.author-profile-location {\n font-weight: 700;\n}\n\n.author-profile-meta {\n display: flex;\n gap: 10px;\n}\n\n.author-profile-social-link {\n font-size: 1.3rem;\n color: var(--color-secondary-text);\n}\n\n.author-profile-social-link:hover {\n color: var(--color-darkgrey);\n}\n\n.author-profile-social-link svg {\n width: 16px;\n height: 16px;\n}\n\n\n/* 8. Tag Template\n/* ---------------------------------------------------------- */\n\n.tag-template .post-card-large .post-card-image-link {\n grid-column: 2 / span 2;\n order: 2;\n}\n\n.tag-template .post-card-large .post-card-content {\n order: 1;\n}\n\n\n/* 9. Error Template\n/* ---------------------------------------------------------- */\n\n.error-content {\n padding: 14vw 4vw 2vw;\n}\n\n.error-message {\n padding-bottom: 10vw;\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}\n\n.error-description {\n margin: 0;\n color: var(--color-secondary-text);\n font-size: 3.2rem;\n line-height: 1.3em;\n letter-spacing: -0.005em;\n font-weight: 400;\n}\n\n.error-link {\n display: inline-block;\n margin-top: 5px;\n}\n\n@media (min-width: 940px) {\n .error-content .post-card {\n margin-bottom: 0;\n padding-bottom: 0;\n border-bottom: none;\n }\n}\n\n@media (max-width: 800px) {\n .error-content {\n padding-top: 24vw;\n }\n .error-code {\n font-size: 11.2rem;\n }\n .error-message {\n padding-bottom: 16vw;\n }\n .error-description {\n margin: 5px 0 0 0;\n font-size: 1.8rem;\n }\n}\n\n@media (max-width: 500px) {\n .error-content {\n padding-top: 28vw;\n }\n .error-message {\n padding-bottom: 14vw;\n }\n}\n\n\n/* 11. Site Footer\n/* ---------------------------------------------------------- */\n\n.site-footer {\n position: relative;\n margin: max(12vmin, 64px) 0 0 0;\n padding-top: 48px;\n padding-bottom: 140px;\n color: #fff;\n background: color-mod(var(--color-darkgrey) l(-5%));\n}\n\n.site-footer .inner {\n display: grid;\n grid-gap: 40px;\n grid-template-columns: auto 1fr auto;\n color: rgba(255,255,255,0.7);\n font-size: 1.3rem;\n}\n\n.site-footer .copyright a {\n color: #fff;\n letter-spacing: -0.015em;\n font-weight: 500;\n}\n\n.site-footer a {\n color: rgba(255,255,255,0.7);\n}\n\n.site-footer a:hover {\n color: rgba(255,255,255,1);\n text-decoration: none;\n}\n\n.site-footer-nav ul {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n margin: 0 0 20px;\n padding: 0;\n list-style: none;\n}\n\n.site-footer-nav li {\n display: inline-flex;\n align-items: center;\n padding: 0;\n margin: 0;\n line-height: 2em;\n}\n\n.site-footer-nav a {\n position: relative;\n display: inline-flex;\n align-items: center;\n margin-left: 10px;\n}\n\n.site-footer-nav li:not(:first-child) a:before {\n content: \"\";\n display: block;\n width: 2px;\n height: 2px;\n margin: 0 10px 0 0;\n background: #fff;\n border-radius: 100%;\n}\n\n@media (max-width: 767px) {\n .site-footer .inner {\n max-width: 500px;\n grid-template-columns: 1fr;\n grid-gap: 0;\n text-align: center;\n }\n .site-footer .copyright,\n .site-footer .copyright a {\n color: #fff;\n font-size: 1.5rem;\n }\n .site-footer .copyright {\n margin-bottom: 16px;\n }\n}\n\n\n/* 12. Dark Mode\n/* ---------------------------------------------------------- */\n\nhtml.dark-mode body {\n color: rgba(255, 255, 255, 0.75);\n background: var(--color-darkmode);\n}\n\nhtml.dark-mode img {\n opacity: 0.9;\n}\n\nhtml.dark-mode kbd {\n background: color-mod(var(--color-darkmode) l(+5%));\n}\n\nhtml.dark-mode figcaption a {\n color: #fff;\n}\n\nhtml.dark-mode .gh-head {\n background: var(--color-darkmode);\n color: #fff;\n}\n\nhtml.dark-mode .gh-burger-box {\n color: #fff;\n}\n\nhtml.dark-mode .site-header-content {\n color: #fff;\n}\n\nhtml.dark-mode .post-card-image {\n background: var(--color-darkmode);\n}\n\nhtml.dark-mode :is(.post-card-primary-tag, .post-card-meta, .article-tag a, .byline-meta-content) {\n color: color-mod(var(--color-secondary-text) l(-22%));\n}\n\nhtml.dark-mode .post-card-title {\n color: #fff;\n}\n\nhtml.dark-mode .post-card-excerpt {\n color: var(--color-secondary-text);\n}\n\nhtml.dark-mode .article-title {\n color: #fff;\n}\n\nhtml.dark-mode .article-excerpt {\n color: var(--color-secondary-text);\n}\n\nhtml.dark-mode .post-full-image {\n background-color: color-mod(var(--color-darkmode) l(+8%));\n}\n\nhtml.dark-mode .article-byline {\n border-top-color: color-mod(var(--color-darkmode) l(+15%));\n}\n\nhtml.dark-mode .article-byline-meta .author-name a {\n color: #fff;\n}\n\nhtml.dark-mode .no-image .author-social-link a {\n color: rgba(255, 255, 255, 0.75);\n}\n\nhtml.dark-mode .gh-content > [id] {\n color: rgba(255, 255, 255, 0.9);\n}\n\nhtml.dark-mode .gh-content pre {\n background: color-mod(var(--color-darkgrey) l(-8%));\n}\n\nhtml.dark-mode .gh-content :not(pre) > code {\n background: color-mod(var(--color-darkgrey) l(+6%));\n border-color: color-mod(var(--color-darkmode) l(+8%));\n color: var(--color-wash);\n}\n\nhtml.dark-mode .gh-content a:not(.kg-btn):not(.kg-nft-card-container):not(.kg-product-card-button):not(.kg-header-card-button) {\n color: #fff;\n}\n\nhtml.dark-mode .gh-content strong {\n color: #fff;\n}\n\nhtml.dark-mode .gh-content em {\n color: #fff;\n}\n\nhtml.dark-mode .gh-content code {\n color: #fff;\n background: #000;\n}\n\nhtml.dark-mode hr {\n border-top-color: color-mod(var(--color-darkmode) l(+8%));\n}\n\nhtml.dark-mode .gh-content hr:after {\n background: color-mod(var(--color-darkmode) l(+8%));\n box-shadow: var(--color-darkmode) 0 0 0 5px;\n}\n\nhtml.dark-mode figcaption {\n color: rgba(255, 255, 255, 0.6);\n}\n\nhtml.dark-mode .gh-content table td:first-child {\n background-image: linear-gradient(to right, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);\n}\n\nhtml.dark-mode .gh-content table td:last-child {\n background-image: linear-gradient(to left, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);\n}\n\nhtml.dark-mode .gh-content table th {\n color: rgba(255, 255, 255, 0.85);\n background-color: color-mod(var(--color-darkmode) l(+8%));\n}\n\nhtml.dark-mode .gh-content table th,\nhtml.dark-mode .gh-content table td {\n border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;\n}\n\nhtml.dark-mode .gh-content input {\n color: color-mod(var(--color-midgrey) l(-30%));\n}\n\nhtml.dark-mode .site-archive-header .no-image {\n color: rgba(255, 255, 255, 0.9);\n background: var(--color-darkmode);\n}\n\nhtml.dark-mode .kg-header-card.kg-style-dark {\n background: color-mod(var(--color-darkgrey) l(-5%));\n}\n\nhtml.dark-mode .kg-header-card.kg-style-light {\n background: color-mod(var(--color-darkgrey) l(+5%));\n}\n\nhtml.dark-mode .kg-header-card h2.kg-header-card-header,\nhtml.dark-mode .kg-header-card h3.kg-header-card-subheader {\n color: #fff;\n}\n\nhtml.dark-mode .footer-cta-title {\n color: #fff;\n}\n\n/*\n\nHey! You reached the end.\n\nHope you enjoyed this CSS file, if you have any suggestions\nfor improvements that might be useful for everyone who uses\nthis theme, you can find the open source repository for it\nhere: https://github.com/tryghost/casper\n\nOr, if you've just scrolled all the way to the bottom of the\nfile to add some of your own styles. Well, you've come to\nthe right place. Onward!\n\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":["/* 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 display: block;\n max-width: 100%;\n height: auto;\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}\nkbd {\n padding: 3px 5px;\n font-family: var(--font-mono);\n font-size: 1.5rem;\n background: #f6f8fa;\n border: 1px solid rgba(124, 139, 154, 0.25);\n border-radius: 6px;\n box-shadow: inset 0 -1px 0 rgba(124, 139, 154, 0.25);\n}\n@media (max-width: 600px) {\n kbd {\n font-size: 1.3rem;\n }\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 font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n color: var(--color-darkgrey);\n font-family: var(--font-sans);\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: #daf2fd;\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 #f0f0f0;\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\n::not(.gh-content) p,\n::not(.gh-content) ul,\n::not(.gh-content) ol,\n::not(.gh-content) dl,\n::not(.gh-content) blockquote {\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 padding-left: 0.3em;\n line-height: 1.6em;\n}\n\nli + li {\n margin-top: 0.5em;\n}\n\ndt {\n float: left;\n margin: 0 20px 0 0;\n width: 120px;\n color: #daf2fd;\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: #daf2fd;\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: #15171A;\n text-decoration: none;\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 letter-spacing: -0.01em;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 4.8rem;\n font-weight: 700;\n letter-spacing: -0.015em;\n}\n@media (max-width: 600px) {\n h1 {\n font-size: 2.8rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2.8rem;\n font-weight: 700;\n}\n@media (max-width: 600px) {\n h2 {\n font-size: 2.3rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2.4rem;\n font-weight: 600;\n}\n@media (max-width: 600px) {\n h3 {\n font-size: 1.7rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n@media (max-width: 600px) {\n h4 {\n font-size: 1.7rem;\n }\n}\n\nh5 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n\nh6 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.8rem;\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. Post Byline\n 7.2. Members Subscribe Form\n 7.4. Related Posts\n 7.5. Koenig Styles\n8. Author Template\n9. Error Template\n11. Site Footer\n12. Dark Mode\n\n*/\n\n/* 1. Global - Set up the things\n/* ---------------------------------------------------------- */\n\n/* Import CSS reset and base styles */\n@import \"global.css\";\n\n:root {\n\n /* Colours */\n --color-green: #a4d037;\n --color-yellow: #fecd35;\n --color-red: #f05230;\n --color-darkgrey: #15171A;\n --color-midgrey: #738a94;\n --color-lightgrey: #f1f1f1;\n --color-secondary-text: #979797;\n --color-border: #e1e1e1;\n --color-wash: #e5eff5;\n --color-darkmode: #151719;\n\n /*\n An accent color is also set by Ghost itself in\n Ghost Admin > Settings > Brand\n\n --ghost-accent-color: {value};\n\n You can use this variable throughout your styles\n */\n\n /* Fonts */\n --font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n --font-serif: Georgia, Times, serif;\n --font-mono: Menlo, Courier, monospace;\n\n}\n\n\n/* 2. Layout - Page building blocks\n/* ---------------------------------------------------------- */\n\n.viewport {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\n\n.site-content {\n flex-grow: 1;\n}\n\n/* Full width page blocks */\n.outer {\n position: relative;\n padding: 0 max(4vmin, 20px);\n}\n\n/* Centered content container blocks */\n.inner {\n margin: 0 auto;\n max-width: 1200px;\n width: 100%;\n}\n\n\n/* 4. Site Header\n/* ---------------------------------------------------------- */\n\n.site-header {\n position: relative;\n color: #fff;\n background: var(--ghost-accent-color);\n}\n\n.site-header-cover {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.site-header-content {\n position: relative;\n z-index: 100;\n display: flex;\n align-items: center;\n padding-top: 6.4vmin;\n padding-bottom: 6.4vmin;\n text-align: center;\n color: var(--color-darkgrey);\n}\n\n.has-cover-image .site-header-content {\n min-height: 560px;\n background-color: var(--ghost-accent-color);\n color: #fff;\n}\n\nbody:not(.has-cover-image) .site-header-content:not(.left-aligned) {\n padding-bottom: max(4.8vmin, 24px);\n}\n\n.site-header-content.left-aligned {\n padding-bottom: 0;\n text-align: left;\n}\n\n.has-cover-image .site-header-content.left-aligned {\n align-items: flex-end;\n padding-bottom: 6.4vmin;\n}\n\n.site-header-content.no-content {\n padding-top: 0;\n}\n\n.site-header-inner {\n position: relative;\n}\n\n.site-header-content.left-aligned .site-header-inner {\n align-items: flex-start;\n}\n\n.site-logo {\n flex-shrink: 0;\n margin: 0 auto;\n max-height: 120px;\n}\n\n.site-header-content.left-aligned .site-logo {\n margin-right: auto;\n margin-left: 0;\n max-height: 96px;\n}\n\n.site-title {\n z-index: 10;\n margin: 0;\n padding: 0;\n font-size: 5rem;\n font-weight: 800;\n}\n\n.has-serif-title .site-title {\n font-family: var(--font-serif);\n}\n\n.has-cover-image .site-title {\n font-size: 6rem;\n}\n\n.site-header-content.left-aligned .site-title {\n font-size: 4.4rem;\n}\n\n.has-cover-image .site-header-content.left-aligned .site-title {\n font-size: 4.6rem;\n}\n\n.site-description {\n display: inline-block;\n z-index: 10;\n max-width: 560px;\n font-size: 2.4rem;\n font-weight: 500;\n line-height: 1.4;\n}\n\n:is(.site-logo, .site-title) + .site-description {\n margin-top: 8px;\n font-size: 2.1rem;\n font-weight: 400;\n}\n\n.site-logo + .site-description {\n margin-top: 20px;\n}\n\n.site-title + .site-description {\n color: var(--color-secondary-text);\n}\n\n.has-cover-image .site-description {\n font-size: 3.2rem;\n letter-spacing: -0.005em;\n color: #fff;\n}\n\n.has-cover-image :is(.site-logo, .site-title) + .site-description {\n font-size: 2.4rem;\n}\n\n.has-cover-image .site-header-content.left-aligned :is(.site-logo, .site-title) + .site-description {\n font-size: 2.2rem;\n}\n\n@media (max-width: 767px) {\n .has-cover-image .site-header-content {\n padding-bottom: 36px;\n min-height: 240px;\n }\n .site-header-inner {\n gap: 16px;\n }\n .site-logo {\n max-width: 60%;\n }\n .site-title {\n font-size: 3.4rem !important;\n }\n .site-description {\n font-size: 1.9rem !important;\n }\n .site-logo + .site-description {\n margin-top: 12px !important;\n }\n .site-title + .site-description {\n margin-top: 4px !important;\n }\n}\n\n\n/* 5. Site Navigation\n/* ---------------------------------------------------------- */\n\n.gh-head {\n padding-top: min(24px, 3.6vmin);\n padding-bottom: min(24px, 3.6vmin);\n font-size: 1.6rem;\n line-height: 1.3em;\n background-color: #fff;\n}\n\n.has-cover-image:not(.home-template) .gh-head {\n background-color: var(--ghost-accent-color);\n color: #fff;\n}\n\n.home-template.has-cover-image .gh-head {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 2000;\n background-color: transparent;\n color: #fff;\n}\n\n.gh-head a {\n text-decoration: none;\n}\n\n.gh-head-inner {\n display: grid;\n grid-gap: 40px;\n grid-template-columns: auto auto 1fr;\n grid-auto-flow: row dense;\n}\n\n\n/* Brand\n/* ---------------------------------------------------------- */\n\n.gh-head-brand {\n display: flex;\n align-items: center;\n height: 40px;\n max-width: 400px;\n word-break: break-all;\n}\n\n.gh-head-logo {\n display: block;\n font-weight: 800;\n font-size: 2.6rem;\n letter-spacing: -0.02em;\n color: inherit;\n}\n\n.gh-head-logo.no-image {\n margin-top: -2px;\n}\n\n.has-cover-image .gh-head-logo {\n color: #fff;\n}\n\n.no-logo .gh-head-logo {\n display: none;\n}\n\n.gh-head-logo img {\n max-height: 26px;\n}\n\n\n/* Primary Navigation\n/* ---------------------------------------------------------- */\n\n.gh-head-menu {\n display: flex;\n align-items: center;\n margin-top: 1px;\n font-weight: 500;\n}\n\n.no-logo .gh-head-menu {\n margin-left: -40px;\n}\n\n.gh-head-menu .nav {\n display: inline-flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 32px;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.gh-head-menu .nav li {\n margin: 0;\n padding: 0;\n}\n\n.gh-head-menu .nav a {\n display: inline-block;\n line-height: 1.7;\n color: inherit;\n}\n\n\n/* Secondary Navigation\n/* ---------------------------------------------------------- */\n\n.gh-head-actions {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n list-style: none;\n text-align: right;\n}\n\n.gh-head-button {\n display: inline-flex;\n align-items: center;\n padding: 8px 16px;\n height: 40px;\n font-weight: 600;\n letter-spacing: -0.005em;\n font-size: 1.5rem;\n border-radius: 6px;\n color: #fff;\n background: var(--ghost-accent-color);\n}\n\n.has-cover-image .gh-head-button {\n color: var(--color-darkgrey);\n background: #fff;\n}\n\n\n/* Mobile Menu Trigger\n/* ---------------------------------------------------------- */\n\n.gh-burger {\n position: relative;\n display: none;\n cursor: pointer;\n}\n\n.gh-burger-box {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 33px;\n height: 33px;\n}\n\n.has-cover-image .gh-burger-box {\n color: #fff;\n}\n\n.gh-burger-inner {\n width: 100%;\n height: 100%;\n}\n\n.gh-burger-box::before {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n content: '';\n width: 100%;\n height: 1px;\n background: currentcolor;\n transition: transform 300ms cubic-bezier(.2,.6,.3,1), width 300ms cubic-bezier(.2,.6,.3,1);\n will-change: transform, width;\n}\n\n.gh-burger-inner::before,\n.gh-burger-inner::after {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n content: '';\n width: 100%;\n height: 1px;\n background: currentcolor;\n transition: transform 250ms cubic-bezier(.2,.7,.3,1), width 250ms cubic-bezier(.2,.7,.3,1);\n will-change: transform, width;\n}\n\n.gh-burger-inner::before {\n transform: translatey(-6px);\n}\n.gh-burger-inner::after {\n transform: translatey(6px);\n}\n\nbody:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::before {\n transform: translatey(-8px);\n}\nbody:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {\n transform: translatey(8px);\n}\n\n.gh-head-open .gh-burger-box::before {\n width: 0;\n transform: translatex(19px);\n transition: transform 200ms cubic-bezier(.2,.7,.3,1), width 200ms cubic-bezier(.2,.7,.3,1);\n}\n\n.gh-head-open .gh-burger-inner::before {\n width: 26px;\n transform: translatex(6px) rotate(135deg);\n}\n\n.gh-head-open .gh-burger-inner::after {\n width: 26px;\n transform: translatex(6px) rotate(-135deg);\n}\n\n\n/* Mobile Menu\n/* ---------------------------------------------------------- */\n/* IDs needed to ensure sufficient specificity */\n\n@media (max-width: 991px) {\n .gh-burger {\n display: inline-block;\n }\n #gh-head {\n overflow: hidden;\n }\n #gh-head .gh-head-inner {\n height: 100%;\n grid-template-columns: 1fr;\n }\n #gh-head .gh-head-brand {\n position: relative;\n z-index: 10;\n grid-column-start: auto;\n max-width: none;\n display: flex;\n align-items: center;\n justify-content: space-between;\n user-select: none;\n }\n .no-logo #gh-head .gh-head-brand {\n justify-content: flex-end;\n }\n #gh-head .gh-head-menu {\n align-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n margin: 0 0 10vh 0;\n font-weight: 300;\n font-size: 3.6rem;\n line-height: 1.1em;\n }\n #gh-head .gh-head-menu .nav {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n font-weight: 500;\n }\n #gh-head .gh-head-actions {\n padding: 20px 0;\n justify-content: center;\n text-align: left;\n }\n #gh-head .gh-head-actions a {\n margin: 0 10px;\n }\n /* Hide collapsed content */\n #gh-head .gh-head-actions,\n #gh-head .gh-head-menu {\n display: none;\n }\n /* Open the menu */\n .gh-head-open {\n overflow: hidden;\n height: 100vh;\n }\n .gh-head-open #gh-head {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3999999;\n overflow-y: scroll;\n }\n .gh-head-open #gh-head .gh-head-inner {\n grid-template-rows: auto 1fr auto;\n }\n .gh-head-open #gh-head .gh-head-actions,\n .gh-head-open #gh-head .gh-head-menu {\n display: flex;\n }\n}\n\n@media (max-width: 600px) {\n #gh-head .gh-head-menu {\n font-size: 6vmin;\n }\n}\n\n.has-cover-image.gh-head-open .gh-head {\n background: var(--ghost-accent-color);\n}\n\n\n/* 6. Post Feed\n/* ---------------------------------------------------------- */\n\n.post-feed {\n position: relative;\n display: grid;\n gap: 4.8vmin 4vmin;\n grid-template-columns: repeat(6, 1fr);\n padding: max(4.8vmin, 36px) 0 0;\n}\n\n:is(.tag-template, .author-template) .post-feed {\n margin-top: 4vmin;\n}\n\n@media (max-width: 991px) {\n .post-feed {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n@media (max-width: 767px) {\n .post-feed {\n grid-template-columns: 1fr;\n grid-gap: 40px;\n }\n}\n\n.post-card {\n position: relative;\n grid-column: span 2;\n display: flex;\n flex-direction: column;\n background-size: cover;\n word-break: break-word;\n}\n\n.post-card-image-link {\n position: relative;\n display: block;\n margin-bottom: 32px;\n}\n\n.post-card-image-link::after {\n content: \"\";\n display: block;\n padding-bottom: 55%;\n}\n\n.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image-link::after {\n display: none;\n}\n\n.post-card-image {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n background: var(--color-lightgrey) no-repeat center center;\n object-fit: cover;\n}\n\n.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image {\n position: static;\n}\n\n.post-card-content-link {\n position: relative;\n display: block;\n color: var(--color-darkgrey);\n}\n\n.post-card-content-link:hover {\n text-decoration: none;\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-tags {\n display: flex;\n align-items: center;\n gap: 12px;\n margin: 0 0 10px;\n color: var(--color-secondary-text);\n font-size: 1.4rem;\n font-weight: 600;\n letter-spacing: -0.005em;\n line-height: 1;\n}\n\n.post-card-featured {\n display: flex;\n align-items: center;\n gap: 3px;\n color: var(--ghost-accent-color);\n}\n\n.post-card-title {\n margin: 0;\n font-size: 2.6rem;\n font-weight: 800;\n}\n\n.no-image .post-card-title {\n margin-top: 0;\n}\n\n.has-serif-title .post-card-title {\n font-family: var(--font-serif);\n letter-spacing: -0.005em;\n}\n\n.post-card-content {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n}\n\n.post-card-excerpt {\n display: -webkit-box;\n overflow-y: hidden;\n margin-top: 12px;\n max-width: 720px;\n font-size: 1.6rem;\n line-height: 1.5;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n word-break: break-word;\n}\n\n.has-sans-body .post-card-excerpt {\n font-family: var(--font-sans);\n}\n\n.post-card:not(.post-card-large):not(.post-card-full):not(.dynamic):not(.no-image) .post-card-excerpt {\n -webkit-line-clamp: 2;\n}\n\n:is(.tag-template, .author-template) .post-card-excerpt {\n margin-top: 6px;\n}\n\n.post-card-meta {\n display: flex;\n align-items: center;\n margin-top: 12px;\n padding: 0;\n font-size: 1.3rem;\n color: var(--color-secondary-text);\n}\n\n.post-card-meta .sep {\n margin: 0 4px;\n}\n\n.author-profile-image {\n display: block;\n width: 100%;\n height: 100%;\n background: color-mod(var(--color-lightgrey) l(+10%));\n border-radius: 100%;\n\n object-fit: cover;\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\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: 1001px) {\n .post-card-large {\n grid-column: span 6;\n display: grid;\n grid-gap: 4vmin;\n grid-template-columns: repeat(3, 1fr);\n border-top: 0;\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 grid-column: span 2;\n margin-bottom: 0;\n }\n\n .post-card-large .post-card-content {\n grid-column: span 1;\n }\n\n .post-card-large.no-image .post-card-content {\n grid-column: span 2;\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-tags {\n margin-bottom: 12px;\n }\n\n .post-card-large .post-card-title {\n margin-top: 0;\n font-size: 4.4rem;\n line-height: 1;\n }\n\n .post-card-large .post-card-excerpt {\n margin-top: 16px;\n }\n\n .post-card-full {\n grid-column: span 6;\n }\n\n .post-card-full .post-card-image-link {\n margin-bottom: 40px;\n }\n\n .post-card-full .post-card-tags {\n margin-bottom: 14px;\n }\n\n .post-card-full .post-card-title {\n font-size: 6.4rem;\n line-height: 0.95;\n }\n\n .post-card-full .post-card-excerpt {\n margin-top: 20px;\n font-size: 1.8rem;\n }\n\n .post-card-large + .post-card-large:nth-child(even) {\n margin: 32px 0;\n }\n\n .post-card-large + .post-card-large:nth-child(even) .post-card-content {\n order: -1;\n }\n\n .post-card.dynamic {\n grid-column: span 3;\n }\n\n .post-card.dynamic .post-card-title {\n font-size: 3rem;\n }\n}\n\n\n/* 7. Single Post\n/* ---------------------------------------------------------- */\n\n.article {\n padding: max(8vmin, 40px) 0 max(8vmin, 64px);\n word-break: break-word;\n}\n\n.page-template .article {\n padding-top: max(12vmin, 64px);\n}\n\n.article-header {\n padding: 0 0 max(6.4vmin, 40px) 0;\n}\n\n.page-template .article-header {\n padding-bottom: max(3.2vmin, 28px);\n}\n\n.article-tag {\n margin-bottom: 16px;\n font-size: 1.6rem;\n}\n\n.article-tag a {\n color: var(--color-secondary-text);\n}\n\n.article-title {\n margin-bottom: 0;\n font-size: clamp(3.2rem, 5vw, 5.2rem);\n font-weight: 800;\n line-height: 1;\n color: var(--color-darkgrey);\n}\n\n.has-serif-title .article-title {\n font-family: var(--font-serif);\n}\n\n.article-excerpt {\n margin-top: 20px;\n max-width: 720px;\n font-size: 2rem;\n line-height: 1.45;\n color: var(--color-darkgrey);\n}\n\n.gh-canvas .article-image {\n grid-column: wide-start / wide-end;\n width: 100%;\n margin: max(6.4vmin, 40px) 0 0;\n}\n\n.image-full .article-image {\n grid-column: full-start / full-end;\n}\n\n.image-small .article-image {\n grid-column: main-start / main-end;\n}\n\n.gh-canvas .article-image img {\n display: block;\n margin-left: auto;\n margin-right: auto;\n width: 100%;\n}\n\n@media (max-width: 767px) {\n .article-excerpt {\n margin-top: 14px;\n font-size: 1.7rem;\n }\n}\n\n/* -------- */\n\n/* Content grid\n/* ---------------------------------------------------------- */\n\n/* Canvas creates a multi-column, centered grid which the post\nis laid out on top of. Canvas just defines the grid, we don't\nuse it for applying any other styles. */\n\n.gh-canvas {\n display: grid;\n grid-template-columns:\n [full-start]\n minmax(max(4vmin, 20px), auto)\n [wide-start]\n minmax(auto, 240px)\n [main-start]\n min(720px, calc(100% - 8vw))\n [main-end]\n minmax(auto, 240px)\n [wide-end]\n minmax(max(4vmin, 20px), auto)\n [full-end]\n ;\n}\n\n.gh-canvas > * {\n grid-column: main-start / main-end;\n}\n\n.kg-width-wide {\n grid-column: wide-start / wide-end;\n}\n\n.kg-width-full {\n grid-column: full-start / full-end;\n}\n\n.kg-width-full img {\n width: 100%;\n}\n\n\n/* Content\n/* ---------------------------------------------------------- */\n\n/* Content refers to styling all page and post content that is\ncreated within the Ghost editor. The main content handles\nheadings, text, images and lists. We deal with cards lower down. */\n\n/* Default vertical spacing */\n.gh-content > * + * {\n margin-top: max(3.2vmin, 24px);\n margin-bottom: 0;\n}\n\n/* [id] represents all headings h1-h6, reset all margins */\n.gh-content > [id] {\n margin: 0;\n color: var(--color-darkgrey);\n}\n\n.has-serif-title .gh-content > [id] {\n font-family: var(--font-serif);\n}\n\n/* Add back a top margin to all headings, unless a heading\nis the very first element in the post content */\n.gh-content > [id]:not(:first-child) {\n margin: 2em 0 0;\n}\n\n/* Add a small margin between a heading and anything after it */\n.gh-content > [id] + * {\n margin-top: 1.5rem !important;\n}\n\n/* A larger margin before/after HRs and blockquotes */\n.gh-content > hr,\n.gh-content > blockquote {\n position: relative;\n margin-top: max(4.8vmin, 32px);\n}\n.gh-content > hr + *,\n.gh-content > blockquote + * {\n margin-top: max(4.8vmin, 32px) !important;\n}\n\n/* Now the content typography styles */\n.gh-content a {\n color: var(--ghost-accent-color);\n text-decoration: underline;\n word-break: break-word;\n}\n\n.gh-content > blockquote:not([class]),\n.gh-content > ol,\n.gh-content > ul,\n.gh-content > dl,\n.gh-content > p {\n font-family: var(--font-serif);\n font-weight: 400;\n font-size: 2rem;\n line-height: 1.6em;\n}\n\n.gh-content .kg-callout-card .kg-callout-text,\n.gh-content .kg-toggle-card .kg-toggle-content > ol,\n.gh-content .kg-toggle-card .kg-toggle-content > ul,\n.gh-content .kg-toggle-card .kg-toggle-content > p {\n font-family: var(--font-serif);\n font-weight: 400;\n font-size: 1.9rem;\n line-height: 1.6em;\n}\n\n.gh-content .kg-product-card .kg-product-card-description > p,\n.gh-content .kg-product-card .kg-product-card-description > ol,\n.gh-content .kg-product-card .kg-product-card-description > ul {\n font-size: 1.7rem;\n line-height: 1.6em;\n}\n\n.gh-content .kg-callout-card .kg-callout-emoji {\n font-size: 2.1rem;\n line-height: 1.4em;\n}\n\n.gh-content .kg-toggle-card .kg-toggle-heading-text {\n font-size: 2.0rem;\n}\n\n.has-sans-body .gh-content > blockquote,\n.has-sans-body .gh-content > ol,\n.has-sans-body .gh-content > ul,\n.has-sans-body .gh-content > dl,\n.has-sans-body .gh-content > p,\n.has-sans-body .gh-content .kg-callout-card .kg-callout-text,\n.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > ol,\n.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > ul,\n.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > p {\n font-family: var(--font-sans);\n}\n\n.gh-content > ul,\n.gh-content > ol,\n.gh-content > dl,\n.gh-content .kg-toggle-card .kg-toggle-content > ol,\n.gh-content .kg-toggle-card .kg-toggle-content > ul,\n.gh-content .kg-product-card .kg-product-card-description > ol,\n.gh-content .kg-product-card .kg-product-card-description > ul {\n padding-left: 1.9em;\n}\n\n.gh-content > blockquote:not([class]) {\n position: relative;\n font-style: italic;\n padding: 0;\n}\n\n.gh-content > blockquote:not([class])::before {\n content: \"\";\n position: absolute;\n left: -1.5em;\n top: 0;\n bottom: 0;\n width: 0.3rem;\n background: var(--ghost-accent-color);\n}\n\n.gh-content :not(pre) > code {\n vertical-align: middle;\n padding: 0.15em 0.4em 0.15em;\n border: #e1eaef 1px solid;\n font-weight: 400 !important;\n font-size: 0.9em;\n line-height: 1em;\n color: #15171A;\n background: #f0f6f9;\n border-radius: 0.25em;\n}\n\n.gh-content pre {\n overflow: auto;\n padding: 16px 20px;\n color: var(--color-wash);\n font-size: 1.4rem;\n line-height: 1.5em;\n background: var(--color-darkgrey);\n border-radius: 5px;\n box-shadow: 0 2px 6px -2px rgba(0,0,0,.1), 0 0 1px rgba(0,0,0,.4);\n}\n\n@media (max-width: 650px) {\n .gh-content > blockquote:not([class]),\n .gh-content > ol,\n .gh-content > ul,\n .gh-content > dl,\n .gh-content > p,\n .gh-content .kg-callout-card .kg-callout-text,\n .gh-content .kg-toggle-card .kg-toggle-content > ol,\n .gh-content .kg-toggle-card .kg-toggle-content > ul,\n .gh-content .kg-toggle-card .kg-toggle-content > p {\n font-size: 1.8rem;\n }\n\n .gh-content .kg-product-card .kg-product-card-description > p,\n .gh-content .kg-product-card .kg-product-card-description > ol,\n .gh-content .kg-product-card .kg-product-card-description > ul {\n font-size: 1.6rem;\n }\n\n .gh-content blockquote:not([class])::before {\n left: min(-4vmin, -20px);\n }\n}\n\n\n/* Cards\n/* ---------------------------------------------------------- */\n\n/* Cards are dynamic blocks of content which appear within Ghost\nposts, for example: embedded videos, tweets, galleries, or\nspecially styled bookmark links. We add extra styling here to\nmake sure they look good, and are given a bit of extra spacing. */\n\n/* Add extra margin before/after any cards,\nexcept for when immediately preceeded by a heading */\n.gh-content :not(.kg-card):not([id]) + .kg-card {\n margin-top: 6vmin;\n margin-bottom: 0;\n}\n.gh-content .kg-card + :not(.kg-card) {\n margin-top: 6vmin;\n margin-bottom: 0;\n}\n\n/* This keeps small embeds centered */\n.kg-embed-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n}\n\n/* This keeps small iamges centered */\n.kg-image-card img {\n margin: auto;\n}\n\n.has-serif-title .kg-toggle-card .kg-toggle-heading-text {\n font-family: var(--font-serif);\n}\n\n.gh-content .kg-callout-card-accent a {\n text-decoration: underline;\n}\n\n.kg-blockquote-alt {\n font-family: var(--font-serif);\n color: var(--color-midgrey);\n}\n\n.has-sans-body .kg-blockquote-alt {\n font-family: var(--font-sans);\n}\n\n.kg-card.kg-header-card.kg-style-dark {\n background: var(--color-darkgrey);\n}\n\n.kg-header-card.kg-style-light h2.kg-header-card-header {\n color: color-mod(var(--color-darkgrey) l(-5%));\n}\n\n.has-serif-title .kg-header-card h2.kg-header-card-header {\n font-family: var(--font-serif);\n}\n\n\n/* Captions */\nfigcaption {\n padding: 1.5rem 1.5rem 0;\n text-align: center;\n color: rgba(0,0,0,0.5);\n font-size: 1.3rem;\n line-height: 1.4em;\n}\nfigcaption strong {\n color: rgba(0,0,0,0.8);\n}\nfigcaption a {\n text-decoration: underline;\n}\n\n\n/* Highly specific styles for traditional Instagram embeds */\niframe.instagram-media {\n margin-top: 6vmin !important;\n margin-left: auto !important;\n margin-right: auto !important;\n margin-bottom: 0 !important;\n}\n\niframe.instagram-media + script + :not([id]) {\n margin-top: 6vmin;\n}\n\n\n/* Card captions\n/* ---------------------------------------------------------- */\n\n.kg-width-full.kg-card-hascaption {\n display: grid;\n grid-template-columns: inherit;\n}\n\n.kg-width-wide.kg-card-hascaption img {\n grid-column: wide-start / wide-end;\n}\n.kg-width-full.kg-card-hascaption img {\n grid-column: 1 / -1;\n}\n\n.kg-width-full.kg-card-hascaption figcaption {\n grid-column: main-start / main-end;\n}\n\n.article-comments {\n margin: 6vmin 0 0 0;\n}\n\n/* -----old------ */\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 font-size: 1.2rem;\n font-weight: bold;\n text-decoration: none !important;\n box-shadow: none !important;\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: var(--font-sans);\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(--color-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-mod(var(--color-wash) l(+4%));\n}\n\n.post-full-content table th,\n.post-full-content table td {\n padding: 6px 12px;\n border: color-mod(var(--color-wash) l(-1%) s(-5%)) 1px solid;\n}\n\n\n/* 7.1. Post Byline\n/* ---------------------------------------------------------- */\n\n.article-byline {\n display: flex;\n justify-content: space-between;\n margin: min(24px, 5.6vmin) 0 0;\n}\n\n.article-byline-content {\n flex-grow: 1;\n display: flex;\n align-items: center;\n}\n\n.article-byline-content .author-list {\n justify-content: flex-start;\n padding: 0 14px 0 0;\n}\n\n.article-byline-meta {\n color: var(--color-secondary-text);\n font-size: 1.4rem;\n line-height: 1.2em;\n}\n\n.article-byline-meta .author-name {\n margin: 0 0 6px;\n font-size: 1.7rem;\n font-weight: 700;\n}\n\n.article-byline-meta .bull {\n display: inline-block;\n margin: 0 2px;\n}\n\n.author-avatar {\n display: block;\n overflow: hidden;\n margin: 0 -4px;\n width: min(56px, 13.6vmin);\n height: min(56px, 13.6vmin);\n border: #fff 2px solid;\n border-radius: 50%;\n background-color: var(--color-border);\n}\n\n.page-template .article-title {\n margin-bottom: 0;\n}\n\n@media (max-width: 767px) {\n .article-byline-content .author-list {\n padding-right: 12px;\n }\n .article-byline-meta .author-name {\n margin-bottom: 4px;\n }\n}\n\n\n/* 7.3. Subscribe\n/* ---------------------------------------------------------- */\n\n.footer-cta {\n position: relative;\n text-align: center;\n}\n\n.footer-cta-title {\n margin: 0 0 min(24px, 6.4vmin);\n font-size: clamp(2.6rem, 5vw, 3.8rem);\n font-weight: 800;\n}\n\n.has-serif-title .footer-cta-title {\n font-family: var(--font-serif);\n}\n\n.footer-cta-button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n max-width: 500px;\n padding: 5px 5px 5px 15px;\n font-size: 1.7rem;\n color: var(--color-secondary-text);\n background: #fff;\n border: 1px solid var(--color-border);\n border-radius: 8px;\n transition: border-color 0.2s;\n}\n\n.footer-cta-button:hover {\n border-color: color-mod(var(--color-border) l(-12%));\n}\n\n.footer-cta-button span {\n display: inline-block;\n padding: 9px 15px;\n color: #fff;\n font-size: 1.6rem;\n font-weight: 600;\n letter-spacing: -0.005em;\n background: var(--ghost-accent-color);\n border-radius: 6px;\n}\n\n\n/* 7.4. Read more\n/* ---------------------------------------------------------- */\n\n.read-more-wrap {\n margin-top: max(12vmin, 72px);\n}\n\n.read-more {\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n grid-gap: 4vmin;\n}\n\n@media (max-width: 1000px) {\n .read-more {\n grid-template-columns: repeat(4, 1fr);\n }\n .read-more .post-card:nth-child(3) {\n display: none;\n }\n}\n\n@media (max-width: 700px) {\n .read-more {\n grid-template-columns: repeat(2, 1fr);\n }\n .read-more .post-card:nth-child(2) {\n display: none;\n }\n}\n\n\n/* 8. Author Template\n/* ---------------------------------------------------------- */\n\n.author-profile-pic {\n display: block;\n width: 80px;\n height: 80px;\n object-fit: cover;\n margin: 0 0 2rem;\n background: color-mod(var(--color-lightgrey) l(+10%));\n border-radius: 50%;\n}\n\n.author-profile-footer {\n margin-top: 16px;\n}\n\n.author-profile-location {\n font-weight: 700;\n}\n\n.author-profile-meta {\n display: flex;\n gap: 10px;\n}\n\n.author-profile-social-link {\n font-size: 1.3rem;\n color: var(--color-secondary-text);\n}\n\n.author-profile-social-link:hover {\n color: var(--color-darkgrey);\n}\n\n.author-profile-social-link svg {\n width: 16px;\n height: 16px;\n}\n\n\n/* 8. Tag Template\n/* ---------------------------------------------------------- */\n\n.tag-template .post-card-large .post-card-image-link {\n grid-column: 2 / span 2;\n order: 2;\n}\n\n.tag-template .post-card-large .post-card-content {\n order: 1;\n}\n\n\n/* 9. Error Template\n/* ---------------------------------------------------------- */\n\n.error-content {\n padding: 14vw 4vw 2vw;\n}\n\n.error-message {\n padding-bottom: 10vw;\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}\n\n.error-description {\n margin: 0;\n color: var(--color-secondary-text);\n font-size: 3.2rem;\n line-height: 1.3em;\n letter-spacing: -0.005em;\n font-weight: 400;\n}\n\n.error-link {\n display: inline-block;\n margin-top: 5px;\n}\n\n@media (min-width: 940px) {\n .error-content .post-card {\n margin-bottom: 0;\n padding-bottom: 0;\n border-bottom: none;\n }\n}\n\n@media (max-width: 800px) {\n .error-content {\n padding-top: 24vw;\n }\n .error-code {\n font-size: 11.2rem;\n }\n .error-message {\n padding-bottom: 16vw;\n }\n .error-description {\n margin: 5px 0 0 0;\n font-size: 1.8rem;\n }\n}\n\n@media (max-width: 500px) {\n .error-content {\n padding-top: 28vw;\n }\n .error-message {\n padding-bottom: 14vw;\n }\n}\n\n\n/* 11. Site Footer\n/* ---------------------------------------------------------- */\n\n.site-footer {\n position: relative;\n margin: max(12vmin, 64px) 0 0 0;\n padding-top: 48px;\n padding-bottom: 140px;\n color: #fff;\n background: color-mod(var(--color-darkgrey) l(-5%));\n}\n\n.site-footer .inner {\n display: grid;\n grid-gap: 40px;\n grid-template-columns: auto 1fr auto;\n color: rgba(255,255,255,0.7);\n font-size: 1.3rem;\n}\n\n.site-footer .copyright a {\n color: #fff;\n letter-spacing: -0.015em;\n font-weight: 500;\n}\n\n.site-footer a {\n color: rgba(255,255,255,0.7);\n}\n\n.site-footer a:hover {\n color: rgba(255,255,255,1);\n text-decoration: none;\n}\n\n.site-footer-nav ul {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n margin: 0 0 20px;\n padding: 0;\n list-style: none;\n}\n\n.site-footer-nav li {\n display: inline-flex;\n align-items: center;\n padding: 0;\n margin: 0;\n line-height: 2em;\n}\n\n.site-footer-nav a {\n position: relative;\n display: inline-flex;\n align-items: center;\n margin-left: 10px;\n}\n\n.site-footer-nav li:not(:first-child) a:before {\n content: \"\";\n display: block;\n width: 2px;\n height: 2px;\n margin: 0 10px 0 0;\n background: #fff;\n border-radius: 100%;\n}\n\n@media (max-width: 767px) {\n .site-footer .inner {\n max-width: 500px;\n grid-template-columns: 1fr;\n grid-gap: 0;\n text-align: center;\n }\n .site-footer .copyright,\n .site-footer .copyright a {\n color: #fff;\n font-size: 1.5rem;\n }\n .site-footer .copyright {\n margin-bottom: 16px;\n }\n}\n\n\n/* 12. Dark Mode\n/* ---------------------------------------------------------- */\n\nhtml.dark-mode body {\n color: rgba(255, 255, 255, 0.75);\n background: var(--color-darkmode);\n}\n\nhtml.dark-mode img {\n opacity: 0.9;\n}\n\nhtml.dark-mode kbd {\n background: color-mod(var(--color-darkmode) l(+5%));\n}\n\nhtml.dark-mode figcaption a {\n color: #fff;\n}\n\nhtml.dark-mode .gh-head {\n background: var(--color-darkmode);\n color: #fff;\n}\n\nhtml.dark-mode .gh-burger-box {\n color: #fff;\n}\n\nhtml.dark-mode .site-header-content {\n color: #fff;\n}\n\nhtml.dark-mode .post-card-image {\n background: var(--color-darkmode);\n}\n\nhtml.dark-mode :is(.post-card-tags, .post-card-meta, .article-tag a, .byline-meta-content) {\n color: color-mod(var(--color-secondary-text) l(-22%));\n}\n\nhtml.dark-mode .post-card-featured {\n color: #fff;\n}\n\nhtml.dark-mode .post-card-title {\n color: #fff;\n}\n\nhtml.dark-mode .post-card-excerpt {\n color: var(--color-secondary-text);\n}\n\nhtml.dark-mode .article-title {\n color: #fff;\n}\n\nhtml.dark-mode .article-excerpt {\n color: var(--color-secondary-text);\n}\n\nhtml.dark-mode .post-full-image {\n background-color: color-mod(var(--color-darkmode) l(+8%));\n}\n\nhtml.dark-mode .article-byline {\n border-top-color: color-mod(var(--color-darkmode) l(+15%));\n}\n\nhtml.dark-mode .article-byline-meta .author-name a {\n color: #fff;\n}\n\nhtml.dark-mode .no-image .author-social-link a {\n color: rgba(255, 255, 255, 0.75);\n}\n\nhtml.dark-mode .gh-content > [id] {\n color: rgba(255, 255, 255, 0.9);\n}\n\nhtml.dark-mode .gh-content pre {\n background: color-mod(var(--color-darkgrey) l(-8%));\n}\n\nhtml.dark-mode .gh-content :not(pre) > code {\n background: color-mod(var(--color-darkgrey) l(+6%));\n border-color: color-mod(var(--color-darkmode) l(+8%));\n color: var(--color-wash);\n}\n\nhtml.dark-mode .gh-content a:not(.kg-btn):not(.kg-nft-card-container):not(.kg-product-card-button):not(.kg-header-card-button) {\n color: #fff;\n}\n\nhtml.dark-mode .gh-content strong {\n color: #fff;\n}\n\nhtml.dark-mode .gh-content em {\n color: #fff;\n}\n\nhtml.dark-mode .gh-content code {\n color: #fff;\n background: #000;\n}\n\nhtml.dark-mode hr {\n border-top-color: color-mod(var(--color-darkmode) l(+8%));\n}\n\nhtml.dark-mode .gh-content hr:after {\n background: color-mod(var(--color-darkmode) l(+8%));\n box-shadow: var(--color-darkmode) 0 0 0 5px;\n}\n\nhtml.dark-mode figcaption {\n color: rgba(255, 255, 255, 0.6);\n}\n\nhtml.dark-mode .gh-content table td:first-child {\n background-image: linear-gradient(to right, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);\n}\n\nhtml.dark-mode .gh-content table td:last-child {\n background-image: linear-gradient(to left, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);\n}\n\nhtml.dark-mode .gh-content table th {\n color: rgba(255, 255, 255, 0.85);\n background-color: color-mod(var(--color-darkmode) l(+8%));\n}\n\nhtml.dark-mode .gh-content table th,\nhtml.dark-mode .gh-content table td {\n border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;\n}\n\nhtml.dark-mode .gh-content input {\n color: color-mod(var(--color-midgrey) l(-30%));\n}\n\nhtml.dark-mode .site-archive-header .no-image {\n color: rgba(255, 255, 255, 0.9);\n background: var(--color-darkmode);\n}\n\nhtml.dark-mode .kg-header-card.kg-style-dark {\n background: color-mod(var(--color-darkgrey) l(-5%));\n}\n\nhtml.dark-mode .kg-header-card.kg-style-light {\n background: color-mod(var(--color-darkgrey) l(+5%));\n}\n\nhtml.dark-mode .kg-header-card h2.kg-header-card-header,\nhtml.dark-mode .kg-header-card h3.kg-header-card-subheader {\n color: #fff;\n}\n\nhtml.dark-mode .footer-cta-title {\n color: #fff;\n}\n\n/*\n\nHey! You reached the end.\n\nHope you enjoyed this CSS file, if you have any suggestions\nfor improvements that might be useful for everyone who uses\nthis theme, you can find the open source repository for it\nhere: https://github.com/tryghost/casper\n\nOr, if you've just scrolled all the way to the bottom of the\nfile to add some of your own styles. Well, you've come to\nthe right place. Onward!\n\n */\n"]} \ No newline at end of file diff --git a/assets/css/screen.css b/assets/css/screen.css index 005788b..73171d0 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -654,7 +654,10 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after { margin-top: 0; } -.post-card-primary-tag { +.post-card-tags { + display: flex; + align-items: center; + gap: 12px; margin: 0 0 10px; color: var(--color-secondary-text); font-size: 1.4rem; @@ -663,6 +666,13 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after { line-height: 1; } +.post-card-featured { + display: flex; + align-items: center; + gap: 3px; + color: var(--ghost-accent-color); +} + .post-card-title { margin: 0; font-size: 2.6rem; @@ -788,7 +798,7 @@ make sure this only happens on large viewports / desktop-ish devices. height: 100%; } - .post-card-large .post-card-primary-tag { + .post-card-large .post-card-tags { margin-bottom: 12px; } @@ -810,7 +820,7 @@ make sure this only happens on large viewports / desktop-ish devices. margin-bottom: 40px; } - .post-card-full .post-card-primary-tag { + .post-card-full .post-card-tags { margin-bottom: 14px; } @@ -1714,10 +1724,14 @@ html.dark-mode .post-card-image { background: var(--color-darkmode); } -html.dark-mode :is(.post-card-primary-tag, .post-card-meta, .article-tag a, .byline-meta-content) { +html.dark-mode :is(.post-card-tags, .post-card-meta, .article-tag a, .byline-meta-content) { color: color-mod(var(--color-secondary-text) l(-22%)); } +html.dark-mode .post-card-featured { + color: #fff; +} + html.dark-mode .post-card-title { color: #fff; } diff --git a/partials/icons/fire.hbs b/partials/icons/fire.hbs new file mode 100644 index 0000000..9978809 --- /dev/null +++ b/partials/icons/fire.hbs @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/partials/post-card.hbs b/partials/post-card.hbs index ba2e6d2..2a55d6e 100644 --- a/partials/post-card.hbs +++ b/partials/post-card.hbs @@ -24,9 +24,14 @@ which templates loop over to generate a list of posts. --}}
- {{#primary_tag}} -
{{name}}
- {{/primary_tag}} +
+ {{#primary_tag}} + {{name}} + {{/primary_tag}} + {{#if featured}} + {{> "icons/fire"}} Featured + {{/if}} +

{{title}}

{{#if excerpt}} diff --git a/post.hbs b/post.hbs index eb4c08b..03adaff 100644 --- a/post.hbs +++ b/post.hbs @@ -12,11 +12,16 @@ into the {body} tag of the default.hbs template --}}
- {{#if primary_tag}} -
- {{primary_tag.name}} -
- {{/if}} +
+ {{#primary_tag}} + + {{name}} + + {{/primary_tag}} + {{#if featured}} + {{> "icons/fire"}} Featured + {{/if}} +

{{title}}