:root {
    --color-primary-text: #333;
    --color-secondary-text: #999;
    --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;
    --gap: 3.6rem;
    --header-color: #F9D566;
}
@media (max-width: 767px) {
    :root {
        --gap: 2rem;
    }
}
*,
:after,
:before {
    box-sizing: border-box;
}
blockquote,
body,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}
ol[role="list"],
ul[role="list"] {
    list-style: none;
}
html:focus-within {
    scroll-behavior: smooth;
}
body {
    line-height: 1.5;
    min-height: 100vh;
    text-rendering: optimizespeed;
}
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 {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}
body {
    background-color: var(--color-white);
    color: var(--color-primary-text);
    font-family: var(--font-sans);
    font-size: 1.2rem;
    line-height: 1.6;
}
a {
    color: var(--color-darker-gray);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-darker-gray);
    letter-spacing: -0.02em;
    line-height: 1.15;
}
h1 {
    font-size: 2.8rem;
}
h2 {
    font-size: 2.4rem;
}
h3 {
    font-size: 2.2rem;
}
h4 {
    font-size: 2rem;
}

hr {
    background-color: var(--color-light-gray);
    width: 100%;
}
blockquote:not([class]) {
    border-left: 4px solid var(--ghost-accent-color);
    padding-left: 2rem;
}
figcaption {
    color: var(--color-secondary-text);
}
.kg-width-full figcaption {
    padding: 0 1.6rem;
}
.gh-content figcaption a {
    color: var(--color-darker-gray);
    text-decoration: none;
}
pre {
    background-color: var(--color-lighter-gray);
    -webkit-hyphens: none;
    hyphens: none;
    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: 0.4rem;
}
iframe {
    border: 0;
    display: block;
    overflow: hidden;
    width: 100%;
}

.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: var(--container-width, 1200px);
}
.gh-canvas,
.kg-width-full.kg-content-wide {
    --main: min(var(--content-width, 720px), 100% - var(--gap) * 2);
    --wide: minmax(0, calc((var(--container-width, 1200px) - var(--content-width, 720px)) / 2));
    --full: minmax(var(--gap), 1fr);
    display: grid;
    grid-template-columns: [full-start] var(--full) [wide-start] var(--wide) [main-start] var(--main) [main-end] var(--wide) [wide-end] var(--full) [full-end];
}
.gh-canvas > * {
    grid-column: main;
}
.kg-content-wide > div,
.kg-width-wide {
    grid-column: wide;
}
.kg-width-full {
    grid-column: full;
}
@media (max-width: 767px) {
    #gh-main {
        padding-bottom: 4.8rem;
        padding-top: 4.8rem;
    }
}
.gh-head {
    background-color: var(--color-white);
    height: 100px;
}
.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;
}
.gh-head-brand {
    margin:2em 0 1em;
}
.gh-head-brand-wrapper {
    align-items: center;
    display: flex;
}
.gh-head-logo {
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    position: relative;
    white-space: nowrap;
}
.gh-head-logo img {
    max-height: 40px;
}
.gh-head-logo img:nth-child(2) {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}
.gh-head-menu {
    display: flex;
}
.gh-head .nav, .gh-head-menu, .footer-nav .nav {
    align-items: center;
    gap: var(--head-nav-gap);
}
.gh-head .nav, .footer-nav .nav  {
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.gh-head .nav-more-toggle {
    font-size: inherit;
    margin: 0 -6px;
    position: relative;
    text-transform: inherit;
}
.gh-head .nav-more-toggle svg {
    height: 24px;
    width: 24px;
}
.gh-head-actions {
    align-items: center;
    display: flex;
    gap: var(--head-nav-gap);
    justify-content: flex-end;
}
.gh-head-members {
    align-items: center;
    display: flex;
    gap: 20px;
    white-space: nowrap;
}
.gh-head-btn.gh-btn {
    font-size: inherit;
    font-weight: 600;
}
.gh-head-btn:not(.gh-btn) {
    align-items: center;
    color: var(--ghost-accent-color);
    display: inline-flex;
}
.gh-head-btn svg {
    height: 1.3em;
    width: 1.3em;
}
.gh-search {
    margin-left: -6px;
    margin-right: -6px;
}
.gh-search:hover {
    opacity: 0.9;
}
.gh-head-brand .gh-search {
    margin-right: 8px;
}
@media (max-width: 767px) {
    .gh-head-members {
        flex-direction: column-reverse;
        gap: 16px;
        width: 100%;
    }
    .gh-head-actions .gh-search {
        display: none;
    }
}
@media (min-width: 768px) {
    .gh-head-brand .gh-search {
        display: none;
    }
    body:not(.is-dropdown-loaded) .gh-head-menu .nav > li {
        opacity: 0;
    }
}
.is-head-left-logo .gh-head-inner {
    grid-template-columns: auto 1fr auto;
}
@media (min-width: 992px) {
    .is-head-left-logo .gh-head-menu {
        margin-left: 16px;
        margin-right: 64px;
    }
}
.is-head-middle-logo .gh-head-brand {
    grid-column-start: 2;
}
.is-head-middle-logo .gh-head-actions {
    gap: 28px;
}
@media (min-width: 992px) {
    .is-head-middle-logo .gh-head-menu {
        margin-right: 64px;
    }
}
.is-head-stacked .gh-head {
    height: auto;
    position: relative;
}
.is-head-stacked .gh-head-inner {
    grid-template-columns: 1fr auto 1fr;
}
.is-head-stacked .gh-head-brand {
    display: flex;
    grid-column-start: 2;
    grid-row-start: 1;
    min-height: 80px;
}
@media (max-width: 767px) {
    .is-head-stacked .gh-head-brand {
        min-height: unset;
    }
}
@media (min-width: 992px) {
    .is-head-stacked .gh-head-inner {
        padding: 0;
    }
    .is-head-stacked .gh-head-brand {
        align-items: center;
        display: flex;
        height: 80px;
    }
    .is-head-stacked .gh-head-menu {
        grid-column: 1/4;
        grid-row-start: 2;
        height: 56px;
        justify-content: center;
        margin: 0 48px;
    }
    .is-head-stacked .gh-head-menu:after,
    .is-head-stacked .gh-head-menu:before {
        background-color: var(--color-light-gray);
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 80px;
        width: 100%;
    }
    .is-head-stacked .gh-head-menu:after {
        top: 136px;
    }
    .is-head-stacked .gh-head-actions {
        grid-column: 1/4;
        grid-row-start: 1;
        justify-content: space-between;
    }
}
.is-head-transparent .gh-head {
    background-color: transparent;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 90;
}
.is-head-transparent .gh-head .nav > li a,
.is-head-transparent .gh-head-description,
.is-head-transparent .gh-head-link,
.is-head-transparent .gh-head-logo,
.is-head-transparent .gh-head-logo a,
.is-head-transparent .gh-search,
.is-head-transparent .gh-social,
.is-head-transparent .nav-more-toggle {
    color: var(--color-white);
}
.is-head-transparent .gh-burger:after,
.is-head-transparent .gh-burger:before {
    background-color: var(--color-white);
}
.is-head-transparent .gh-head-btn {
    background-color: #fff;
    color: #15171a;
}
.is-head-transparent .gh-head-menu:after,
.is-head-transparent .gh-head-menu:before {
    background-color: hsla(0, 0%, 100%, 0.2);
}
.is-head-transparent #announcement-bar-root {
    left: 0;
    position: absolute;
    right: 0;
}
.is-head-transparent #announcement-bar-root + :is(.site, .gh-site) .gh-head {
    margin-top: 48px;
}

.is-head-brand:not(.is-head-transparent) .gh-head {
    background-color: var(--ghost-accent-color);
}
.is-head-brand:not(.is-head-transparent) .gh-head .nav a,
.is-head-brand:not(.is-head-transparent) .gh-head-description,
.is-head-brand:not(.is-head-transparent) .gh-head-link,
.is-head-brand:not(.is-head-transparent) .gh-head-logo,
.is-head-brand:not(.is-head-transparent) .gh-head-logo a,
.is-head-brand:not(.is-head-transparent) .gh-search,
.is-head-brand:not(.is-head-transparent) .gh-social,
.is-head-brand:not(.is-head-transparent) .nav-more-toggle {
    color: var(--color-white);
}
.is-head-brand:not(.is-head-transparent) .gh-burger:after,
.is-head-brand:not(.is-head-transparent) .gh-burger:before {
    background-color: var(--color-white);
}
.is-head-brand:not(.is-head-transparent) .gh-head-btn {
    background-color: #fff;
    color: #15171a;
}
.is-head-brand:not(.is-head-transparent) .gh-head-menu:after,
.is-head-brand:not(.is-head-transparent) .gh-head-menu:before {
    background-color: hsla(0, 0%, 100%, 0.3);
}
.gh-dropdown {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 7px 20px -5px rgba(0, 0, 0, 0.15);
    margin-top: 24px;
    opacity: 0;
    padding: 12px 0;
    position: absolute;
    right: -16px;
    text-align: left;
    top: 100%;
    transform: translate3d(0, 6px, 0);
    transition: opacity 0.3s, transform 0.2s;
    visibility: hidden;
    width: 200px;
    z-index: 90;
}
.is-head-middle-logo .gh-dropdown {
    left: -24px;
    right: auto;
}
.is-dropdown-mega .gh-dropdown {
    -moz-column-gap: 40px;
    column-gap: 40px;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr;
    padding: 20px 32px;
    width: auto;
}
.is-dropdown-open .gh-dropdown {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}
.gh-dropdown li a {
    color: #15171a !important;
    display: block;
    padding: 6px 20px;
}
.is-dropdown-mega .gh-dropdown li a {
    padding: 8px 0;
}
.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 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.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 {
        height: 64px;
        margin-top:0;
    }
    #gh-head .gh-head-inner {
        grid-template-columns: 0.9fr;
        padding-bottom:1em;
    }
    #gh-head .gh-head-brand {
        align-items: center;
        display: grid;
        grid-column-start: 1;
        grid-template-columns: 1fr auto auto;
        height: 8rem;
        margin:2em 0 1em;
    }
    #gh-head .gh-head-logo {
        font-size: 2.2rem;
    }
    .gh-burger {
        display: block;
    }
    #gh-head .gh-head-actions,
    #gh-head .gh-head-menu {
        justify-content: center;
        opacity: 0;
        position: fixed;
        visibility: hidden;
    }
    #gh-head .gh-head-menu {
        transform: translateY(0);
        transition: none;
    }
    #gh-head .nav {
        align-items: center;
        gap: 20px;
        line-height: 1.4;
    }
    #gh-head .nav a {
        font-size: 2.6rem;
        font-weight: 600;
        text-transform: none;
    }
    #gh-head .nav li {
        opacity: 0;
        transform: translateY(-4px);
    }
    #gh-head .gh-head-actions {
        text-align: center;
    }
    #gh-head :is(.gh-head-btn, .gh-head-link) {
        opacity: 0;
        transform: translateY(8px);
    }
    #gh-head .gh-head-btn {
        font-size: 1.8rem;
        text-transform: none;
        width: 100%;
    }
    #gh-head .gh-head-btn:not(.gh-btn) {
        font-size: 2rem;
    }
    #gh-main {
        transition: opacity 0.4s;
    }
    .is-head-open #gh-head {
        -webkit-overflow-scrolling: touch;
        height: 100%;
        inset: 0;
        overflow-y: scroll;
        position: fixed;
        z-index: 3999999;
    }
    .is-head-open:not(.is-head-brand):not(.is-head-dark):not(.is-head-transparent) #gh-head {
        background-color: var(--color-white);
    }
    .is-head-open.is-head-transparent #gh-head,
    .is-head-open:is(.is-head-transparent, .is-head-brand) #gh-head .gh-head-actions {
        background-color: var(--ghost-accent-color);
    }
    .is-head-open #gh-head .gh-head-actions,
    .is-head-open #gh-head .gh-head-menu {
        opacity: 1;
        position: static;
        visibility: visible;
    }
    .is-head-open #gh-head .nav {
        display: flex;
        flex-direction: column;
    }
    .is-head-open #gh-head .nav li {
        opacity: 1;
        transform: translateY(0);
        transition: transform 0.2s, opacity 0.2s;
    }
    .is-head-open #gh-head .gh-head-actions {
        align-items: center;
        background-color: var(--color-white);
        bottom: 0;
        display: inline-flex;
        flex-direction: column;
        gap: 12px;
        left: 0;
        padding: var(--gap) 0 calc(var(--gap) + 8px);
        position: sticky;
        right: 0;
    }
    .is-head-open #gh-head :is(.gh-head-btn, .gh-head-link) {
        opacity: 1;
        transform: translateY(0);
        transition: transform 0.4s, opacity 0.4s;
        transition-delay: 0.2s;
    }
    .is-head-open #gh-head .gh-head-link {
        transition-delay: 0.4s;
    }
    .is-head-open #gh-main {
        opacity: 0;
    }
}
.gh-cover {
    min-height: var(--cover-height, 50vh);
    padding-bottom: 6.4rem;
    padding-top: 6.4rem;
    position: relative;
}
.gh-cover-image {
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.has-serif-body .gh-cover-description,
.has-serif-title .gh-cover-title {
    font-family: var(--font-serif);
}
.has-serif-title .gh-card-title {
    font-family: var(--font-serif);
    letter-spacing: -0.01em;
}
.has-serif-body .gh-card-excerpt {
    font-family: var(--font-serif);
}
.gh-card {
    word-break: break-word;
}
.gh-article-tag {
    color: var(--ghost-accent-color);
}
.gh-article-title {
    word-break: break-word;
}
.has-serif-title .gh-article-title {
    font-family: var(--font-serif);
    letter-spacing: -0.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-image {
        margin-top: 2.4rem;
    }
}
.gh-content {
    margin-top: 2rem;
    word-break: break-word;
}
.gh-content > * + * {
    margin-top: 1.6em;
}

.has-serif-title .gh-content > [id] {
    letter-spacing: -0.01em;
}
.gh-content > blockquote,
.gh-content > blockquote + *,
.gh-content > hr,
.gh-content > hr + * {
    margin-top: 2.4em;
}
.gh-content a {
    color: var(--ghost-accent-color);
}
.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: 0.95em;
}
.gh-content dl,
.gh-content ol,
.gh-content ul {
    padding-left: 2.8rem;
}
.gh-content :is(li + li, li :is(ul, ol)) {
    margin-top: 0.8rem;
}
.gh-content ol ol li {
    list-style-type: lower-alpha;
}
.gh-content ol ol ol li {
    list-style-type: lower-roman;
}
.gh-content table:not(.gist table) {
    -webkit-overflow-scrolling: touch;
    background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0, transparent 75%) 0, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0, transparent 75%) 100%;
    background-attachment: scroll, scroll;
    background-repeat: no-repeat;
    background-size: 10px 100%, 10px 100%;
    border-spacing: 0;
    display: inline-block;
    font-family: var(--font-sans);
    font-size: 1.6rem;
    max-width: 100%;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
}
.gh-content table:not(.gist table) td:first-child {
    background-image: linear-gradient(90deg, #fff 50%, hsla(0, 0%, 100%, 0));
    background-repeat: no-repeat;
    background-size: 20px 100%;
}
.gh-content table:not(.gist table) td:last-child {
    background-image: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0));
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 20px 100%;
}
.gh-content table:not(.gist table) th {
    background-color: var(--color-white);
    color: var(--color-darkgrey);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-align: left;
    text-transform: uppercase;
}
.gh-content table:not(.gist table) td,
.gh-content table:not(.gist table) th {
    border: 1px solid var(--color-light-gray);
    padding: 6px 12px;
}
@media (max-width: 767px) {
    .gh-content {
        margin-top: 3.2rem;
    }
}
.gh-comments {
    margin-bottom: -24px;
    margin-top: 64px;
}
.gh-comments-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.gh-comments .gh-comments-title {
    margin-bottom: 28px;
}
.gh-comments-header .gh-comments-title {
    margin-bottom: 0;
}
.gh-comments-count {
    color: var(--color-secondary-text);
}
.gh-cta-gradient {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), var(--color-white));
    content: "";
    grid-column: full-start/full-end;
    height: 160px;
    margin-bottom: 4rem;
    margin-top: -16rem;
    position: relative;
}
.gh-cta-gradient:first-child {
    display: none;
}
.gh-cta {
    display: flex;
    flex-direction: column;
    margin-bottom: 4rem;
    text-align: center;
}
.gh-cta-title {
    font-size: 2.2rem;
    letter-spacing: -0.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: 0.8rem;
    text-decoration: none;
}
.gh-cta-link:hover {
    color: var(--color-darker-gray);
}
@media (max-width: 767px) {
    .gh-cta-actions {
        -moz-column-gap: 0.8rem;
        column-gap: 0.8rem;
    }
}

