:root {
 --color-primary-text:#333;
 --color-secondary-text:#757575;
 --color-white:#fff;
 --color-lighter-gray:#f6f6f6;
 --color-light-gray:#e6e6e6;
 --color-mid-gray:#ccc;
 --color-dark-gray:#444;
 --color-darker-gray:#15171a;
 --color-black:#000;
 --font-sans:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
 --font-serif:Georgia,serif;
 --font-mono:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;
 --head-nav-gap:2.8rem;
 --h1-size:4.6rem;
 --gap:3.6rem;
 --ghost-accent-color: #002bff
}
@media (max-width:767px) {
 :root {
  --h1-size:3.2rem!important;
  --gap:2rem
 }
}
*,
:after,
:before {
 box-sizing:border-box
}
blockquote,
body,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
p {
 margin:0
}
ol[role=list],
ul[role=list] {
 list-style:none
}
html:focus-within {
 scroll-behavior:smooth
}
body {
 text-rendering:optimizespeed;
 line-height:1.5;
 min-height:100vh
}
a:not([class]) {
 -webkit-text-decoration-skip:ink;
 text-decoration-skip-ink:auto
}
img,
picture {
 display:block;
 max-width:100%
}
button,
input,
select,
textarea {
 font:inherit
}
@media (prefers-reduced-motion:reduce) {
 html:focus-within {
  scroll-behavior:auto
 }
 *,
 :after,
 :before {
  -webkit-animation-duration:.01ms!important;
  animation-duration:.01ms!important;
  -webkit-animation-iteration-count:1!important;
  animation-iteration-count:1!important;
  scroll-behavior:auto!important;
  transition-duration:.01ms!important
 }
}
html {
 font-size:62.5%
}
body {
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 background-color:var(--color-white);
 color:var(--color-primary-text);
 font-family:var(--font-sans);
 font-size:1.6rem;
 line-height:1.6
}
img {
 height:auto
}
a {
 color:var(--color-darker-gray);
 text-decoration:none
}
a:not(.kg-btn):not(.kg-product-card-button):hover {
 opacity:.8
}
h1,
h2,
h3,
h4,
h5,
h6 {
 color:var(--color-darker-gray);
 letter-spacing:-.02em;
 line-height:1.15
}
h1 {
 font-size:var(--h1-size)
}
h2 {
 font-size:2.8rem
}
h3 {
 font-size:2.4rem
}
h4 {
 font-size:2.2rem
}
h5 {
 font-size:2rem
}
h6 {
 font-size:1.8rem
}
hr {
 background-color:var(--color-light-gray);
 border:0;
 height:1px;
 width:100%
}
blockquote:not([class]) {
 border-left:4px solid var(--ghost-accent-color);
 padding-left:2rem
}
figcaption {
 color:var(--color-secondary-text);
 font-size:1.4rem;
 line-height:1.4;
 margin-top:1.6rem;
 text-align:center
}
pre {
 -webkit-overflow-scrolling:touch;
 background-color:var(--color-lighter-gray);
 -webkit-hyphens:none;
 -ms-hyphens:none;
 hyphens:none;
 line-height:1.5;
 overflow-x:scroll;
 padding:1.6rem 2.4rem;
 white-space:pre
}
code {
 font-family:var(--font-mono);
 font-size:15px
}
:not(pre)>code {
 background-color:var(--color-lighter-gray);
 border-radius:3px;
 color:var(--ghost-accent-color);
 padding:.4rem
}
iframe {
 border:0;
 display:block;
 overflow:hidden;
 width:100%
}
@media (max-width:767px) {
 h2 {
  font-size:2.4rem
 }
 h3 {
  font-size:2.1rem
 }
}
.gh-site {
 display:flex;
 flex-direction:column;
 min-height:100vh
}
.gh-main {
 flex-grow:1;
 padding-bottom:8rem;
 padding-top:8rem
}
.gh-outer {
 padding-left:var(--gap);
 padding-right:var(--gap)
}
.gh-inner {
 margin:0 auto;
 max-width:1200px
}
.gh-canvas {
 display:grid;
 grid-template-columns:[full-start] minmax(var(--gap),auto) [wide-start] minmax(auto,240px) [main-start] min(720px,calc(100% - var(--gap)*2)) [main-end] minmax(auto,240px) [wide-end] minmax(var(--gap),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%
}
@media (max-width:767px) {
 #gh-main {
  padding-bottom:4.8rem;
  padding-top:4.8rem
 }
}
.gh-head {
 background-color:var(--color-white)
}
.gh-head-inner {
 align-items:center;
 -moz-column-gap:var(--head-nav-gap);
 column-gap:var(--head-nav-gap);
 display:grid;
 grid-auto-flow:row dense;
 grid-template-columns:1fr auto auto;
 padding:3.2rem 0
}
.gh-head-brand {
 line-height:1
}
.gh-head-brand-wrapper {
 align-items:center;
 display:flex
}
.gh-head-logo {
 font-size:2.4rem;
 font-weight:700;
 letter-spacing:-.03em
}
.gh-head-logo img {
 max-height:32px
}
.gh-head-description {
 color:var(--color-secondary-text);
 margin-left:2rem;
 padding-left:2rem;
 position:relative
}
.gh-head-description:before {
 background-color:var(--color-light-gray);
 content:"";
 height:40px;
 left:0;
 margin-top:-20px;
 position:absolute;
 top:50%;
 width:1px
}
.gh-head-menu {
 align-items:center;
 display:flex
}
.nav {
 align-items:center;
 display:inline-flex;
 list-style:none;
 margin:0;
 padding:0
}
.gh-head .nav li+li {
 margin-left:var(--head-nav-gap)
}
.gh-head .dropdown li+li {
 margin-left:0;
}
.gh-head-actions {
 display:flex;
 justify-content:flex-end
}
.gh-head-btn.gh-btn {
 font-size:1.5rem;
 padding:.9rem 1.4rem
}
.gh-head-btn:not(.gh-btn) {
 align-items:center;
 color:var(--ghost-accent-color);
 display:inline-flex
}
.is-head-b--n--a .gh-head-inner {
 grid-template-columns:1fr auto 1fr
}
.is-head-b-n--a .gh-head-inner {
 grid-template-columns:auto auto 1fr
}
.is-head-n--b--a .gh-head-inner {
 grid-template-columns:1fr auto 1fr
}
.is-head-n--b--a .gh-head-brand {
 grid-column-start:2
}
.is-head-b--a_n .gh-head-inner {
 grid-template-columns:auto 1fr;
 row-gap:1.6rem
}
.is-head-b--a_n .gh-head-menu {
grid-column: 1/4;
grid-row-start: 2;
justify-content: center;
margin: 0 48px;
}
.is-head-b_n .gh-head-inner {
 grid-template-columns:auto;
 height:auto;
 justify-content:center;
 padding:3.2rem 0;
 row-gap:2.4rem;
 text-align:center
}
.is-head-b_n .gh-head-logo img {
 margin:0 auto
}
.is-head-b_n .gh-head-actions {
 display:none
}
.is-head-transparent.home-template .gh-head {
 background-color:transparent;
 left:0;
 position:absolute;
 right:0;
 z-index:10
}
.is-head-transparent:not(.home-template) .gh-head {
 background-color:var(--ghost-accent-color)
}
.is-head-transparent .gh-head .nav a,
.is-head-transparent .gh-head-logo {
 color:var(--color-white)
}
.is-head-transparent .gh-burger:after,
.is-head-transparent .gh-burger:before,
.is-head-transparent .gh-head-btn {
 background-color:var(--color-white)
}
.is-head-transparent .gh-head-btn {
 color:var(--color-darker-gray)
}
.is-head-dark .gh-head {
 background-color:var(--color-darker-gray)
}
.is-head-dark .gh-head .nav a,
.is-head-dark .gh-head-logo {
 color:var(--color-white)
}
.is-head-dark .gh-head-description {
 color:hsla(0,0%,100%,.7);
 margin-left:2rem;
 padding-left:2rem
}
.is-head-dark .gh-head-description:before {
 background-color:hsla(0,0%,100%,.4);
 height:32px;
 margin-top:-16px
}
.is-head-dark .gh-burger:after,
.is-head-dark .gh-burger:before {
 background-color:var(--color-white)
}
.is-head-dark .gh-head-btn {
 color:#fff
}
.is-head-brand .gh-head,
.is-head-dark .gh-head-btn {
 background-color:var(--ghost-accent-color)
}
.is-head-brand .gh-head .nav a,
.is-head-brand .gh-head-logo {
 color:var(--color-white)
}
.is-head-brand .gh-head-description {
 color:hsla(0,0%,100%,.7);
 margin-left:2rem;
 padding-left:2rem
}
.is-head-brand .gh-head-description:before {
 background-color:hsla(0,0%,100%,.4);
 height:32px;
 margin-top:-16px
}
.is-head-brand .gh-burger:after,
.is-head-brand .gh-burger:before {
 background-color:var(--color-white)
}
.is-head-brand .gh-head-btn {
 background-color:#fff;
 color:var(--color-darker-gray)
}
.gh-burger {
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 background-color:transparent;
 border:0;
 cursor:pointer;
 display:none;
 height:30px;
 margin-right:-3px;
 padding:0;
 position:relative;
 width:30px
}
.gh-burger:after,
.gh-burger:before {
 background-color:var(--color-darker-gray);
 content:"";
 height:1px;
 left:3px;
 position:absolute;
 transition:all .2s cubic-bezier(.04,.04,.12,.96) .1008s;
 width:24px
}
.gh-burger:before {
 top:11px
}
.gh-burger:after {
 bottom:11px
}
.is-head-open .gh-burger:before {
 top:15px;
 transform:rotate(45deg)
}
.is-head-open .gh-burger:after {
 bottom:14px;
 transform:rotate(-45deg)
}
@media (max-width:767px) {
 #gh-head .gh-head-inner {
  padding:2rem 0
 }
 #gh-head .gh-head-description {
  display:none
 }
}
@media (max-width:991px) {
 #gh-head .gh-head-inner {
  grid-template-columns:1fr
 }
 #gh-head .gh-head-brand {
  align-items:center;
  display:flex;
  grid-column-start:1;
  justify-content:space-between
 }
 .gh-burger {
  display:block
 }
 #gh-head .gh-head-actions,
 #gh-head .gh-head-menu {
  display:none
 }
 #gh-head .nav a {
  font-size:2.4rem
 }
 #gh-head .nav li+li {
  margin-left:0;
  margin-top:1.2rem
 }
 #gh-head .gh-head-actions {
  text-align:center
 }
 #gh-head .gh-head-btn {
  margin-left:0;
  margin-top:3.2rem
 }
 #gh-head .gh-head-btn:not(.gh-btn) {
  font-size:2rem
 }
 .is-head-open #gh-head {
  -webkit-overflow-scrolling:touch;
  bottom:0;
  left:0;
  overflow-y:scroll;
  padding:0 var(--gap) 2.4rem;
  position:fixed;
  right:0;
  top:0;
  z-index:3999999
 }
 .is-head-open #gh-head .gh-head-inner {
  grid-template-rows:auto 1fr auto;
  height:100%
 }
 .is-head-open #gh-head .gh-head-actions,
 .is-head-open #gh-head .gh-head-menu {
  display:block
 }
 .is-head-open #gh-head .nav {
  display:flex;
  flex-direction:column
 }
 .is-head-open.is-head-transparent #gh-head {
  background-color:var(--ghost-accent-color)
 }
}
.gh-cover {
 min-height:var(--cover-height,50vh);
 position:relative
}
.gh-cover-image {
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 position:absolute;
 width:100%
}
.has-serif-title .gh-card-title {
 font-family:var(--font-serif);
 letter-spacing:-.01em
}
.has-serif-body .gh-card-excerpt {
 font-family:var(--font-serif)
}
.gh-article-tag {
 color:var(--ghost-accent-color)
}
.has-serif-title .gh-article-title {
 font-family:var(--font-serif);
 letter-spacing:-.01em
}
.gh-article-excerpt {
 color:var(--color-secondary-text);
 font-size:2.1rem;
 line-height:1.5;
 margin-top:2rem
}
.has-serif-body .gh-article-excerpt {
 font-family:var(--font-serif)
}
.gh-article-image {
 grid-column:wide-start/wide-end;
 margin-top:4rem
}
.gh-article-image img {
 width:100%
}
@media (max-width:767px) {
 .gh-article-excerpt {
  font-size:1.9rem
 }
 .gh-article-image {
  margin-top:2.4rem
 }
}
.gh-content {
 margin-top:4rem
}
.gh-content>*+* {
 margin-bottom:0;
 margin-top:2.8rem
}
.gh-content>[id] {
 margin:0
}
.has-serif-title .gh-content>[id] {
 font-family:var(--font-serif);
 letter-spacing:-.01em
}
.gh-content>[id]:not(:first-child) {
 margin-top:4.8rem
}
.gh-content>[id]+* {
 margin-top:1.6rem
}
.gh-content>blockquote,
.gh-content>hr {
 margin-top:4rem;
 position:relative
}
.gh-content>blockquote+*,
.gh-content>hr+* {
 margin-top:4rem
}
.gh-content h3 {
 font-weight:600
}
.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-size:var(--content-font-size,1.9rem);
 letter-spacing:var(--content-letter-spacing,0)
}
.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-size:1.7rem
}
.has-serif-body .gh-content .kg-callout-text,
.has-serif-body .gh-content .kg-toggle-content>ol,
.has-serif-body .gh-content .kg-toggle-content>p,
.has-serif-body .gh-content .kg-toggle-content>ul,
.has-serif-body .gh-content>blockquote,
.has-serif-body .gh-content>dl,
.has-serif-body .gh-content>ol,
.has-serif-body .gh-content>p,
.has-serif-body .gh-content>ul {
 font-family:var(--font-serif)
}
.gh-content dl,
.gh-content ol,
.gh-content ul {
 padding-left:2.8rem
}
.gh-content li+li {
 margin-top:.8rem
}
@media (max-width:767px) {
 .gh-content {
  margin-top:3.2rem
 }
 .gh-content>*+* {
  margin-top:2rem
 }
 .gh-content>[id]:not(:first-child) {
  margin-top:3.2rem
 }
 .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.7rem
 }
}
.gh-cta {
 display:flex;
 flex-direction:column;
 margin-bottom:4rem;
 margin-top:-16rem;
 text-align:center
}
.gh-cta:before {
 background:linear-gradient(180deg,hsla(0,0%,100%,0),var(--color-white));
 content:"";
 height:160px;
 margin-bottom:4rem
}
.gh-cta-title {
 font-size:2.2rem;
 letter-spacing:-.02em;
 margin-bottom:3.2rem
}
.gh-cta-actions {
 align-items:center;
 display:flex;
 flex-direction:column
}
.gh-cta-link {
 color:var(--color-secondary-text);
 cursor:pointer;
 font-size:1.4rem;
 margin-top:.8rem;
 text-decoration:none
}
.gh-cta-link:hover {
 color:var(--color-darker-gray)
}
@media (max-width:767px) {
 .gh-cta-actions {
  -moz-column-gap:.8rem;
  column-gap:.8rem
 }
}
.gh-content .kg-card+:not(.kg-card),
.gh-content :not(.kg-card):not([id])+.kg-card {
 margin-top:4rem
}
.kg-image {
 margin-left:auto;
 margin-right:auto
}
.kg-embed-card {
 align-items:center;
 display:flex;
 flex-direction:column;
 width:100%
}
.kg-gallery-image,
.kg-image[width][height] {
 cursor:pointer
}
.kg-card.kg-toggle-card .kg-toggle-heading-text {
 font-size:2rem;
 font-weight:700
}
.has-serif-title .kg-toggle-card .kg-toggle-heading-text {
 font-family:var(--font-serif)
}
.kg-callout-card-accent a {
 text-decoration:underline
}
blockquote.kg-blockquote-alt {
 color:var(--color-secondary-text);
 font-style:normal;
 font-weight:600;
 font-size: 1.5em;
 line-height: 1.7em;
 text-align: center;
 padding: 0 2.5em;
}
.kg-card.kg-button-card .kg-btn {
 font-size:1em
}
.has-serif-body .kg-header-card h3.kg-header-card-subheader,
.has-serif-title .kg-card.kg-header-card h2.kg-header-card-header {
 font-family:var(--font-serif)
}
.pagination {
 display:grid;
 grid-template-columns:1fr auto 1fr;
 margin-top:6.4rem
}
.page-number {
 grid-column-start:2
}
.older-posts {
 text-align:right
}
.gh-navigation {
 align-items:center;
 -moz-column-gap:2.4rem;
 column-gap:2.4rem;
 display:grid;
 grid-template-columns:1fr auto 1fr
}
.gh-navigation>div {
 align-items:center;
 display:flex
}
.gh-navigation-next {
 justify-content:flex-end
}
.gh-navigation-link {
 align-items:center;
 display:inline-flex
}
.gh-navigation-link svg {
 height:16px;
 width:16px
}
.gh-navigation-previous svg {
 margin-right:.4rem
}
.gh-navigation-next svg {
 margin-left:.4rem
}
@media (max-width:767px) {
 .gh-navigation-hide {
  display:none
 }
}
.gh-btn {
 align-items:center;
 background-color:var(--color-darker-gray);
 border:0;
 border-radius:100px;
 color:var(--color-white);
 cursor:pointer;
 display:inline-flex;
 font-size:1.6rem;
 font-weight:700;
 justify-content:center;
 letter-spacing:inherit;
 line-height:1;
 padding:1.2rem 2rem
}
.gh-primary-btn {
 background-color:var(--ghost-accent-color)
}
.gh-outline-btn {
 background-color:transparent;
 border:1px solid var(--color-light-gray);
 color:var(--color-darker-gray);
 text-decoration:none
}
.gh-outline-btn:hover {
 border-color:var(--color-mid-gray);
 opacity:1
}
.gh-icon-btn {
 align-items:center;
 background-color:transparent;
 border:0;
 color:var(--darker-gray-color);
 cursor:pointer;
 display:inline-flex;
 height:30px;
 justify-content:center;
 outline:none;
 padding:0;
 width:30px
}
.gh-icon-btn svg {
 height:20px;
 width:20px
}
.gh-foot {
 color:var(--color-secondary-text);
 padding-bottom:8rem;
 padding-top:8rem
}
.gh-foot-inner {
 font-size:1.3rem;
 grid-template-columns:1fr auto 1fr
}
.gh-foot-menu .nav li {
 align-items:center;
 display:flex
}
.gh-foot-menu .nav li+li:before {
 content:"•";
 font-size:.9rem;
 line-height:0;
 padding:0 1.2rem
}
.gh-powered-by {
 text-align:right
}
.gh-foot a {
 color:var(--color-secondary-text)
}
.gh-foot a:hover {
 color:var(--color-darker-gray);
 opacity:1
}
@media (max-width:767px) {
 .gh-foot {
  padding-bottom:12rem;
  padding-top:6.4rem
 }
 .gh-foot-inner {
  grid-template-columns:1fr;
  text-align:center
 }
 .gh-foot-menu {
  margin-top:3.2rem
 }
 .gh-foot-menu .nav {
  flex-direction:column
 }
 .gh-foot-menu .nav li+li {
  margin-top:.4rem
 }
 .gh-foot-menu .nav li+li:before {
  display:none
 }
 .gh-powered-by {
  margin-top:3.2rem;
  text-align:center
 }
}
.pswp {
 -webkit-text-size-adjust:100%;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 display:none;
 height:100%;
 left:0;
 outline:none;
 overflow:hidden;
 position:absolute;
 top:0;
 touch-action:none;
 width:100%;
 z-index:3999999
}
.pswp img {
 max-width:none
}
.pswp--animate_opacity {
 opacity:.001;
 transition:opacity 333ms cubic-bezier(.4,0,.22,1);
 will-change:opacity
}
.pswp--open {
 display:block
}
.pswp--zoom-allowed .pswp__img {
 cursor:zoom-in
}
.pswp--zoomed-in .pswp__img {
 cursor:-webkit-grab;
 cursor:grab
}
.pswp--dragging .pswp__img {
 cursor:-webkit-grabbing;
 cursor:grabbing
}
.pswp__bg {
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 background-color:rgba(0,0,0,.85);
 opacity:0;
 transform:translateZ(0);
 transition:opacity 333ms cubic-bezier(.4,0,.22,1);
 will-change:opacity
}
.pswp__bg,
.pswp__scroll-wrap {
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%
}
.pswp__scroll-wrap {
 overflow:hidden
}
.pswp__container,
.pswp__zoom-wrap {
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 bottom:0;
 left:0;
 position:absolute;
 right:0;
 top:0;
 touch-action:none
}
.pswp__container,
.pswp__img {
 -webkit-tap-highlight-color:transparent;
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.pswp__zoom-wrap {
 position:absolute;
 transform-origin:left top;
 transition:transform 333ms cubic-bezier(.4,0,.22,1);
 width:100%
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
 transition:none
}
.pswp__item {
 bottom:0;
 overflow:hidden;
 right:0
}
.pswp__img,
.pswp__item {
 left:0;
 position:absolute;
 top:0
}
.pswp__img {
 height:auto;
 width:auto
}
.pswp__img--placeholder {
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.pswp__img--placeholder--blank {
 background:var(--color-black)
}
.pswp--ie .pswp__img {
 height:auto!important;
 left:0;
 top:0;
 width:100%!important
}
.pswp__error-msg {
 color:var(--color-secondary-text);
 font-size:14px;
 left:0;
 line-height:16px;
 margin-top:-8px;
 position:absolute;
 text-align:center;
 top:50%;
 width:100%
}
.pswp__error-msg a {
 color:var(--color-secondary-text);
 text-decoration:underline
}
.pswp__button {
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 background:none;
 border:0;
 box-shadow:none;
 cursor:pointer;
 display:block;
 float:right;
 height:44px;
 margin:0;
 overflow:visible;
 padding:0;
 position:relative;
 transition:opacity .2s;
 width:44px
}
.pswp__button:focus,
.pswp__button:hover {
 opacity:1
}
.pswp__button:active {
 opacity:.9;
 outline:none
}
.pswp__button::-moz-focus-inner {
 border:0;
 padding:0
}
.pswp__ui--over-close .pswp__button--close {
 opacity:1
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
 background:url(../images/default-skin.png) 0 0 no-repeat;
 background-size:264px 88px;
 height:44px;
 width:44px
}
@media (-webkit-min-device-pixel-ratio:1.09375),(-webkit-min-device-pixel-ratio:1.1),(min-resolution:1.1dppx),(min-resolution:105dpi) {
 .pswp--svg .pswp__button,
 .pswp--svg .pswp__button--arrow--left:before,
 .pswp--svg .pswp__button--arrow--right:before {
  background-image:url(../images/default-skin.svg)
 }
 .pswp--svg .pswp__button--arrow--left,
 .pswp--svg .pswp__button--arrow--right {
  background:none
 }
}
.pswp__button--close {
 background-position:0 -44px
}
.pswp__button--share {
 background-position:-44px -44px
}
.pswp__button--fs {
 display:none
}
.pswp--supports-fs .pswp__button--fs {
 display:block
}
.pswp--fs .pswp__button--fs {
 background-position:-44px 0
}
.pswp__button--zoom {
 background-position:-88px 0;
 display:none
}
.pswp--zoom-allowed .pswp__button--zoom {
 display:block
}
.pswp--zoomed-in .pswp__button--zoom {
 background-position:-132px 0
}
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
 visibility:hidden
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
 background:none;
 height:100px;
 margin-top:-50px;
 position:absolute;
 top:50%;
 width:70px
}
.pswp__button--arrow--left {
 left:0
}
.pswp__button--arrow--right {
 right:0
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
 content:"";
 height:30px;
 position:absolute;
 top:35px;
 width:32px
}
.pswp__button--arrow--left:before {
 background-position:-138px -44px;
 left:6px
}
.pswp__button--arrow--right:before {
 background-position:-94px -44px;
 right:6px
}
.pswp__counter {
 color:var(--color-white);
 font-size:11px;
 font-weight:700;
 height:44px;
 left:0;
 line-height:44px;
 padding:0 15px;
 position:absolute;
 top:0;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.pswp__caption {
 bottom:0;
 left:0;
 min-height:44px;
 position:absolute;
 width:100%
}
.pswp__caption__center {
 color:var(--color-white);
 font-size:11px;
 line-height:1.6;
 margin:0 auto;
 max-width:420px;
 padding:25px 15px 30px;
 text-align:center
}
.pswp__caption__center .post-caption-title {
 font-size:15px;
 font-weight:500;
 margin-bottom:7px;
 text-transform:uppercase
}
.pswp__caption__center .post-caption-meta-item+.post-caption-meta-item:before {
 content:"\02022";
 padding:0 4px
}
.pswp__caption--empty {
 display:none
}
.pswp__caption--fake {
 visibility:hidden
}
.pswp__preloader {
 direction:ltr;
 height:44px;
 left:50%;
 margin-left:-22px;
 opacity:0;
 position:absolute;
 top:0;
 transition:opacity .25s ease-out;
 width:44px;
 will-change:opacity
}
.pswp__preloader__icn {
 height:20px;
 margin:12px;
 width:20px
}
.pswp__preloader--active {
 opacity:1
}
.pswp__preloader--active .pswp__preloader__icn {
 background:url(../images/preloader.gif) 0 0 no-repeat
}
.pswp--css_animation .pswp__preloader--active {
 opacity:1
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
 -webkit-animation:clockwise .5s linear infinite;
 animation:clockwise .5s linear infinite
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
 -webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;
 animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite
}
.pswp--css_animation .pswp__preloader__icn {
 background:none;
 height:14px;
 left:15px;
 margin:0;
 opacity:.75;
 position:absolute;
 top:15px;
 width:14px
}
.pswp--css_animation .pswp__preloader__cut {
 height:14px;
 overflow:hidden;
 position:relative;
 width:7px
}
.pswp--css_animation .pswp__preloader__donut {
 background:none;
 border-bottom:2px solid transparent;
 border-left:2px solid transparent;
 border-radius:50%;
 border-right:2px solid var(--color-white);
 border-top:2px solid var(--color-white);
 box-sizing:border-box;
 height:14px;
 left:0;
 margin:0;
 position:absolute;
 top:0;
 width:14px
}
@media screen and (max-width:1024px) {
 .pswp__preloader {
  float:right;
  left:auto;
  margin:0;
  position:relative;
  top:auto
 }
}
@-webkit-keyframes clockwise {
 0% {
  transform:rotate(0deg)
 }
 to {
  transform:rotate(1turn)
 }
}
@keyframes clockwise {
 0% {
  transform:rotate(0deg)
 }
 to {
  transform:rotate(1turn)
 }
}
@-webkit-keyframes donut-rotate {
 0% {
  transform:rotate(0)
 }
 50% {
  transform:rotate(-140deg)
 }
 to {
  transform:rotate(0)
 }
}
@keyframes donut-rotate {
 0% {
  transform:rotate(0)
 }
 50% {
  transform:rotate(-140deg)
 }
 to {
  transform:rotate(0)
 }
}
.pswp__ui {
 -webkit-font-smoothing:auto;
 opacity:1;
 visibility:visible;
 z-index:1550
}
.pswp__top-bar {
 height:44px;
 left:0;
 position:absolute;
 top:0;
 width:100%
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 transition:opacity 333ms cubic-bezier(.4,0,.22,1);
 will-change:opacity
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
 visibility:visible
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__top-bar {
 opacity:0
}
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
 opacity:.001
}
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
 display:none
}
.pswp__element--disabled {
 display:none!important
}
.pswp--minimal--dark .pswp__top-bar {
 background:none
}
:root {
 --font-sans:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
 --font-serif:Lora,Times,serif;
 --color-primary-text:var(--color-black);
 --color-darker-gray:var(--color-black);
 --head-nav-gap:3.2rem
}
.gh-btn {
 border-radius:6px;
 font-weight:600;
 letter-spacing:-.02em;
 padding-left:1.6rem;
 padding-right:1.6rem
}
.author-template .gh-main,
.tag-template .gh-main {
 padding-top:8vmin
}
.gh-head-actions,
.gh-head-menu {
 font-size:1.2rem;
 font-weight:500;
 letter-spacing:.01em;
 text-transform:uppercase
}
.gh-head-btn {
 font-weight:600
}
.gh-head-btn svg {
 height:16px;
 margin-right:.6rem;
 width:16px
}
.gh-latest {
 margin-bottom:12rem;
 margin-top:4rem
}
.gh-latest .gh-card-meta {
 margin-top:2.4rem
}
.gh-wrapper {
 -moz-column-gap:2.4rem;
 column-gap:2.4rem;
 display:grid;
 grid-template-columns:4fr 2fr
}
.gh-wrapper>.gh-section {
 max-width:720px
}
.gh-section-title {
 align-items:center;
 display:flex;
 font-size:1.2rem;
 font-weight:500;
 letter-spacing:.01em;
 margin-bottom:2.4rem;
 text-transform:uppercase
}
.gh-section-title:after {
 background-color:var(--color-light-gray);
 content:"";
 flex-grow:1;
 height:1px;
 margin-left:1.6rem
}
.gh-card+.gh-card {
 margin-top:8rem
}
.gh-card-link {
 display:block
}
.gh-card-link:hover {
 opacity:1
}
.gh-card-title {
 font-size:3.4rem;
 font-weight:600
}
.gh-card-link:hover .gh-card-title {
 opacity:.8
}
.gh-card-excerpt {
 font-size:1.8rem;
 letter-spacing:-.01em;
 line-height:1.5;
 margin-top:1.2rem
}
.gh-card-meta {
 color:var(--color-secondary-text);
 font-size:1.2rem;
 font-weight:500;
 line-height:1;
 margin-top:2rem;
 text-transform:uppercase
}
.gh-card-date {
 color:var(--ghost-accent-color)
}
.gh-card-meta-wrapper {
 align-items:center;
 display:inline-flex
}
.gh-card-meta-wrapper svg {
 margin-left:.6rem;
 position:relative;
 top:-1px
}
.gh-loadmore {
 background-color:transparent;
 border:1px solid var(--color-light-gray);
 color:var(--color-darker-gray);
 font-weight:600;
 letter-spacing:-.02em;
 margin-top:8rem;
 padding-bottom:1.4rem;
 padding-top:1.4rem;
 width:100%
}
.gh-loadmore:hover {
 border-color:var(--color-mid-gray)
}
.gh-sidebar {
 font-size:1.4rem;
 height:-webkit-max-content;
 height:-moz-max-content;
 height:max-content;
 padding-left:4rem;
 position:-webkit-sticky;
 position:sticky;
 top:4.8rem
}
.gh-sidebar .gh-section+.gh-section {
 margin-top:8rem
}
.gh-about {
 display:flex
}
.gh-about-icon {
 height:64px;
 margin-right:2rem;
 width:64px
}
.gh-about-wrapper {
 display:flex;
 flex-direction:column;
 justify-content:center
}
.gh-about-title {
 font-size:2.1rem;
 font-weight:600;
 letter-spacing:-.02em
}
.gh-about-description {
 line-height:1.55;
 margin-top:.4rem
}
.gh-signup {
 margin-top:2.8rem
}
.gh-signup-description {
 line-height:1.55
}
.gh-signup .gh-subscribe-input {
 font-size:1.5rem;
 height:48px;
 margin-bottom:0;
 margin-top:1.6rem;
 padding-left:1.2rem
}
.gh-signup-btn {
 margin-top:1.6rem
}
.gh-featured .gh-card+.gh-card {
 margin-top:2.8rem
}
.gh-featured .gh-card-title {
 font-size:1.9rem;
 font-weight:600;
 letter-spacing:-.01em;
 line-height:1.25
}
.gh-featured .gh-card-excerpt {
 color:var(--color-secondary-text);
 font-family:var(--font-sans);
 font-size:inherit;
 letter-spacing:0;
 line-height:1.55;
 margin-top:.8rem
}
.gh-featured .gh-card-meta {
 margin-top:1.6rem
}
.gh-topic-item {
 align-items:center;
 display:flex;
 justify-content:space-between
}
.gh-topic-item+.gh-topic-item {
 margin-top:1.6rem
}
.gh-topic-name {
 font-size:1.7rem;
 font-weight:600;
 letter-spacing:0
}
.has-serif-title .gh-topic-name {
 font-family:var(--font-serif)
}
.gh-topic-count, .tags a {
 border:1px solid var(--color-light-gray);
 border-radius:32px;
 font-size:1.3rem;
 line-height:1;
 padding:.4rem .8rem
}
.gh-subscribe {
 background-color:var(--ghost-accent-color);
 margin:12rem 0 8rem;
 padding:7.2rem 0
}
.gh-subscribe-inner {
 margin:0 auto;
 max-width:520px;
 text-align:center
}
.gh-subscribe-title {
 color:#fff;
 font-size:3.6rem;
 font-weight:700
}
.has-serif-title .gh-subscribe-title {
 font-family:var(--font-serif);
 letter-spacing:-.01em
}
.gh-subscribe-description {
 color:#fff;
 font-size:1.9rem;
 line-height:1.4;
 margin-top:2rem
}
.gh-subscribe-input {
 align-items:center;
 background-color:var(--color-white);
 border:1px solid var(--color-light-gray);
 border-radius:6px;
 color:var(--color-secondary-text);
 display:flex;
 font-size:1.6rem;
 height:56px;
 justify-content:space-between;
 margin:4.8rem auto .8rem;
 max-width:440px;
 padding:0 1.6rem;
 width:100%
}
.gh-subscribe .gh-subscribe-input {
 border:0
}
.gh-subscribe-input:hover {
 border-color:var(--color-mid-gray);
 opacity:1
}
.gh-subscribe-input-text {
 align-items:center;
 display:flex
}
.gh-subscribe-input svg {
 margin-right:.8rem;
 position:relative;
 top:1px
}
.gh-subscribe-input-btn {
 color:var(--ghost-accent-color);
 font-size:1.2rem;
 font-weight:600;
 letter-spacing:.01em;
 text-transform:uppercase
}
.gh-subscribe-btn {
 background-color:#fff;
 color:var(--ghost-accent-color);
 margin-top:3.2rem
}
.gh-article:not(.no-image) .gh-article-header>* {
 grid-column:wide-start/wide-end
}
.gh-article-meta {
 color:var(--color-secondary-text);
 font-size:1.2rem;
 font-weight:500;
 line-height:1;
 margin-bottom:2rem;
 text-transform:uppercase
}
.gh-article-meta a {
 font-weight:600
}
.gh-article-title {
 font-size: 4.6rem;
 font-weight:600;
 line-height:1
}
.gh-article-excerpt {
 color:var(--color-darker-gray);
 font-size:2.8rem;
 line-height:1.35;
 margin-top:1.6rem;
 max-width:920px
}
.gh-article-footer {
 border-top:1px solid var(--color-light-gray);
 margin-top:8rem;
 padding-top:3.2rem
}
.gh-navigation {
 grid-column:wide-start/wide-end
}
.gh-navigation>div {
 align-items:flex-start;
 height:100%
}
.gh-navigation-link {
 align-items:flex-start;
 flex-direction:column
}
.gh-navigation-next .gh-navigation-link {
 align-items:flex-end;
 text-align:right
}
.gh-navigation-previous svg {
 margin-left:-2px
}
.gh-navigation-next svg {
 margin-right:-2px
}
.gh-navigation-label {
 align-items:center;
 display:flex;
 letter-spacing:.01em;
 line-height:1.8;
 text-transform:uppercase
}
.gh-navigation-title {
 font-size:1.6rem;
 font-weight:400;
 letter-spacing:0;
 margin-top:.8rem
}
.gh-pagehead {
 font-size:1.4rem;
 grid-column:wide-start/main-start;
 height:-webkit-max-content;
 height:-moz-max-content;
 height:max-content;
 line-height:1;
 max-width:200px;
 padding-top:.8rem;
 position:-webkit-sticky;
 position:sticky;
 top:4vmin
}
.gh-pagehead-title {
 font-size:2.1rem;
 font-weight:600;
 letter-spacing:-.02em
}
.gh-pagehead-description {
 color:var(--color-secondary-text);
 line-height:1.45;
 margin-top:.8rem
}
.gh-tag-label {
 color:var(--ghost-accent-color);
 font-size:1.2rem;
 font-weight:500;
 margin-bottom:1.2rem;
 text-transform:uppercase
}
.gh-tag-description {
 margin-top:1.6rem
}
.gh-author-image {
 border-radius:50%;
 height:80px;
 margin-bottom:2.4rem;
 width:80px
}
.gh-author-meta {
 display:flex;
 flex-direction:column;
 margin-top:2rem
}
.gh-author-location {
 color:var(--color-darker-gray);
 margin-left:-4px
}
.gh-author-website {
 margin-top:1.2rem
}
.gh-author-social {
 display:flex;
 margin-top:2.4rem
}
.gh-author-facebook {
 margin-left:.8rem
}
@media (max-width:767px) {
 .gh-latest {
  margin-bottom:8rem
 }
 .gh-wrapper {
  grid-template-columns:1fr
 }
 .gh-card+.gh-card,
 .gh-loadmore {
  margin-top:6.4rem
 }
 .gh-sidebar {
  margin-top:8rem;
  padding-left:0
 }
 .gh-article-title {
  font-size:4.2rem
 }
 .gh-article-excerpt {
  font-size:2.2rem
 }
 .gh-navigation {
  grid-template-columns:1fr;
  row-gap:1.6rem
 }
 .gh-subscribe {
  margin-top:8rem;
  padding:5.6rem 0
 }
 .gh-pagehead {
  margin-bottom:4.8rem
 }
}
@media (min-width:768px) and (max-width:991px) {
 .gh-sidebar {
  padding-left:1.6rem
 }
 .gh-pagehead {
  margin-bottom:8rem
 }
 .gh-author-meta {
  align-items:center;
  flex-direction:row
 }
 .gh-author-social,
 .gh-author-website {
  margin-left:1.6rem;
  margin-top:0
 }
}
@media (max-width:991px) {
 .gh-latest {
  margin-top:0
 }
 .gh-pagehead {
  grid-column:main-start/main-end;
  max-width:480px;
  padding-top:0;
  position:static
 }
}
@media (min-width:992px) {
 .gh-head-inner {
  padding:0;
  row-gap:0!important
 }
 .gh-head-brand {
  justify-content: center;
  align-items: center;
  display:flex;
  height:80px;
  grid-column-start: 2;
  grid-row-start: 1;
  min-height: 80px;
 }
 .gh-head-menu {
  height:56px
 }
 .gh-head-menu:after,
 .gh-head-menu:before {
  background-color:var(--color-light-gray);
  content:"";
  height:1px;
  left:0;
  position:absolute;
  top:80px;
  width:100%
 }
 .gh-head-menu:after {
  top:136px
 }
}
@supports (-moz-appearance:none) {
 .gh-topic-count {
  padding-bottom:.5rem
 }
 .gh-subscribe-input-btn {
  position:relative;
  top:1px
 }
}

.gh-post-upgrade-cta-content,
.gh-post-upgrade-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
}