.gh-content :is(.kg-card, table) + :not(.kg-card):not(table):not([id]) {
    margin-top: calc(2em * var(--content-spacing-multiplier, 1));
}
.kg-gallery-image,
.kg-image[width][height] {
    cursor: pointer;
}
.kg-gallery-image a:hover,
.kg-image-card a:hover {
    opacity: 1 !important;
}

.portfolio-container > .kg-gallery-card, 
.portfolio-container > .kg-image-card {
	margin:3rem -12rem !important;
}

.section-case-study .gh-feed {
	gap:4rem;
}

.kg-card.kg-toggle-card .kg-toggle-heading-text {
    font-size: 2rem;
}
.has-serif-title .kg-toggle-card .kg-toggle-heading-text {
    font-family: var(--font-serif);
}
.kg-callout-card.kg-card {
    border-radius: 0.25em;
    margin:0;
}
blockquote.kg-blockquote-alt {
    color: var(--color-secondary-text);
    font-weight: 400;
}
.kg-card.kg-button-card .kg-btn {
    font-size: 1em;
}
.kg-bookmark-card .kg-bookmark-container {
    border-radius: 0.25em !important;
}
.kg-bookmark-card .kg-bookmark-content {
    padding: 1.15em;
}
.kg-bookmark-card .kg-bookmark-title {
    font-size: 0.9em;
}
.kg-bookmark-card .kg-bookmark-description {
    font-size: 0.8em;
    margin-top: 0.3em;
    max-height: none;
}
.kg-bookmark-card .kg-bookmark-metadata {
    font-size: 0.8em;
}
.kg-bookmark-card .kg-bookmark-thumbnail img {
    border-radius: 0 0.2em 0.2em 0;
}
.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: 0.4rem;
}
.gh-navigation-next svg {
    margin-left: 0.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;
    gap: 0.4em;
    justify-content: center;
    letter-spacing: inherit;
    line-height: 1;
    padding: calc(0.75em * var(--multiplier, 1)) calc(1.15em * var(--multiplier, 1));
}
.gh-btn:hover {
    opacity: 0.95;
}
.gh-post-upgrade-cta .gh-btn {
    line-height: inherit;
}
.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-text-btn {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: var(--darker-gray-color);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    letter-spacing: inherit;
    margin: 0;
    outline: none;
    padding: 0;
    will-change: opacity;
}
.gh-text-btn:hover {
    opacity: 0.8;
}
.gh-foot {
    color: var(--color-secondary-text);
    padding-bottom: 8rem;
    padding-top: 8rem;
    white-space: nowrap;
}
.gh-foot-inner {
    display: grid;
    font-size: 1.3rem;
    gap: 40px;
    grid-template-columns: 1fr auto 1fr;
}
.no-menu .gh-foot-inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.gh-foot-menu .nav {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    row-gap: 4px;
}
.gh-foot-menu .nav li {
    align-items: center;
    display: flex;
}
.gh-foot-menu .nav li + li:before {
    content: "•";
    font-size: 0.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 .nav {
        flex-direction: column;
    }
    .gh-foot-menu .nav li + li {
        margin-top: 0.4rem;
    }
    .gh-foot-menu .nav li + li:before {
        display: none;
    }
    .gh-powered-by {
        text-align: center;
    }
}
.pswp {
    z-index: 3999999;
}
.pswp__bg {
    background-color: rgba(0, 0, 0, 0.85);
}
.pswp__img--placeholder--blank {
    background: var(--color-black);
}
.pswp__error-msg,
.pswp__error-msg a {
    color: var(--color-secondary-text);
}
@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__caption__center,
.pswp__counter {
    color: var(--color-white);
}
.pswp--css_animation .pswp__preloader__donut {
    border-right: 2px solid var(--color-white);
    border-top: 2px solid var(--color-white);
}
@media screen and (max-width: 1024px) {
    .pswp__preloader {
        float: right;
        left: auto;
        margin: 0;
        position: relative;
        top: auto;
    }
}
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15;
}
body {
    margin: 0;
}
main {
    display: block;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: 700;
}
code,
kbd,
samp {
    color: var(--secondary-text-color);
    font-family: monospace;
    font-size: 1em;
}
:not(pre) > code {
    background-color: var(--input-background-color);
    border-radius: 0.8rem;
    padding: 0.4rem 0.8rem;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
[hidden],
template {
    display: none;
}
:root {
    --brand-color: var(--ghost-accent-color, #6c49b6);
    --primary-text-color: rgba(3, 9, 17, 0.92);
    --secondary-text-color: rgba(5, 5, 5, 0.7);
    --tertiary-text-color: rgba(5, 5, 5, 0.55);
    --diabled-background-color: var(--tertiary-text-color);
    --divider-color: rgba(0, 0, 0, 0.1);
    --input-background-color: rgb(0 0 0/8%);
    --hero-background-color: rgb(0 0 0/4%);
    --underline-color: hsl(from var(--brand-color) h s l/.25);
    --overlay-bg: hsla(0, 0%, 98%, 0.95);
    --base-contrast: #fff;
    --background-color: #fff;
    --white-color: #fff;
    --black-color: #000;
    --green-color: #28a745;
    --orange-color: #ffc107;
    --red-color: #dc3545;
    --facebook-color: #3b5998;
    --twitter-color: #1da1f2;
    --rss-color: #f26522;
    --animation-base: ease-in-out;
    --font-base: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Inter, sans-serif;
    --font-serif: "Libre Baskerville", serif;
    --font-weight-regular: 400;
    --font-weight-bold: 600;
    --navbar-height: 100%;
    --form-input-height: 3rem;
    --base-text-size: 1rem;
    --spacepsection: 4rem;
    --primary-text-color-invert: hsla(0, 0%, 98%, 0.95);
    --secondary-text-color-invert: hsla(0, 0%, 98%, 0.75);
    --tertiary-text-color-invert: hsla(0, 0%, 98%, 0.55);
    --primary-text-color-overlay: rgba(3, 9, 17, 0.92);
    --secondary-text-color-overlay: rgba(3, 9, 17, 0.7);
    --tertiary-text-color-overlay: rgba(3, 9, 17, 0.55);
    --divider-color-verlay: rgba(0, 0, 0, 0.1);
    --color-lighter-gray: rgba(31, 31, 31, 0.04);
    --color-light-gray: rgba(5, 5, 5, 0.1);
    --color-mid-gray: rgba(0, 0, 0, 0.2);
    --color-dark-gray: rgba(3, 3, 3, 0.74);
    --color-darker-gray: rgba(1, 3, 4, 0.92);
}

@media (max-width: 767px) {
    :root {
        --navbar-height: 12rem;
    }
}

html {
    box-sizing: border-box;
    font-size: 100%;
}
*,
:after,
:before {
    box-sizing: inherit;
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-wrap: pretty;
    color: var(--primary-text-color);
    font-family: var(--gh-font-body, var(--font-base));
    font-size: var(--base-text-size);
    line-height: 1.77;
    text-rendering: optimizeLegibility;
}
body,
body.with-custom-background {
    background-color: var(--background-color);
}
::-moz-selection {
    background: var(--ghost-accent-color);
    color: var(--white-color);
}
::selection {
    background: var(--ghost-accent-color);
    color: var(--white-color);
}
a {
    color: var(--primary-text-color);
    text-decoration: none;
    transition: color 0.1s var(--animation-base);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--primary-text-color);
    font-family: var(--gh-font-heading, var(--font-base));
    font-weight: var(--font-weight-bold);
    line-height: 1.25;
    margin: 0;
}
p {
    margin: 0;
}
img {
    display: block;
    height: auto;
    max-width: 100%;
}
blockquote:not([class]) {
    border-left: 2px solid var(--brand-color);
    font-size: var(--base-text-size);
    letter-spacing: -0.03rem;
    line-height: 1.7;
    margin-left: 0;
    margin-right: 0;
    padding: 0 2.2rem;
}
blockquote:not([class]),
blockquote:not([class]) strong {
    color: var(--primary-text-color);
    font-weight: 400;
}
ol,
ul {
    padding-left: 2rem;
}
embed,
iframe {
    border: 0;
    display: block;
    overflow: hidden;
    width: 100%;
}
figure {
    margin-left: 0;
    margin-right: 0;
}
figcaption {
    color: var(--secondary-text-color);
    font-size: 0.8rem;
    margin-top: 0.5rem;
    text-align: center;
}
figcaption a {
    color: var(--secondary-text-color) !important;
    font-weight: 400 !important;
}
pre {
    -webkit-overflow-scrolling: touch;
    background-color: var(--lighter-gray-color);
    border-radius: 8px !important;
    font-size: 1.6rem !important;
    line-height: 1.5;
    overflow-x: scroll;
    padding: 1.6rem 2.2rem;
}
hr {
    border: 0;
    border-top: 1px solid;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
table:not(.highlight) {
    border-collapse: collapse;
    font-size: 1.5rem;
    width: 100%;
    word-break: normal;
}
table:not(.highlight) thead {
    background-color: var(--lighter-gray-color);
}
table:not(.highlight) tr + table:not(.highlight) tr {
    border-top: 1px solid var(--light-gray-color);
}
table:not(.highlight) tr:hover td {
    background-color: var(--lighter-gray-color);
}
table:not(.highlight) td,
table:not(.highlight) th {
    line-height: 1.5;
    padding: 1rem 1.5rem;
}
table:not(.highlight) th {
    text-align: left;
}
table:not(.highlight) tfoot {
    border-top: 1px solid var(--mid-gray-color);
}
table:not(.highlight) tfoot td {
    font-weight: 700;
}
@media (max-width: 767px) {
    .table thead {
        display: none;
    }
    .table tr {
        display: block;
        padding: 1.2rem 0;
    }
    .table td {
        display: flex;
        justify-content: space-between;
        padding: 0.7rem 0;
        text-align: right;
        width: 100%;
    }
    .table td:before {
        color: var(--secondary-text-color);
        content: attr(data-label);
        margin-right: 1rem;
        white-space: nowrap;
    }
}
.container {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1140px + 10vw);
    padding-left: 5vw;
    padding-right: 5vw;
    width: 100%;
}
.container.medium {
    max-width: calc(780px + 20vw);
}
.container.small {
    max-width: calc(640px + 20vw);
}

.button {
    align-items: center;
    border: 0;
    color: var(--brand-color);
    display: inline-flex;
    font-family: var(--gh-font-body, var(--font-base));
    font-weight: var(--font-weight-bold);
    outline: none;
}
.button:hover {
    opacity: 0.75;
}
.button.button-primary {
    background-color: var(--brand-color);
    color: var(--primary-text-color-invert);
    text-decoration: none;
}
.button .icon {
    margin-left: 0.8rem;
}
.button-icon {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: var(--primary-text-color);
    cursor: pointer;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    outline: none;
    padding: 0;
    width: 30px;
}
.button-icon:hover .icon {
    opacity: 0.8;
}
.button-text {
    background-color: transparent;
    border: 0;
    color: var(--primary-text-color);
    cursor: pointer;
    line-height: inherit;
    outline: none;
    padding: 0;
}
.gh-btn {
    border-radius: 5px;
}
.button-center {
    display: flex;
    justify-content: center;
    margin-top: 3.2rem;
}
.link-view-all {
    color: var(--tertiary-text-color);
    height: auto;
}
.has-serif-body .button-text,
.has-serif-title .button {
    font-family: var(--font-serif);
}
label {
    color: var(--primary-text-color);
    display: block;
    font-family: var(--font-base);
    font-size: 1.4rem;
    font-weight: var(--font-weight-bold);
    margin-bottom: 0.8rem;
    margin-top: 3.2rem;
}
label + label {
    margin-top: 2rem;
}
label input,
label textarea {
    margin-top: 0.7rem;
}

input,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--input-background-color);
    border: 0;
    border-radius: 4px;
    color: var(--primary-text-color);
    flex: 1 0 0;
    font-family: var(--gh-font-body, var(--font-base));
    font-size: 1.6rem;
    outline: none;
    padding: 0 1.5rem;
    transition: all 0.15s var(--ease-out-cubic);
    width: 100%;
}
input,
textarea {
    height: var(--form-input-height);
}
input:focus,
textarea:focus {
    background: var(--background-color);
    box-shadow: 0 0 0 2px var(--brand-color);
}
textarea {
    height: 100%;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    resize: vertical;
}
fieldset {
    border: 0;
    margin-bottom: 2.4rem;
    padding: 0;
}
.has-serif-body input,
.has-serif-body textarea {
    font-family: var(--font-serif);
}
.form-wrapper {
    max-width: 480px;
    position: relative;
}
.form-button {
    align-items: center;
    background-color: var(--brand-color);
    border: 0;
    border-radius: 4px;
    color: var(--white-color);
    cursor: pointer;
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    outline: none;
    padding: 0 15px;
    position: absolute;
    right: 5px;
    top: 5px;
}
.form-button.with-icon {
    border-radius: 0 4px 4px 0;
    padding: 0;
    width: 40px;
}
.form-wrapper .loader,
.form-wrapper .success {
    display: none;
}
.form-wrapper .loader .icon {
    height: 28px;
    width: 28px;
}
.form-wrapper.loading .default,
.form-wrapper.success .default,
.form-wrapper.success .loader {
    display: none;
}
.form-wrapper.loading .loader {
    display: block;
}
.form-wrapper.success .success {
    align-items: center;
    display: flex;
}
.inline-form {
    display: flex;
    gap: 1.6rem;
}
.contact-form {
    margin-top: 3rem;
}
.contact-form .button {
    margin-top: 1.5rem;
}
.subscription-wrapper {
    margin-top: 3.2rem;
}
.subscribe-title {
    color: var(--secondary-text-color);
    margin-bottom: 1.6rem;
}
@media (max-width: 767px) {
    .inline-form {
        flex-direction: column;
    }
    .inline-form input {
        flex: unset;
    }
}
.icon {
    fill: currentColor;
    height: 20px;
    width: 20px;
}
.icon-loading {
    height: 26px;
    width: 26px;
}


h5,
h6 {
    font-size: 1.8rem;
    font-weight: var(--font-weight-bold);
}

.section-title { 
    text-transform: uppercase;
}

.sub-heading {
    font-size:0.85rem;
}
.has-serif-body .body-1,
.has-serif-body .section-title,
.has-serif-body .sub-heading,
.has-serif-body .sub-heading-large,
.has-serif-title ,
.has-serif-title .h2,
.has-serif-title .h3,
.has-serif-title .h4,
.has-serif-title .h5,
.has-serif-title .h6 {
    font-family: var(--font-serif);
}
.site {
    min-height: 100vh;
}
.site,
.site-layout {
    display: flex;
    flex-direction: column;
}
.site-content {
    flex-grow: 1;
}
.section-container {
    margin:1em 0;
    padding:2em 0;
}
.section-case-study {
	background:black;
	padding:3em 0;
}
.section-case-study h1, .section-case-study h2 {
	color:white;
}
.section-case-study h1 { font-size: 1.8rem; }
.section-case-study h2 { font-size: 1.6rem; font-family:var(--gh-font-body); }


.section-container.small {
    margin-top: calc(var(--spacepsection) - 6.4rem);
}
.section-container.reset-spacing {
    margin-top: calc(var(--spacepsection) - 6rem);
}
.custom-page .site-main .section-container:first-child {
    margin-top: 0;
}
.section-container.post-expanded {
    margin-bottom: 10.4rem;
    margin-top: 16rem;
}
.section-container.post-expanded .single-cta-base {
    margin-bottom: 0 !important;
}
.is-head-brand .site-content {
    padding-top: max(8vmin, 5rem);
}
.content-area {
	padding: 1rem 0;
}
.gh-content.reset-space {
    margin-top: 0;
}
.page-works .page-header {
    margin-bottom: calc(var(--spacepsection) * -1 + 5.6rem);
}
#gh-head {
    height: 100%;
}
#gh-head{
	background-color: var(--header-color);
}
.section-hero {
	max-width:100% !important;
	padding:4em 0;
}
.hero-wrapper {
	margin:3rem auto;
	max-width: calc(780px + 10vw);}
.gh-outer {
    padding-left: 0;
    padding-right: 0;
}
.gh-head-inner {
    grid-template-columns: calc(100% - 10.8rem - var(--head-nav-gap)) auto;
	padding-bottom: 3em;
}
.gh-head-nav {
    flex: 1 0 0;
}
.no-profile.gh-head-inner {
    grid-template-columns: 1fr;
}
.is-head-middle-logo .gh-head-inner {
    grid-template-columns: 1fr auto 1fr;
}
.gh-head-logo-text {
    font-weight: var(--font-weight-bold);
    font-size:1.8rem;
}
.gh-head-logo-wrapper {
    height: 100%;
    position: relative;
    width: auto;
}
.gh-head-logo-wrapper img {
    height: 100%;
    margin: auto;
}
.head-logo-wrap:hover {
    opacity: 1;
}
.head-logo-wrap:hover .head-logo {
    scale: 1.06;
}
.head-logo {
    aspect-ratio: 1/1;
    height: 10.8em;
    position: relative;
    transition: scale 0.15s var(--animation-base);
}
.gh-head-brand-wrapper {
    align-items: start;
    flex-direction: column;
}
.gh-head .nav {
    padding-right: var(--head-nav-gap);
}
.gh-head .nav li, .footer-nav .nav li {
    position: relative;
}
.gh-head .nav li:after, .footer-nav .nav li:after {
    background: var(--brand-color);
    bottom: -0.1rem;
    content: "";
    display: block;
    height: 0.2rem;
    left: 50%;
    position: absolute;
    transition: width 0.25s ease 0s, left 0.25s ease 0s;
    width: 0;
}
.gh-head .nav li:hover:after, .footer-nav .nav li:hover:after {
    left: 0;
    width: 100%;
}
.gh-head .nav li:hover a, .footer-nav .nav li:hover a {
    color: var(--brand-color);
}
.gh-head .nav li.nav-current:after {
    background: var(--brand-color);
    bottom: -0.1rem;
    content: "";
    display: block;
    height: 0.2rem;
    left: calc(50% - 1rem);
    position: absolute;
    transition: width 0.25s ease 0s, left 0.25s ease 0s;
    width: 2rem;
}
.gh-head .nav li.nav-current a {
    color: var(--brand-color);
}
.gh-head-menu, .footer-nav {
    justify-content: space-between;
}
.gh-head-actions, .gh-head-menu, .footer-nav {
    font-size: 0.85rem;
    font-weight: var(--font-weight-bold);
    text-transform:uppercase;
    letter-spacing:0.5px;
}
.is-head-open #gh-head .gh-head-actions,
.is-head-open .gh-head-menu .gh-search {
    display: none;
}
.head-action-social {
    gap: 1.6rem;
}
.head-action-social,
.social {
    align-items: center;
    display: flex;
}
.social-item {
    color: var(--secondary-text-color);
    line-height: 0;
}
.social-item + .social-item {
    margin-left: 15px;
}
.social-item + .social-item-rss {
    margin-left: 24px;
}
.social-item .icon {
    fill: currentColor;
}
.gh-icon-btn .svg,
.social-item .icon,
.social-item-rss .icon {
    height: 2rem;
    width: 2rem;
}
.gh-icon-btn svg {
    stroke: var(--primary-text-color);
}
.gh-dropdown {
    background-color: var(--base-contrast);
    border-radius: 1.2rem 0 1.2rem 1.2rem;
    margin-top: 0.4rem;
    padding: 1.6rem 2rem;
    right: 16px;
}
.gh-dropdown li a {
    color: var(--primary-text-color) !important;
    padding-left: 0;
    padding-right: 0;
}
.gh-head .nav .gh-dropdown li.nav-current:after,
.gh-head .nav .gh-dropdown li:after {
    left: 0;
}
.has-serif-body .gh-head-btn,
.has-serif-body .gh-head-link,
.has-serif-body .gh-head-menu .nav li {
    font-family: var(--font-serif);
}
@media (min-width: 992px) {
    .is-head-left-logo .gh-head-menu {
        margin: 0;
    }
}
@media (max-width: 767px) {
    #gh-head .nav {
        align-items: start;
    }
    #gh-head .gh-head-actions,
    #gh-head .gh-head-menu {
        justify-content: start;
    }
    .is-head-open:not(.is-head-brand):not(.is-head-dark):not(.is-head-transparent) #gh-head {
        background-color: var(--background-color);
    }
    .is-head-open:not(.is-head-brand):not(.is-head-dark):not(.is-head-transparent) #gh-head .head-separator {
        display: none;
    }
    .is-head-open #gh-head .gh-head-menu {
        align-items: flex-start;
        flex-direction: column;
        gap: 2rem;
        padding-bottom: 4rem;
    }
    .gh-theme-toggle {
        margin-top: 1.6rem;
        scale: 1.125;
    }
}
.hero-header {
    font-size: 4rem;
    line-height: 1.25;
    margin-bottom: 1.6rem;
}