.gh-post-upgrade-cta-content {
    border-radius: 8px;
    padding: 40px 4vw;
}

.gh-post-upgrade-cta h2 {
    color: #ffffff;
    font-size: 28px;
    letter-spacing: -0.2px;
    margin: 0;
    padding: 0;
}

.gh-post-upgrade-cta p {
    margin: 20px 0 0;
    padding: 0;
}

.gh-post-upgrade-cta small {
    font-size: 16px;
    letter-spacing: -0.2px;
}

.gh-post-upgrade-cta a {
    color: #ffffff;
    cursor: pointer;
    font-weight: 500;
    box-shadow: none;
    text-decoration: underline;
}

.gh-post-upgrade-cta a:hover {
    color: #ffffff;
    opacity: 0.8;
    box-shadow: none;
    text-decoration: underline;
}

.gh-post-upgrade-cta a.gh-btn {
    display: block;
    background: #ffffff;
    text-decoration: none;
    margin: 28px 0 0;
    padding: 8px 18px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
}

.gh-post-upgrade-cta a.gh-btn:hover {
    opacity: 0.92;
}

.tag-cloud-link {
     border-bottom:1px solid var(--color-light-gray);
}

.tags-label {
     color:var(--ghost-accent-color);
}

.gh-copyright {
	text-align:center;
}

.gh-card-excerpt a.more-link {
     color:var(--ghost-accent-color);
     text-decoration:underline;
     word-break:break-word;
}

.tags a {
    text-decoration:none;
}

.footer-link {
    margin: auto 2px;
}

.dropdown-menu {
    display:none;
}

.toc a {
    text-decoration:none;
}