.home-hero-header {
	font-size:3.2rem;
}

.hero-desc {
    font-size:1.3rem;
    line-height:2.4rem;
    margin-top:1rem;
}
@media (max-width: 991px) {
    .menu-opened .cover {
        margin-top: 0;
    }
}

.portfolio-header {
	text-transform:uppercase;
	text-wrap-style:pretty;
}
.portfolio-excerpt {
	font-size:1.3rem;
}

.kg-callout-card div.kg-callout-emoji {
font-size:2em;
}

.site-footer {
    padding: 2rem 0;
}
.footer-inner-main {
    align-items: start;
    padding: 3rem 0;
}
.footer-copyright {
    color: var(--tertiary-text-color);
    font-size:0.75rem;
}
.footer-nav .nav li {
	text-transform:uppercase;
	font-size:0.9rem;
}
.footer-group-header {
    color: var(--tertiary-text-color);
}
.footer-nav-flex {
    display: flex;
    justify-content: center;
}
.footer-nav-flex .footer-nav-group {
    flex: 1 0 0;
    min-width: 16rem;
}
.has-serif-body .footer-copyright,
.has-serif-body .footer-desc,
.has-serif-body .footer-nav .nav li {
    font-family: var(--font-serif);
}
@media (max-width: 767px) {
    .footer-inner-main {
        grid-template-columns: 1fr;
    }
    .footer-left {
        margin-bottom: 3rem;
    }
    .footer-right {
        align-items: start;
    }
}
.burger {
    cursor: pointer;
    display: none;
    height: 30px;
    margin-left: 5px;
    margin-right: -7px;
    position: relative;
    width: 30px;
}
.burger-bar {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    width: 100%;
}
.burger-bar:before {
    background-color: var(--primary-text-color);
    content: "";
    height: 2px;
    left: 7px;
    position: absolute;
    transition: transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
    width: 16px;
}
.with-alt-header .burger-bar:before,
.with-full-cover .burger-bar:before {
    background-color: #fff;
}
.burger-bar:first-child:before {
    top: 14px;
    transform: translateY(-3px);
}
.burger-bar:last-child:before {
    bottom: 14px;
    transform: translateY(3px);
}
.menu-opened .burger .burger-bar {
    transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
.menu-opened .burger .burger-bar:first-child {
    transform: rotate(45deg);
}
.menu-opened .burger .burger-bar:last-child {
    transform: rotate(-45deg);
}
.menu-opened .burger .burger-bar:before {
    transform: none;
    transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
}
@media (max-width: 991px) {
    .burger {
        display: block;
    }
}
.card,
.cards {
    position: relative;
}
.card-wrapper {
    display: flex;
    flex-direction: column;
}
.card-title {
    align-items: start;
    color: var(--primary-text-color);
    display: flex;
    flex-grow: 1;
    gap: 0.8rem;
    margin-bottom: 0;
    overflow: hidden;
    padding-right: 1rem;
    text-overflow: ellipsis;
}
.card-title .icon {
    flex-shrink: 0;
    margin: 0.4rem 0;
}
.card-image, .placeholder {
    aspect-ratio: 1 / 1;
    background-color: var(--input-background-color);
    margin-bottom: 16px;
    position: relative;
}
.card-image, .placeholder hover {
}
.card-overlay.tag-hash-u-on-dark .card-image,
.card-overlay.tag-hash-u-on-dark .placeholder {
    background-color: var(--primary-text-color);
}
.full-row .card-image {
    aspect-ratio: 2/1;
}
.card-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    filter:grayscale(1);
}
.card-image img:hover {
	filter: grayscale(0);
}
.card-overlay .card-wrapper {
    padding: 1em 0;
    width: 100%;
}
.card-overlay .card-image,
.card-overlay .placeholder {
    margin-bottom: 0;
}
.card-overlay.tag-hash-u-on-dark .card-title {
    color: var(--primary-text-color-invert);
}
.card-overlay.tag-hash-u-on-dark .card-excerpt {
    color: var(--secondary-text-color-invert);
}
.card-overlay.tag-hash-u-on-dark .tag-item {
    border-color: var(--secondary-text-color-invert);
    color: var(--secondary-text-color-invert);
}
.card-overlay .icon {
    display: none;
}
.featured-posts {
    overflow-x: hidden;
    padding-top: 1.6rem;
}
.tags-list {
    display: flex;
    gap: 0.8rem;
    margin-top: 0.4rem;
}
.tag-item {
    border: 1px solid var(--divider-color);
    border-radius: 4rem;
    color: var(--secondary-text-color);
    padding: 0 1rem;
    width: -moz-fit-content;
    width: fit-content;
}
.card-overlay .tag-item {
    border-color: var(--divider-color-verlay);
    color: var(--secondary-text-color-overlay);
}
@media (max-width: 767px) {
    .full-row .card-image {
        aspect-ratio: 1/1;
    }
}
.feed-header {
    margin-bottom: 1.4rem;
}
.feed-header.featured-header {
    margin-bottom: 0.4rem;
}
.post-feed-header {
    margin-top: var(--spacepsection);
}
.feed-header-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
}
.feed-header-title {
    color: var(--tertiary-text-color);
    font-weight: var(--font-weight-bold);
    margin-bottom: 0;
}

.post-feed.expanded .feed-wrapper,
.post-feed.right-thumbnail .feed-wrapper,
.post-feed.text-only .feed-wrapper {
    align-items: start;
}
.feed {
    align-items: flex-start;
    display: flex;
    line-height: 1.4;
    overflow: hidden;
    padding: 8px 0;
    position: relative;
}
.feed:not(.no-link):hover .feed-title {
    opacity: 0.8;
}
.feed:not(.no-link):hover .feed-right {
    margin-right: 2.2rem;
}
.post-feed.expanded .feed:hover .feed-right {
    margin-right: 0;
}
.feed:not(.no-link):hover .feed-icon {
    transform: translateX(0.1rem);
}
.post-feed > .feed + .feed.feed-paged {
    border-top: 0;
    margin-top: 3rem;
}
.post-feed.expanded .feed {
    align-items: flex-start;
    padding: 3rem 0;
}
.post-feed.expanded.feed-card .feed {
    display: flex;
    flex-direction: column;
    gap: 2.8rem;
}
.post-feed.expanded.feed-card .feed-image {
    margin-right: 0;
    width: 100%;
}
.post-feed.expanded.feed-card .feed:nth-child(7) {
    display: none;
}
.post-feed.expanded:not(.text-only) .feed {
    border-top: 0;
    padding: 2.5rem 0;
}
.post-feed.right-thumbnail .feed {
    flex-direction: row-reverse;
}
.feed-calendar {
    white-space: nowrap;
}
.post-feed.expanded .feed-calendar {
    font-size: 1.6rem;
}
.feed-calendar-month {
    margin-right: 1rem;
}
.feed-image {
    flex-shrink: 0;
    margin-right: 2.5rem;
    width: 140px;
}
.post-feed.right-thumbnail .feed-image {
    margin-left: 2.5rem;
    margin-right: 0;
}
.post-feed:not(.expanded) .feed-image {
    display: none;
}
.feed-wrapper {
    align-items: self-end;
    align-self: stretch;
    display: flex;
    flex-grow: 1;
}
.post-feed.expanded .feed-wrapper {
    flex-direction: column;
}
.post-feed.expanded:not(.text-only) .feed-wrapper {
    margin-top: -2px;
}
.feed-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:1.2rem;
}
.feed-sub-title {
    color: var(--tertiary-text-color);
}
.post-feed.expanded .feed-title {
    font-size: 2rem;
    font-weight: var(--font-weight-bold);
    line-height: 2.8rem;
    white-space: normal;
}
.dot-spacer {
    align-self: end;
    border: 0;
    border-bottom: 1px dotted var(--divider-color);
    display: flex;
    flex: 1 0 0;
    font-size: 1.6rem;
    height: 1px;
    margin: 0 8px 10px;
    min-width: 1rem;
}
.post-feed.expanded .dot-spacer {
    display: none;
}
.feed-excerpt {
    color: var(--secondary-text-color);
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 1rem;
}
.has-serif-body .feed-excerpt,
.has-serif-title .feed-title {
    font-family: var(--font-serif);
}
.post-feed:not(.expanded) .feed-excerpt {
    display: none;
}
.feed-right {
    align-items: center;
    color: var(--secondary-text-color);
    display: flex;
    font-size: 1rem;
    transition: margin-right 0.2s var(--animation-base);
}
.feed-visibility {
    color: var(--orange-color);
    line-height: 0;
    margin-right: 0.5rem;
}
.post-feed.expanded .feed-visibility {
    margin-left: 1rem;
    order: 1;
}
.post-feed.expanded .feed-right {
    margin-top: 0.8rem;
}
.feed-visibility-public {
    display: none;
}
.feed-visibility .icon {
    height: 20px;
    width: 20px;
}
.feed-length {
    white-space: nowrap;
}
.post-feed.expanded .feed-length {
    align-items: center;
    display: flex;
}
.post-feed.expanded .feed-length:before {
    content: "\02022";
    font-size: 1rem;
    line-height: 1;
    padding: 0 0.7rem;
}
.feed-icon {
    color: var(--secondary-text-color);
    line-height: 0;
    position: absolute;
    right: 0;
    transform: translateX(2rem);
    transition: transform 0.2s var(--animation-base);
}
.post-feed.expanded .feed-icon {
    display: none;
}
.feed-icon .icon {
    height: 16px;
    width: 16px;
}
.feed-group:after {
    content: "";
    display: block;
    height: 4.5vmin;
}
.feed-month {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: hsla(0, 0%, 100%, 0.8);
    color: var(--primary-text-color);
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: 0.05rem;
    margin: 0 -1.5rem;
    padding: 1rem 1.5rem;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    width: inherit;
    z-index: 30;
}
.feed-group:first-child .feed-month {
    display: none;
}
@media (max-width: 575px) {
    .feed-image {
        width: 120px;
    }
    .feed-length {
        display: none;
    }
    .post-feed.expanded .feed-title {
        font-size: 1.8rem;
    }
}
.featured-container {
    overflow-x: hidden;
}
.featured-wrapper {
    margin-top: 3rem;
    padding-bottom: 3vmin;
    padding-top: 6vmin;
}
.featured-wrapper .post {
    position: relative;
}
.featured-wrapper .u-placeholder {
    margin-bottom: 2rem;
}
.featured-wrapper .post-title {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 0;
}
.has-serif-title .featured-wrapper .post-title {
    font-family: var(--font-serif);
}
.featured-title {
    border-bottom: 1px solid var(--light-gray-color);
    font-size: 1.5rem;
    letter-spacing: 0.05rem;
    margin-bottom: 4.5rem;
    padding-bottom: 1rem;
    text-transform: uppercase;
}
.has-serif-title .featured-title {
    font-family: var(--font-serif);
}
.featured-feed {
    opacity: 0;
    padding-top: 3rem;
}
.featured-feed.tns-slider {
    opacity: 1;
}
.pagination,
body:not(.paged-next) .infinite-scroll-button {
    display: none;
}
.infinite-scroll-action {
    display: flex;
    justify-content: center;
}
.infinite-scroll-button {
    margin-top: 3rem;
    min-width: 110px;
}
.infinite-scroll-button .loader {
    display: none;
    line-height: 0;
}
.infinite-scroll-button.loading .label {
    display: none;
}
.infinite-scroll-button.loading .loader {
    display: inline;
}
.load-more {
    display: flex;
    gap: 2.4rem;
    justify-content: center;
    margin-top: 3.2rem;
}
.load-more button {
    flex-basis: content;
}
.single-header {
    margin-bottom: 2rem;
}
.single-header-narrow {
    grid-gap: 48px;
    align-items: center;
    border-bottom: var(--border-separator);
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 4rem;
    padding-bottom: 8rem;
}
.single-meta {
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
    text-align: center;
}
.single-meta,
.single-visibility {
    align-items: center;
    display: flex;
}
.single-visibility .icon {
    color: var(--orange-color);
    height: 20px;
    margin-right: 8px;
    width: 20px;
}
.single-meta-item {
    align-items: center;
    display: flex;
    text-transform: capitalize;
}
.gradient-mask {
    background: linear-gradient(0deg, var(--background-color) 0, var(--background-color) 20%, hsla(0, 0%, 97%, 0) 100%);
    height: 400px;
    margin-top: -380px;
    position: relative;
    width: 100%;
}
.single-cta,
.single-cta-base {
    background-color: var(--hero-background-color);
    border-radius: 0.8rem;
    margin-bottom: 4rem !important;
    padding: 4rem 6rem;
    text-align: center;
}
.single-cta .single-cta-title {
    margin: 0 0 2.4rem;
}
.button-post-paid {
    margin: 1.6rem 0;
}
.single-meta-item + .single-meta-item:before {
    content: "✦";
    font-size: 0.8em;
    padding: 0 1.2rem;
}
.single-title {
    font-size: 3em;
    text-align: left;
    margin-bottom:1em;
}
.has-serif-title .single-title {
    font-family: var(--font-serif);
}
.single-excerpt {
    color: var(--primary-text-color);
    margin-top: 2rem;
    text-align: left;
}
.has-serif-body .single-excerpt {
    font-family: var(--font-serif);
}
.single-media {
    margin-bottom: 0;
    margin-top: 4.5rem;
}
.single-media img {
    width: 100%;
}
.has-serif-title .single-cta-title {
    font-family: var(--font-serif);
}
.single-cta-desc {
    color: var(--tertiary-text-color);
    margin-top: 1.2rem;
}
.single-cta-button {
    font-size: 1.4rem;
    font-weight: 800 !important;
    margin-bottom: 1rem;
}
.single-cta-footer {
    font-size: 1.6rem;
    font-weight: 400 !important;
    letter-spacing: -0.02rem;
    margin-top: 16px;
}
.has-serif-body .single-cta-desc,
.has-serif-body .single-cta-footer {
    font-family: var(--font-serif);
}
.single-footer {
    align-items: center;
    display: flex;
    margin-top: 4.5rem;
}
.single-footer-left,
.single-footer-right {
    display: flex;
    flex: 2;
}
.single-footer-right {
    justify-content: flex-end;
}
.single-footer-middle {
    display: flex;
    flex-direction: column;
}
.single-footer-top {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 1.6rem;
    justify-content: space-between;
    margin-top: 2.4rem;
}
.single-footer-title {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}
.single-footer-top + .single-footer-bottom {
    margin-top: 2rem;
}
.single-content-subscription {
    align-items: center;
    background-color: var(--background-color);
    display: flex;
    flex-direction: column;
    margin: 40px auto auto;
    padding: 32px;
    position: relative;
    text-align: center;
}
.single-content-subscription-title {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 2rem;
}
.with-feature-image {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 2.4rem;
}
.media-wrapper,
.with-feature-image .hero-wrapper {
    flex: 1 1 0;
}
.tiny-image-wrap {
    align-items: flex-start;
}
.expanded-image-wrap,
.tiny-image-wrap {
    display: flex;
    flex-direction: row-reverse;
    gap: 24px;
    margin-bottom: 4rem;
}
.expanded-image-wrap {
    align-items: center;
}
.kg-canvas .expanded-image-wrap {
    grid-column: wide;
}
.expanded-image-wrap .single-media {
    margin-top: 0;
    width: 38%;
}
.single-heading-wrap {
    flex: 1 1 0;
}
.tiny-image-wrap .single-media {
    margin-top: 0;
    width: 33%;
}
.book-meta {
    margin-top: 1.2rem;
}
.has-serif-title .single-content-subscription-title {
    font-family: var(--font-serif);
}
@media (max-width: 767px) {
    .single-header {
        margin-bottom: 3rem;
    }
    .single-cta {
        padding: 3rem 2rem 4rem;
    }
    .single-media {
        margin-top: 3rem;
    }
    .single-header-narrow {
        grid-template-columns: 1fr;
    }
    .with-feature-image {
        flex-direction: column-reverse;
    }
    .media-wrapper {
        margin-bottom: 2rem;
        width: 80%;
    }
    .with-feature-image .hero-wrapper {
        width: 100%;
    }
    .tiny-image-wrap {
        flex-direction: column-reverse;
    }
    .tiny-image-wrap .single-media {
        width: 50%;
    }
    .expanded-image-wrap {
        flex-direction: column-reverse;
    }
    .expanded-image-wrap .single-media {
        width: 100%;
    }
}
.gh-content,
.side-timeline {
    position: relative;
}

.has-serif-title .gh-content > [id] {
    font-family: var(--font-serif);
}
.gh-content > blockquote,
.gh-content > hr {
    margin-top: 4.8rem;
    position: relative;
}
.gh-content > hr {
    border-color: var(--primary-text-color);
    display: block;
    opacity: 0.1;
    width: 100%;
}
.gh-content > hr:after {
    background-color: var(--background-primary);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='none' stroke='%23ffffff90' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' class='logo-wireframe' viewBox='0 0 100 100'%3E%3Cpath d='m30.91 17.52 3.52 18.18m27.01-21.29L62.61 0M34.43 35.7l3.14 54.77M81 26.39 61.44 14.41 34.43 35.7 65.35 100M62.61 0l-31.7 17.52L18 45.45l19.57 45.02L65.35 100l5.09-10.2L81 26.39 62.61 0Z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    left: 0;
    margin: 0 46%;
    position: absolute;
    right: 0;
    top: 0;
}

.gh-content h6 {
    color: var(--tertiary-text-color);
    font-size: 1.2rem;
    margin-bottom: -6.4rem !important;
    margin-top: 6.4rem !important;
    text-transform: uppercase;
}
.serie-page .gh-content h2 {
    font-size: 2.2rem;
}
.serie-page .gh-content h3,
.serie-page .gh-content h4,
.serie-page .gh-content h5 {
    font-size: 1.8rem;
}
.gh-content a {
    text-decoration: underline;
    word-break: break-word;
}

.gh-content a[class]:hover {
    opacity: 1;
}
.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,
.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 > dl,
.gh-content > ol,
.gh-content > p,
.gh-content > ul {
    font-size: var(--base-text-size);
    letter-spacing: 0;
}
.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.4rem;
}
.gh-content li {
    margin-top: 1.2rem;
}

.gh-content-line {
    border-color: var(--primary-text-color);
    border-top-width: 2px;
    display: block;
    height: 1px;
    margin: 4vmin 0 3vmin;
    width: 100%;
}
.meta-sticky-top {
    justify-content: end;
    margin-right: 3.2rem;
    margin-top: -2rem;
    position: sticky;
    top: 1.2rem;
}
.time-line {
    border-right: 1px dashed var(--tertiary-text-color);
    margin-right: 2.8rem;
}
.time-line:before {
    background: var(--color-cream);
    border: 2px solid var(--brand-color);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 13px;
    position: absolute;
    right: -7px;
    top: -14px;
    width: 13px;
}
.anchor-indent {
    padding-top: 3.2rem;
}
.tag-hash-u-hide-overview .serie-overview {
    display: none;
}
.timeline-content.gh-content {
    margin-top: -2rem;
    padding-left: 3.2rem;
}
.timeline-content.gh-content .single-title a {
    text-decoration: none;
}
.timeline-content .toc-container {
    display: none;
}
.post-full-meta {
    display: flex;
    gap: 1.2rem;
}
.post-full-meta .single-meta-item {
    font-size: 1.4rem;
}
.post-full-meta .tags-list {
    margin-top: 0;
}
.view-arrow {
    align-items: center;
    background-color: var(--input-background-color);
    border-radius: 50%;
    display: flex;
    height: 3.2rem;
    justify-content: center;
    padding: 0.8rem;
    position: absolute;
    right: 0;
    top: -2.8rem;
    transition: background-color 0.2s var(--animation-base);
    width: 3.2rem;
}
.view-arrow .icon {
    height: 2.8rem;
    width: 2.8rem;
}
.timeline-content:hover .view-arrow {
    background-color: var(--brand-color);
}
.timeline-content:hover .view-arrow .icon {
    fill: var(--white-color);
}
.footnote {
    margin-left: 0.25rem;
    margin-right: 0.5rem;
}
.footnote a {
    color: var(--brand-color);
    font-size: 0.9em;
    font-weight: 400;
    text-decoration: none;
}
.footnote-list {
    border-bottom: 1px solid var(--divider-color);
    border-top: 1px solid var(--divider-color);
    display: flex;
    flex-direction: column;
    font-size: 0.9em;
    gap: 0;
    padding: 2.4rem 0 4.8rem 2.4rem;
}
.footnote-list li {
    line-height: 1.5;
    padding-top: 1.6rem;
}
@media (max-width: 767px) {
    .gh-content .kg-callout-card .kg-callout-text,
    .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,
    .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 > dl,
    .gh-content > ol,
    .gh-content > p,
    .gh-content > ul {
        line-height: 1.66;
    }
    .time-line {
        border: 0;
        margin-right: 0;
    }
    .time-line:before {
        display: none;
    }
    .meta-sticky-top {
        justify-content: start;
    }
    .timeline-content.gh-content {
        padding-left: 0;
    }
}
.author-meta {
    margin-left: 0.8rem;
    text-align: left;
    width: 100%;
}
.author-social {
    justify-content: start;
    margin-top: 2.5rem;
}
.author-list {
    align-items: center;
    display: flex;
    margin-left: 0.8rem;
}
.author-list .author-name {
    color: var(--secondary-text-color);
    text-align: left;
}
.author-list .author-name a {
    color: var(--primary-text-color);
}
.author-images {
    display: flex;
}
.author-list .author-image-placeholder {
    border: 2px solid var(--white-color);
    border-radius: 50%;
    flex-shrink: 0;
    margin-left: -8px;
    overflow: hidden;
    width: 3.2rem;
}
.author-card {
    margin-bottom: 4rem;
    position: relative;
}
.author-card-title {
    font-size: 2.8rem;
    margin-top: 2rem;
    text-align: center;
}
.author-post-number {
    font-size: 2rem;
    text-align: center;
}
.has-serif-body .author-meta,
.has-serif-body .author-post-number,
.has-serif-title .author-card-title {
    font-family: var(--font-serif);
}
@media (max-width: 767px) {
    .author-list {
        margin-left: 0;
    }
}
.share {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}
.share-label {
    color: var(--secondary-text-color);
    margin-bottom: 0.8rem;
    text-transform: uppercase;
    writing-mode: vertical-lr;
}
.share-link {
    align-items: center;
    background-color: var(--divider-color);
    border-radius: 50%;
    color: var(--primary-text-color);
    display: flex;
    font-size: 1.6rem;
    font-weight: 400;
    height: 3.2rem;
    justify-content: center;
    letter-spacing: 0.04rem;
    line-height: 0;
    transition: all 0.15s var(--ease-in-out-quad);
    width: 3.2rem;
}
.share-link:hover {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
    color: var(--white-color);
}
.share-link:hover .icon {
    fill: var(--white-color);
}
.has-serif-body .share-link {
    font-family: var(--font-serif);
}
.share-link .icon {
    fill: var(--primary-text-color);
    height: 18px;
    transition: fill 0.15s var(--ease-in-out-quad);
    width: 18px;
}
.share-link-label {
    border-radius: 5px;
    padding: 4px 16px;
    width: auto;
}
.share-link-label .icon {
    margin-right: 8px;
}
@media (max-width: 767px) {
    .share {
        flex-direction: row;
        gap: 1.6rem;
        justify-content: center;
        width: auto;
    }
    .share-link {
        height: 4.4rem;
        width: 4.4rem;
    }
    .share-label {
        margin: 0 0.8rem;
        writing-mode: horizontal-tb;
    }
    .gh-content .right-sidebar-container-post {
        display: none;
    }
}
.navigation-icon,
.navigation-link {
    align-items: center;
    display: flex;
}
.navigation-icon {
    height: 30px;
    margin: 0 -2px;
    width: 30px;
}
.navigation-next .navigation-icon {
    justify-content: flex-end;
}
.navigation-icon .icon {
    height: 30px;
    width: 30px;
}
.related-content {
    border-top: 2px solid var(--primary-text-color);
    padding: 4.5rem 0 3rem;
}
.related-title {
    margin-bottom: 3rem;
}
.comment-title,
.related-title {
    color: var(--tertiary-text-color);
}
.has-serif-title .related-title {
    font-family: var(--font-serif);
}
.comments {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 60px 0 44px;
}
.comments-head {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
    max-width: 720px;
    width: 100%;
}
.comments h2 {
    font-weight: 700;
    max-width: 720px;
    width: 100%;
}
.comments .comment-count {
    color: var(--color-midgrey);
    font-weight: 600;
    white-space: nowrap;
}
.comments #ghost-comments-root {
    max-width: 720px;
    width: 100%;
}
.comments-wrapper {
    margin-top: 6rem;
}
#ghost-comments-root .border-gray-100 {
    border-color: var(--divider-color) !important;
}
.comment-content {
    border-top: 2px solid var(--primary-text-color);
    padding: 4.5rem 0 0;
}
.taxonomy {
    margin-bottom: calc(var(--spacepsection) - 6rem);
}
.taxonomy-media {
    margin: 0 0 3rem;
    overflow: hidden;
    width: 200px;
}
.taxonomy-media-small {
    margin-left: -10px;
    margin-right: 12px;
    width: 4rem;
}
.tag-list-container {
    font-size: 0.9rem;
    font-weight: 400;
    padding-top: var(--spacepsection);
}
.tag-list {
    align-items: stretch;
    -moz-column-gap: 0.2rem;
    column-gap: 0.2rem;
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.2rem;
}
.tag-list-label {
    color: var(--secondary-text-color);
    margin-bottom: 2rem;
}
.tag-list-item-wrapper {
    align-items: center;
    background-color: var(--input-background-color);
    display: flex;
    flex-direction: row;
    padding: 0.8rem 2rem;
}
.tag-list-item-wrapper:hover {
    background-color: var(--light-gray-color);
}
.tag-list-item {
    display: block;
}
.has-serif-body .tag-list-item {
    font-family: var(--font-serif);
}
.tag-list-item-count {
    display: contents;
}
.tag-list-item + .tag-list-item {
    margin-left: 1rem;
}
@media (max-width: 767px) {
    .tag-list {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}
.kg-canvas .toc-container {
    font-size: 1.4rem;
    grid-column: main-start/main-end;
    margin: 0 0 2vmin;
    padding: 0;
    position: static;
    width: 100%;
}
.toc-sidebar {
    background-color: var(--hero-background-color);
    overflow-y: scroll;
    padding: 2.4rem 2.4rem 1rem;
    width: 100%;
}
.has-serif-title .toc-sidebar {
    font-family: var(--font-serif);
}
.toc-sidebar h4 {
    font-size: 2rem;
    font-variant: all-petite-caps;
    font-weight: 600;
}
.has-serif-title .toc-sidebar h4 {
    font-family: var(--font-serif);
}
.toc {
    align-self: stretch;
    overflow-y: scroll;
    padding: 1px 0 0;
}
.toc > .toc-list {
    margin: 0.8rem 0;
}
.gh-content ol.toc-list li,
.toc-list {
    list-style-type: circle;
}
.gh-content ol.toc-list li li {
    list-style-type: square;
}
.toc-list-item {
    font-size: 1.6rem;
    line-height: 1.4;
    padding: 0.4rem 0;
}
.toc-list-item a {
    color: var(--primary-text-color);
    text-decoration: none;
}
.feed-card-inside {
    align-items: flex-start;
    display: flex;
    line-height: 1;
    position: relative;
}
.post-feed.right-thumbnail .feed-card-inside {
    flex-direction: row-reverse;
}
.archive-wrapper {
    display: block;
}
.date-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom:2em;
}
.month-post-label,
.year-post-label {
    color: var(--tertiary-text-color);
    margin-bottom: 2rem;
    padding-top: 6rem;
}
.month-post-label {
    margin-left: auto;
}
.has-serif-title .month-post-label,
.has-serif-title .year-post-label {
    font-family: var(--font-serif);
}
.post-date-1 + .post-date-1 .month-post-label,
.post-date-10 + .post-date-10 .month-post-label,
.post-date-11 + .post-date-11 .month-post-label,
.post-date-12 + .post-date-12 .month-post-label,
.post-date-2 + .post-date-2 .month-post-label,
.post-date-2014 + .post-date-2014 .year-post-label,
.post-date-3 + .post-date-3 .month-post-label,
.post-date-4 + .post-date-4 .month-post-label,
.post-date-5 + .post-date-5 .month-post-label,
.post-date-6 + .post-date-6 .month-post-label,
.post-date-7 + .post-date-7 .month-post-label,
.post-date-8 + .post-date-8 .month-post-label,
.post-date-9 + .post-date-9 .month-post-label,
.post-year-2015 + .post-year-2015 .year-post-label,
.post-year-2016 + .post-year-2016 .year-post-label,
.post-year-2017 + .post-year-2017 .year-post-label,
.post-year-2018 + .post-year-2018 .year-post-label,
.post-year-2019 + .post-year-2019 .year-post-label,
.post-year-2020 + .post-year-2020 .year-post-label,
.post-year-2021 + .post-year-2021 .year-post-label,
.post-year-2022 + .post-year-2022 .year-post-label,
.post-year-2023 + .post-year-2023 .year-post-label,
.post-year-2024 + .post-year-2024 .year-post-label,
.post-year-2025 + .post-year-2025 .year-post-label,
.post-year-2026 + .post-year-2026 .year-post-label,
.post-year-2027 + .post-year-2027 .year-post-label,
.post-year-2028 + .post-year-2028 .year-post-label,
.post-year-2029 + .post-year-2029 .year-post-label,
.post-year-2030 + .post-year-2030 .year-post-label {
    display: none;
}
@media (max-width: 575px) {
    .archive-wrapper .feed-excerpt {
        display: none;
    }
    .archive-wrapper .feed-image {
        margin-right: 1.6rem;
        width: 128px;
    }
    .archive-wrapper .feed-title {
        font-size: 2rem !important;
    }
}
code[class*="language-"],
pre[class*="language-"] {
    word-wrap: normal;
    background: 0 0;
    color: #f8f8f2;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 1em;
    -webkit-hyphens: none;
    hyphens: none;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    text-align: left;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    white-space: pre;
    word-break: normal;
    word-spacing: normal;
}
pre[class*="language-"] {
    border-radius: 0.3em;
    overflow: auto;
    padding: 1em;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
    background: #272822;
}
:not(pre) > code[class*="language-"] {
    border-radius: 0.3em;
    padding: 0.1em;
    white-space: normal;
}
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: #8292a2;
}
.token.punctuation {
    color: #f8f8f2;
}
.token.namespace {
    opacity: 0.7;
}
.token.constant,
.token.deleted,
.token.property,
.token.symbol,
.token.tag {
    color: #f92672;
}
.token.boolean,
.token.number {
    color: #ae81ff;
}
.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
    color: #a6e22e;
}
.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url,
.token.variable {
    color: #f8f8f2;
}
.token.atrule,
.token.attr-value,
.token.class-name,
.token.function {
    color: #e6db74;
}
.token.keyword {
    color: #66d9ef;
}
.token.important,
.token.regex {
    color: #fd971f;
}
.token.bold,
.token.important {
    font-weight: 700;
}
.token.italic {
    font-style: italic;
}
.token.entity {
    cursor: help;
}
.kg-layout-split .kg-header-card-content {
    grid-template-columns: 38% 62% !important;
}
.kg-header-card.kg-width-full.kg-layout-split h2.kg-header-card-heading,
.kg-signup-card.kg-width-full.kg-layout-split h2.kg-signup-card-heading {
    font-size: clamp(3.6rem, 4vw, 5.2rem) !important;
    line-height: 1.2;
}
.kg-header-card.kg-width-full.kg-layout-split .kg-header-card-subheading,
.kg-header-card.kg-width-wide .kg-header-card-subheading {
    font-size: clamp(1.05em, 2vw, 2rem) !important;
    line-height: 1.4;
}
.kg-gallery-image:not(:first-of-type) {
    margin: 0 0 0 2px !important;
}
.kg-gallery-row:not(:first-of-type) {
    margin: 2px 0 0 !important;
}
.kg-card.kg-audio-card,
.kg-card.kg-bookmark-card a.kg-bookmark-container,
.kg-card.kg-bookmark-card a.kg-bookmark-container:hover,
.kg-card.kg-file-card a.kg-file-card-container,
.kg-card.kg-product-card .kg-product-card-container {
    background-color: var(--background-color);
    color: var(--primary-text-color);
}
.kg-product-card-container {
    font-family: var(--gh-font-body, var(--font-base));
}
.kg-canvas table {
    grid-column: full;
    padding: 0 8vw;
}
.gh-content table:not(.gist table) {
    background: none;
    border-collapse: collapse;
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width: var(--content-width);
    overflow-x: auto;
    table-layout: fixed;
}
.gh-content table {
    border-collapse: collapse;
    font-size: 1.6rem;
    margin: 2rem 0;
    width: 100%;
}
.gh-content table:not(.gist table) td,
.gh-content table:not(.gist table) th {
    border: none;
    border-bottom: 1px solid var(--divider-color);
    font-size: 1em;
    min-width: unset;
    padding: 1.6rem 3.2rem 1.6rem 0;
    text-align: left;
    white-space: nowrap;
    white-space: normal;
}
.gh-content table:not(.gist table) th {
    color: var(--primary-text-color);
    font-size: 1em;
    font-weight: 600;
    text-transform: none;
}
.gh-content table tr:last-child td {
    border-bottom: none;
}
.gh-content table:not(.gist table) th {
    background-color: transparent;
}
.gh-content table:not(.gist table) tr {
    min-width: var(--content-width);
}
.gh-content table:not(.gist table) td:first-child,
.gh-content table:not(.gist table) th:first-child {
    background-image: linear-gradient(90deg, var(--background-color) 50%, hsla(0, 0%, 100%, 0));
    background-repeat: no-repeat;
    background-size: 20px 100%;
}
.gh-content table:not(.gist table) td:last-child,
.gh-content table:not(.gist table) th:last-child {
    background-image: linear-gradient(270deg, var(--background-color) 50%, hsla(0, 0%, 100%, 0));
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 20px 100%;
}
.gh-content table:not(.highlight) tr:hover td {
    background-color: transparent;
}
.gh-content table:not(.gist table) tbody,
.gh-content table:not(.gist table) thead {
    width: 100%;
}
@media (max-width: 767px) {
    .kg-layout-split .kg-header-card-content {
        grid-template-columns: 1fr !important;
    }
    .kg-canvas table {
        padding: 0 4vw;
    }
    .gh-content table:not(.gist table) td,
    .gh-content table:not(.gist table) th {
        min-width: 8rem;
    }
}
.logo-list {
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    padding-bottom: 2.4rem;
    row-gap: 2.4rem;
}
.logo-list .kg-image-card {
    align-items: center;
    background-color: transparent;
    border-radius: unset;
    display: flex;
    justify-content: center;
    margin: 0;
    width: 130px;
}
.logo-board .feed-header-title {
    text-align: left;
}
@media (max-width: 767px) {
    .logo-list {
        justify-content: center;
    }
    .logo-list .kg-image-card {
        width: 130px;
    }
}
.tns-outer {
    padding: 0 !important;
    position: relative;
}
.tns-outer [hidden] {
    display: none !important;
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
    cursor: pointer;
    top: -40px;
}
.tns-slider {
    transition: all 0s;
}
.tns-slider > .tns-item {
    box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
    white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
    clear: both;
    content: "";
    display: table;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
    float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
    margin-right: -100%;
}
.tns-gallery,
.tns-no-calc {
    left: 0;
    position: relative;
}
.tns-gallery {
    min-height: 1px;
}
.tns-gallery > .tns-item {
    left: -100%;
    position: absolute;
    transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
    left: auto !important;
    position: relative;
}
.tns-gallery > .tns-moving {
    transition: all 0.25s;
}
.tns-autowidth {
    display: inline-block;
}
.tns-lazy-img {
    opacity: 0.6;
    transition: opacity 0.6s;
}
.tns-lazy-img.tns-complete {
    opacity: 1;
}
.tns-ah {
    transition: height 0s;
}
.tns-visually-hidden {
    left: -10000em;
    position: absolute;
}
.tns-transparent {
    opacity: 0;
    visibility: hidden;
}
.tns-fadeIn {
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 0;
}
.tns-fadeOut,
.tns-normal {
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: -1;
}
.tns-vpfix {
    white-space: nowrap;
}
.tns-vpfix > div,
.tns-vpfix > li {
    display: inline-block;
}
.tns-t-subp2 {
    height: 10px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 310px;
}
.tns-t-ct {
    position: absolute;
    right: 0;
    width: 2333.3333333%;
    width: 2333.33333%;
}
.tns-t-ct:after {
    clear: both;
    content: "";
    display: table;
}
.tns-t-ct > div {
    float: left;
    height: 10px;
    width: 1.4285714%;
    width: 1.42857%;
}
.tns-controls button {
    align-items: center;
    background-color: transparent;
    border: 1px solid var(--divider-color);
    border-radius: 50%;
    color: var(--primary-text-color);
    display: flex;
    height: 30px;
    justify-content: center;
    outline: none;
    padding: 0;
    position: absolute;
    text-align: center;
    top: -86px;
    transition: color 0.5s var(--animation-base);
    width: 30px;
}
.tns-controls button[disabled] {
    color: var(--diabled-background-color);
    cursor: default;
}
.tns-controls button svg {
    height: 18px;
    width: 18px;
}
.tns-controls button[data-controls="prev"] {
    right: 34px;
}
.tns-controls button[data-controls="next"] {
    right: 0;
}
.pswp {
    -webkit-text-size-adjust: 100%;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    touch-action: none;
    -ms-touch-action: none;
    width: 100%;
    z-index: 1500;
}
.pswp img {
    max-width: none;
}
.pswp--animate_opacity {
    opacity: 0.001;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    will-change: opacity;
}
.pswp--open {
    display: block;
}
.pswp--zoom-allowed .pswp__img {
    cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
    cursor: grab;
}
.pswp--dragging .pswp__img {
    cursor: grabbing;
}
.pswp__bg {
    backface-visibility: hidden;
    opacity: 0;
    transform: translateZ(0);
    transition: opacity 333ms cubic-bezier(0.4, 0, 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 {
    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;
    user-select: none;
}
.pswp__zoom-wrap {
    position: absolute;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    width: 100%;
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
    backface-visibility: hidden;
}
.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 {
    backface-visibility: hidden;
}
.pswp__img--placeholder--blank {
    background: var(--black-color);
}
.pswp--ie .pswp__img {
    height: auto !important;
    left: 0;
    top: 0;
    width: 100% !important;
}
.pswp__error-msg {
    color: var(--secondary-text-color);
    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(--secondary-text-color);
    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 0.2s;
    width: 44px;
}
.pswp__button:focus,
.pswp__button:hover {
    opacity: 1;
}
.pswp__button:active {
    opacity: 0.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;
    -webkit-filter: invert(70%);
    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);
        -webkit-filter: invert(70%);
    }
    .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(--white-color);
    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;
    user-select: none;
}
.pswp__caption {
    bottom: 0;
    left: 0;
    min-height: 44px;
    position: absolute;
    width: 100%;
}
.pswp__caption__center {
    color: var(--white-color);
    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 0.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 {
    animation: clockwise 0.5s linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
    background: none;
    height: 14px;
    left: 15px;
    margin: 0;
    opacity: 0.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(--white-color);
    border-top: 2px solid var(--white-color);
    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;
    }
}
@keyframes clockwise {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
@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 {
    backface-visibility: hidden;
    transition: opacity 333ms cubic-bezier(0.4, 0, 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: 0.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;
}
.kg-gallery-image {
    cursor: pointer;
}

.kg-gallery-container, .kg-image, .single-media img {
    border-width: 3px;
    border-color: black;
    border-style: solid;
    padding: 10px;
}

.portfolio-featured-img, .kg-gallery-image img {
	max-height:650px;
	object-fit:cover;
}

.portfolio-container .kg-gallery-card {

}

.portfolio-container {
margin-top:2em;
}

.portfolio-container p {

}

.kg-image {
    margin-left: auto;
    margin-right: auto;
}
.kg-embed-card {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.kg-card.kg-toggle-card .kg-toggle-heading-text {
    font-size: var(--base-text-size);
    font-weight: 700;
}
.has-serif-title .kg-toggle-heading-text {
    font-family: var(--font-serif);
}
.kg-card.kg-button-card a.kg-btn {
    font-size: 1.5rem;
}
.kg-callout-card-accent a {
    text-decoration: underline;
}
blockquote.kg-blockquote-alt {
    color: var(--primary-text-color);
    font-size: clamp(2.4rem, 3vw, 2.8rem);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: 1.25;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
}
.kg-canvas > blockquote.kg-blockquote-alt {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}
.has-serif-title .kg-canvas > blockquote.kg-blockquote-alt {
    font-family: var(--font-serif);
}
@media (max-width: 575px) {
    .kg-canvas > blockquote.kg-blockquote-alt {
        font-size: 4.5rem;
    }
}
.kg-card.kg-header-card h2.kg-header-card-header {
    letter-spacing: -0.02em;
}
.kg-header-card h2.kg-header-card-header strong {
    letter-spacing: -0.015em;
}
.has-serif-title .kg-card.kg-header-card h2.kg-header-card-header {
    font-family: var(--font-serif);
    letter-spacing: -0.01em;
}
.has-serif-body .kg-header-card h3.kg-header-card-subheader {
    font-family: var(--font-serif);
}
.kg-canvas {
    display: grid;
    grid-template-columns: [full-start] minmax(4vw, auto) [wide-start] minmax(auto, 200px) [main-start] min(640px, calc(100% - 8vw)) [main-end] minmax(auto, 200px) [wide-end] minmax(4vw, auto) [full-end];
}
.kg-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-canvas .kg-width-content {
    grid-column: main-start/main-end;
}
.kg-canvas .kg-side-bar {
    bottom: 0;
    grid-column: wide-start/main-start;
    position: absolute;
    top: 0;
    width: 100%;
}
.kg-width-full img {
    width: 100%;
}
.kg-grid {
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: grid;
    row-gap: 24px;
}
.kg-grid-2col {
    grid-template-columns: 1fr 1fr;
}
.kg-grid-3col {
    grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 767px) {
    .kg-canvas .kg-side-bar {
        grid-column: main-start/main-end;
        margin-bottom: 2rem;
        position: relative;
    }
}
@media (max-width: 575px) {
    .kg-grid-2col {
        grid-template-columns: 1fr;
    }
    .kg-grid-3col {
        grid-template-columns: 1fr 1fr;
    }
}
.u-permalink {
    outline: none;
    position: absolute;
}
.u-placeholder {
    background-color: var(--input-background-color);
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.u-placeholder:before {
    content: "";
    display: block;
}
.u-placeholder.horizontal:before {
    padding-bottom: 50%;
}
.u-placeholder.rectangle:before {
    padding-bottom: 62.5%;
}
.u-placeholder.square:before {
    padding-bottom: 100%;
}
.u-object-fit {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}
.header-separator {
	top:-3px;
}

.wave-separator {
    position: relative;
    width: 100%;
    height:10px;
}
.wave-separator:after {
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="17 31 17 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;fill:rgba(211, 211, 211, 1);"><g transform="matrix(1,0,0,1,0.00216511,0)"><g transform="matrix(0.997444,0,0,1.0,-367.767,-282)"><path d="M402.739,321.467L402.787,321.467C407.047,321.467 407.047,317.467 411.307,317.467C415.567,317.467 415.567,321.467 419.827,321.467L419.827,287.378C415.567,287.378 415.567,283.378 411.307,283.378C407.064,283.378 407.047,287.347 402.837,287.378L402.787,287.378C400.724,287.378 399.66,286.44 398.627,285.472L398.427,285.285C397.395,284.317 396.331,283.378 394.267,283.378C392.204,283.378 391.14,284.317 390.107,285.285L389.907,285.472C388.875,286.44 387.811,287.378 385.747,287.378C381.487,287.378 381.487,283.378 377.227,283.378C372.967,283.378 372.967,287.378 368.707,287.378L368.707,321.467C372.967,321.467 372.967,317.467 377.227,317.467C381.47,317.467 381.487,321.436 385.697,321.467L385.747,321.467C390.007,321.467 390.007,317.467 394.267,317.467C396.331,317.467 397.395,318.406 398.427,319.374L398.627,319.561C399.651,320.521 400.707,321.453 402.739,321.467Z" style="fill:rgba(255, 255, 255, 0);fill-rule:nonzero;"/></g><g transform="matrix(0.997444,0,0,0.997444,-367.767,-281.657)"><path d="M402.738,321.467L402.688,321.467L402.639,321.466L402.59,321.464L402.542,321.463L402.494,321.461L402.447,321.458L402.4,321.456L402.353,321.453L402.307,321.449L402.261,321.446L402.215,321.442L402.17,321.437L402.125,321.433L402.08,321.428L402.036,321.422L401.979,321.415L401.937,321.409L401.895,321.403L401.854,321.397L401.813,321.39L401.773,321.383L401.735,321.376C401.68,321.366 401.625,321.355 401.572,321.343L401.531,321.334L401.491,321.325L401.451,321.315L401.412,321.306L401.373,321.295L401.334,321.285L401.295,321.274L401.257,321.263L401.219,321.252L401.181,321.241L401.144,321.229L401.091,321.212L401.056,321.2L401.021,321.188L400.986,321.176L400.951,321.163L400.917,321.15L400.883,321.137L400.849,321.124L400.815,321.111L400.784,321.098L400.745,321.082L400.715,321.069L400.681,321.054C400.662,321.046 400.642,321.037 400.623,321.028L400.615,321.025C400.597,321.016 400.578,321.008 400.56,320.999L400.55,320.994L400.49,320.965L400.466,320.953L400.449,320.944L400.428,320.934L400.402,320.92L400.384,320.911L400.366,320.902L400.339,320.887L400.32,320.877L400.305,320.869L400.276,320.852L400.245,320.835L400.196,320.807L400.185,320.801L400.134,320.771L400.127,320.766L400.069,320.73L400.013,320.696C399.974,320.67 399.935,320.645 399.896,320.619L399.842,320.582L399.787,320.544L399.733,320.505L399.679,320.466L399.625,320.426L399.572,320.385L399.52,320.345L399.503,320.332L399.468,320.303L399.449,320.289L399.416,320.262L399.396,320.245L399.365,320.22L399.342,320.202L399.314,320.178L399.29,320.158L399.263,320.135L399.237,320.113L399.213,320.092L399.185,320.068L399.163,320.049L399.133,320.023L399.113,320.006L399.064,319.962L399.014,319.918L399.006,319.911C398.978,319.885 398.95,319.86 398.923,319.835L398.917,319.83L398.859,319.777L398.82,319.74L398.725,319.653C398.692,319.622 398.66,319.592 398.627,319.561L398.427,319.374L398.329,319.282L398.23,319.19L398.195,319.157L398.13,319.099L398.044,319.021L398.009,318.989L397.979,318.962L397.928,318.918L397.907,318.899L397.877,318.873L397.855,318.855L397.826,318.829L397.804,318.81L397.774,318.785L397.752,318.766L397.722,318.742L397.7,318.723L397.67,318.698L397.647,318.68L397.617,318.655L397.594,318.637L397.563,318.613L397.54,318.595L397.51,318.571L397.486,318.553L397.455,318.529L397.432,318.512L397.401,318.488L397.377,318.471L397.345,318.447L397.322,318.43L397.289,318.407L397.266,318.39L397.233,318.367L397.209,318.351L397.176,318.328L397.152,318.312L397.118,318.289L397.095,318.274L397.059,318.251L397.036,318.236L396.999,318.213L396.977,318.199L396.917,318.163L396.857,318.127L396.796,318.092L396.734,318.057L396.671,318.024L396.607,317.991L396.543,317.959L396.488,317.933L396.479,317.929L396.423,317.903L396.414,317.898L396.357,317.873L396.348,317.869L396.291,317.845L396.262,317.833L396.228,317.819L396.193,317.806L396.158,317.792L396.123,317.779L396.088,317.766L396.052,317.753L396.016,317.741L395.98,317.728L395.943,317.716L395.907,317.704L395.87,317.693L395.833,317.682L395.795,317.671L395.757,317.66L395.719,317.649L395.681,317.639L395.642,317.629L395.603,317.619L395.564,317.61L395.525,317.601L395.485,317.592L395.445,317.583L395.405,317.575L395.364,317.567L395.323,317.559L395.282,317.552L395.241,317.545L395.199,317.538L395.156,317.531L395.114,317.525L395.071,317.519L395.028,317.513L394.984,317.508L394.964,317.506L394.92,317.501L394.875,317.496L394.831,317.492L394.786,317.488L394.74,317.485L394.695,317.481L394.648,317.478L394.602,317.476L394.555,317.474L394.508,317.472L394.461,317.47L394.413,317.469L394.365,317.468L394.316,317.467L394.267,317.467C390.007,317.467 390.007,321.467 385.747,321.467L385.697,321.467C385.354,321.465 385.039,321.436 384.747,321.385L384.747,321.467C384.747,322.02 385.195,322.467 385.747,322.467C388.21,322.467 389.46,321.352 390.692,320.196C391.59,319.352 392.47,318.467 394.267,318.467C396.065,318.467 396.944,319.352 397.843,320.196C399.074,321.352 400.324,322.467 402.787,322.467C403.339,322.467 403.787,322.02 403.787,321.467L403.787,321.385C403.481,321.438 403.15,321.467 402.787,321.467L402.738,321.467ZM394.218,283.378L394.267,283.378L394.317,283.378L394.366,283.379L394.415,283.38L394.464,283.381L394.512,283.383L394.56,283.385L394.607,283.387L394.654,283.39L394.701,283.393L394.747,283.396L394.793,283.4L394.839,283.404L394.884,283.408L394.929,283.413L394.974,283.418L395.018,283.423L395.062,283.429L395.105,283.435L395.149,283.441L395.192,283.448L395.234,283.455L395.276,283.462L395.329,283.471L395.369,283.479L395.409,283.487L395.449,283.495L395.488,283.503L395.527,283.512L395.566,283.521L395.603,283.53C395.629,283.537 395.655,283.543 395.681,283.55L395.72,283.561L395.759,283.571L395.797,283.582L395.835,283.593L395.873,283.605L395.91,283.617L395.948,283.628L395.984,283.641L396.021,283.653L396.057,283.666L396.094,283.679L396.129,283.692L396.165,283.706L396.2,283.719L396.235,283.733L396.27,283.747L396.291,283.756C396.31,283.764 396.329,283.772 396.348,283.78L396.357,283.784C396.376,283.793 396.395,283.801 396.414,283.809L396.423,283.814C396.442,283.822 396.461,283.831 396.479,283.84L396.488,283.844C396.506,283.852 396.525,283.861 396.543,283.87L396.547,283.872L396.61,283.903L396.671,283.935C396.713,283.957 396.755,283.98 396.796,284.003L396.855,284.037L396.914,284.072L396.973,284.107L397.031,284.144L397.088,284.181L397.145,284.218L397.158,284.227L397.201,284.256L397.216,284.266L397.257,284.295L397.273,284.306L397.312,284.334L397.329,284.347L397.366,284.374L397.386,284.388L397.42,284.414L397.441,284.429L397.474,284.454L397.496,284.471L397.527,284.495L397.551,284.514L397.58,284.537L397.605,284.557L397.632,284.578L397.658,284.6L397.683,284.621L397.712,284.644L397.735,284.663L397.765,284.688L397.786,284.706L397.817,284.732L397.837,284.749L397.869,284.777L397.887,284.793L397.921,284.822L397.937,284.837L397.987,284.881L398.037,284.925L398.044,284.932C398.073,284.958 398.102,284.984 398.13,285.01L398.135,285.014L398.227,285.098L398.233,285.104L398.33,285.194L398.427,285.285C398.427,285.285 398.627,285.472 398.627,285.472L398.725,285.564L398.824,285.656L398.86,285.688L398.924,285.747L399.01,285.825L399.045,285.857L399.075,285.883L399.126,285.928L399.147,285.946L399.177,285.972L399.199,285.991L399.228,286.017L399.25,286.035L399.28,286.06L399.302,286.079L399.332,286.104L399.355,286.123L399.385,286.147L399.407,286.166L399.437,286.19L399.46,286.208L399.491,286.233L399.514,286.251L399.544,286.275L399.568,286.293L399.599,286.316L399.622,286.334L399.653,286.358L399.677,286.375L399.709,286.398L399.732,286.415L399.765,286.439L399.788,286.455L399.821,286.478L399.845,286.495L399.878,286.518L399.902,286.534L399.936,286.556L399.96,286.572L399.995,286.595L400.018,286.609L400.055,286.633L400.077,286.646L400.137,286.683L400.197,286.719L400.258,286.754L400.32,286.788L400.383,286.822L400.447,286.854L400.511,286.886L400.566,286.913L400.575,286.917L400.631,286.943L400.64,286.947L400.697,286.972L400.706,286.976L400.763,287.001L400.792,287.012L400.826,287.026L400.861,287.04L400.896,287.053L400.931,287.067L400.966,287.08L401.002,287.093L401.038,287.105L401.074,287.117L401.111,287.129L401.147,287.141L401.184,287.153L401.221,287.164L401.259,287.175L401.297,287.186L401.335,287.196L401.373,287.206L401.412,287.217L401.451,287.226L401.49,287.236L401.529,287.245L401.569,287.254L401.609,287.262L401.649,287.271L401.69,287.279L401.731,287.286L401.772,287.294L401.814,287.301L401.855,287.308L401.898,287.314L401.94,287.32L401.983,287.326L402.026,287.332L402.07,287.337L402.09,287.34L402.134,287.345L402.179,287.349L402.223,287.353L402.269,287.357L402.314,287.361L402.36,287.364L402.406,287.367L402.452,287.37L402.499,287.372L402.546,287.374L402.593,287.375L402.641,287.377L402.689,287.378L402.738,287.378L402.787,287.378L402.837,287.378C403.179,287.376 403.493,287.347 403.784,287.297C403.742,286.783 403.312,286.378 402.787,286.378C400.99,286.378 400.11,285.493 399.212,284.649C397.98,283.493 396.73,282.378 394.267,282.378C391.804,282.378 390.554,283.493 389.323,284.649C388.424,285.493 387.545,286.378 385.747,286.378C385.222,286.378 384.792,286.783 384.75,287.297C385.055,287.35 385.386,287.378 385.747,287.378L385.796,287.378L385.845,287.378L385.893,287.377L385.941,287.375L385.988,287.374L386.035,287.372L386.082,287.37L386.128,287.367L386.175,287.364L386.22,287.361L386.266,287.357L386.311,287.353L386.355,287.349L386.4,287.345L386.444,287.34L386.487,287.335L386.531,287.329L386.551,287.326L386.594,287.32L386.636,287.314L386.679,287.308L386.721,287.301L386.762,287.294L386.803,287.286L386.844,287.279L386.885,287.271L386.925,287.262L386.965,287.254L387.005,287.245L387.044,287.236L387.083,287.226L387.122,287.217L387.161,287.206L387.199,287.196L387.237,287.186L387.275,287.175L387.313,287.164L387.35,287.153L387.387,287.141L387.423,287.129L387.46,287.117L387.496,287.105L387.532,287.093L387.568,287.08L387.603,287.067L387.638,287.053L387.673,287.04L387.708,287.026L387.742,287.012L387.771,287.001L387.828,286.976L387.837,286.972L387.894,286.947L387.903,286.943L387.959,286.917L387.968,286.913L388.023,286.886L388.087,286.854L388.151,286.822L388.214,286.788L388.276,286.754L388.337,286.719L388.397,286.683L388.457,286.646L388.479,286.633L388.516,286.609L388.539,286.595L388.575,286.572L388.598,286.556L388.632,286.534L388.656,286.518L388.689,286.495L388.713,286.478L388.746,286.455L388.769,286.439L388.802,286.415L388.825,286.398L388.857,286.375L388.881,286.358L388.912,286.334L388.935,286.316L388.966,286.293L388.99,286.275L389.02,286.251L389.043,286.233L389.074,286.208L389.097,286.19L389.127,286.166L389.15,286.147L389.18,286.123L389.202,286.104L389.232,286.079L389.254,286.06L389.284,286.035L389.306,286.017L389.335,285.991L389.357,285.972L389.387,285.946L389.408,285.928L389.459,285.883L389.51,285.838L389.524,285.825L389.61,285.747L389.675,285.688L389.71,285.656L389.809,285.564C389.908,285.471 390.008,285.378 390.107,285.285L390.207,285.191L390.301,285.104L390.399,285.014L390.404,285.01C390.432,284.984 390.461,284.958 390.49,284.932L390.51,284.913L390.547,284.881L390.597,284.837L390.647,284.793L390.697,284.749L390.717,284.732L390.748,284.706L390.77,284.688L390.799,284.663L390.822,284.644L390.851,284.621L390.876,284.6L390.902,284.578L390.929,284.557L390.955,284.537L390.983,284.514L391.007,284.495L391.038,284.471L391.06,284.454L391.093,284.429L391.114,284.414L391.149,284.388L391.168,284.374L391.205,284.347L391.222,284.334L391.261,284.306L391.277,284.295L391.319,284.266L391.333,284.256L391.376,284.227L391.389,284.218L391.435,284.188L391.446,284.181L391.494,284.15L391.503,284.144L391.554,284.112L391.561,284.107L391.614,284.075L391.62,284.072L391.679,284.037L391.738,284.003C391.779,283.98 391.821,283.957 391.863,283.935L391.924,283.903L391.988,283.872L391.991,283.87C392.009,283.861 392.028,283.852 392.046,283.844L392.055,283.84C392.073,283.831 392.092,283.822 392.111,283.814L392.12,283.809C392.139,283.801 392.158,283.793 392.177,283.784L392.186,283.78C392.205,283.772 392.224,283.764 392.243,283.756L392.282,283.74L392.316,283.726L392.35,283.713L392.385,283.7L392.419,283.687L392.454,283.674L392.489,283.662L392.524,283.649L392.56,283.637L392.596,283.625L392.632,283.614L392.668,283.603L392.705,283.592L392.742,283.581L392.779,283.57L392.816,283.56L392.853,283.55C392.879,283.543 392.905,283.537 392.931,283.53L392.971,283.521L393.011,283.511L393.051,283.502L393.092,283.494L393.133,283.485L393.174,283.477L393.216,283.469L393.258,283.462L393.3,283.455L393.343,283.448L393.385,283.441L393.429,283.435L393.472,283.429L393.516,283.423L393.56,283.418L393.605,283.413L393.65,283.408L393.695,283.404L393.741,283.4L393.787,283.396L393.833,283.393L393.88,283.39L393.937,283.387L393.983,283.384L394.03,283.383L394.076,283.381L394.124,283.38L394.171,283.379L394.218,283.378Z"/></g></g></svg>');
    background-repeat: repeat-x;
    background-size: contain;
    content: "";
    position: absolute;
    width: 100%;
    height: 80px;
    filter: brightness(0);
}
.post-expanded .wave-separator {
    margin-top: 6rem;
}
.post-expanded:last-child {
    margin-bottom: 0;
}
.post-expanded:last-child .wave-separator {
    display: none;
}
.home-template.with-full-cover:not(.portal-visible) .gh-portal-triggerbtn-iframe {
    opacity: 0;
    pointer-events: none;
}
.animate__animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: scale3d(0.7, 0.7, 0.7);
    }
    40% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 1;
        transform: scaleX(1);
    }
}
.animate__bounceIn {
    animation-duration: 0.3s;
    animation-name: bounceIn;
}
@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        transform: scale3d(0.7, 0.7, 0.7);
    }
    to {
        opacity: 0;
    }
}
.animate__zoomOut {
    animation-duration: 0.3s;
    animation-name: zoomOut;
}
/*# sourceMappingURL=screen.css.map */