@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');: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; /* stylelint-disable-line value-keyword-case */
    --font-serif: Georgia, serif; /* stylelint-disable-line value-keyword-case */
    --font-mono: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace; /* stylelint-disable-line value-keyword-case */
    --head-nav-gap: 2.8rem;
    --h1-size: 4.6rem;
    --gap: 3.6rem;
}@media (max-width: 767px) {
    :root {
        --h1-size: 3.2rem !important;
        --gap: 2rem;
    }
}/* Box sizing rules */*,
*::before,
*::after {
    box-sizing: border-box;
}/* Remove default margin */body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
    margin: 0;
}/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ul[role="list"],
ol[role="list"] {
    list-style: none;
}/* Set core root defaults */html:focus-within {
    scroll-behavior: smooth;
}/* Set core body defaults */body {
    min-height: 100vh;
    line-height: 1.5;
    text-rendering: optimizespeed;
}/* A elements that don't have a class get default styles */a:not([class]) {
    -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto;
}/* Make images easier to work with */img,
picture {
    display: block;
    max-width: 100%;
}/* Inherit fonts for inputs and buttons */input,
button,
textarea,
select {
    font: inherit;
}/* Remove all animations and transitions for people that prefer not to see them */@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}html {
    font-size: 62.5%;
}body {
    font-family: var(--font-sans);
    font-size: 1.6rem;
    line-height: 1.6;
    color: var(--color-primary-text);
    background-color: var(--color-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}img {
    height: auto;
}a {
    color: var(--color-darker-gray);
    text-decoration: none;
}a:hover {
    opacity: 0.8;
}h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.15;
    color: var(--color-darker-gray);
    letter-spacing: -0.02em;
}h1 {
    font-size: var(--h1-size);
}h2 {
    font-size: 2.8rem;
}h3 {
    font-size: 2.4rem;
}h4 {
    font-size: 2.2rem;
}h5 {
    font-size: 2rem;
}h6 {
    font-size: 1.8rem;
}hr {
    width: 100%;
    height: 1px;
    background-color: var(--color-light-gray);
    border: 0;
}blockquote:not([class]) {
    padding-left: 2rem;
    border-left: 4px solid var(--ghost-accent-color);
}figcaption {
    margin-top: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.4;
    color: var(--color-secondary-text);
    text-align: center;
}.kg-width-full figcaption {
    padding: 0 1.6rem;
}.gh-content figcaption a {
    color: var(--color-darker-gray);
    text-decoration: none;
}pre {
    padding: 1.6rem 2.4rem;
    overflow-x: scroll;
    hyphens: none;
    line-height: 1.5;
    white-space: pre;
    background-color: var(--color-lighter-gray);
    -webkit-overflow-scrolling: touch;
}code {
    font-family: var(--font-mono);
    font-size: 15px;
}:not(pre) > code {
    padding: 0.4rem;
    color: var(--ghost-accent-color);
    background-color: var(--color-lighter-gray);
    border-radius: 3px;
}iframe {
    display: block;
    width: 100%;
    overflow: hidden;
    border: 0;
}@media (max-width: 767px) {
    h2 {
        font-size: 2.4rem;
    }

    h3 {
        font-size: 2.1rem;
    }
}.gh-site {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}.gh-main {
    flex-grow: 1;
    padding-top: 8rem;
    padding-bottom: 8rem;
}.gh-outer {
    padding-right: var(--gap);
    padding-left: var(--gap);
}.gh-inner {
    max-width: var(--container-width, 1200px);
    margin: 0 auto;
}/* Canvas creates a multi-column, centered grid which the post
is laid out on top of. Canvas just defines the grid, we don't
use it for applying any other styles. */.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-width-wide,
.kg-content-wide > div {
    grid-column: wide;
}.kg-width-full {
    grid-column: full;
}.kg-width-full img {
    width: 100%;
}@media (max-width: 767px) {
    #gh-main {
        padding-top: 4.8rem;
        padding-bottom: 4.8rem;
    }
}.gh-head {
    height: 100px;
    background-color: var(--color-white);
}.gh-head-inner {
    display: grid;
    grid-template-columns: 1fr auto auto;
    grid-auto-flow: row dense;
    -moz-column-gap: var(--head-nav-gap);
         column-gap: var(--head-nav-gap);
    align-items: center;
    height: 100%;
}.gh-head-brand {
    line-height: 1;
}.gh-head-brand-wrapper {
    display: flex;
    align-items: center;
}.gh-head-logo {
    position: relative;
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    white-space: nowrap;
}.gh-head-logo img {
    max-height: 40px;
}.gh-head-logo img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}.gh-head-menu {
    display: flex;
    gap: var(--head-nav-gap);
    align-items: center;
}.gh-head .nav {
    display: inline-flex;
    gap: var(--head-nav-gap);
    align-items: center;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    list-style: none;
}.gh-head .nav-more-toggle {
    position: relative;
    margin: 0 -6px;
    font-size: inherit;
    text-transform: inherit;
}.gh-head .nav-more-toggle svg {
    width: 24px;
    height: 24px;
}.gh-head-actions {
    display: flex;
    gap: var(--head-nav-gap);
    align-items: center;
    justify-content: flex-end;
}.gh-head-members {
    display: flex;
    gap: 20px;
    align-items: center;
    white-space: nowrap;
}.gh-head-btn.gh-btn {
    font-size: inherit;
    font-weight: 600;
}.gh-head-btn:not(.gh-btn) {
    display: inline-flex;
    align-items: center;
    color: var(--ghost-accent-color);
}.gh-head-btn svg {
    width: 1.3em;
    height: 1.3em;
}.gh-search {
    margin-right: -6px;
    margin-left: -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;
    }
}/* Header variants
/* ---------------------------------------------------------- *//*
======================================================================
LOGO   Home About Collection Author Portal             Login Subscribe
======================================================================
*/.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-right: 64px;
        margin-left: 16px;
    }
}/*
======================================================================
Home About Collection            LOGO                  Login Subscribe
======================================================================
*/.is-head-middle-logo .gh-head-inner {
    grid-template-columns: 1fr auto 1fr;
}.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;
    }
}/*
======================================================================
Search                         LOGO                    Login Subscribe
                 Home About Collection Author Portal
======================================================================
*/.is-head-stacked .gh-head {
    position: relative;
    height: auto;
}.is-head-stacked .gh-head-inner {
    grid-template-columns: 1fr auto 1fr;
}.is-head-stacked .gh-head-brand {
    display: flex;
    grid-row-start: 1;
    grid-column-start: 2;
    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 {
        display: flex;
        align-items: center;
        height: 80px;
    }

    .is-head-stacked .gh-head-menu {
        grid-row-start: 2;
        grid-column: 1 / 4;
        justify-content: center;
        height: 56px;
        margin: 0 48px;
    }

    .is-head-stacked .gh-head-menu::before,
    .is-head-stacked .gh-head-menu::after {
        position: absolute;
        top: 80px;
        left: 0;
        width: 100%;
        height: 1px;
        content: "";
        background-color: var(--color-light-gray);
    }

    .is-head-stacked .gh-head-menu::after {
        top: 136px;
    }

    .is-head-stacked .gh-head-actions {
        grid-row-start: 1;
        grid-column: 1 / 4;
        justify-content: space-between;
    }
}/* Transparent header
/* ---------------------------------------------------------- */.is-head-transparent .gh-head {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 90;
    background-color: transparent;
}.is-head-transparent .gh-head-logo,
.is-head-transparent .gh-head-logo a,
.is-head-transparent .gh-head .nav > li a,
.is-head-transparent .gh-head-description,
.is-head-transparent .gh-search,
.is-head-transparent .gh-social,
.is-head-transparent .nav-more-toggle,
.is-head-transparent .gh-head-link {
    color: var(--color-white);
}.is-head-transparent .gh-burger::before,
.is-head-transparent .gh-burger::after {
    background-color: var(--color-white);
}.is-head-transparent .gh-head-btn {
    color: #15171a;
    background-color: #fff;
}.is-head-transparent .gh-head-menu::before,
.is-head-transparent .gh-head-menu::after {
    background-color: rgba(255, 255, 255, 0.2);
}.is-head-transparent #announcement-bar-root {
    position: absolute;
    right: 0;
    left: 0;
}.is-head-transparent #announcement-bar-root + :is(.site, .gh-site) .gh-head {
    margin-top: 48px;
}/* Dark header
/* ---------------------------------------------------------- */.is-head-dark:not(.is-head-transparent) .gh-head {
    background-color: var(--color-darker-gray);
}.is-head-dark:not(.is-head-transparent) .gh-head-logo,
.is-head-dark:not(.is-head-transparent) .gh-head-logo a,
.is-head-dark:not(.is-head-transparent) .gh-head .nav a,
.is-head-dark:not(.is-head-transparent) .gh-head-description,
.is-head-dark:not(.is-head-transparent) .gh-search,
.is-head-dark:not(.is-head-transparent) .gh-social,
.is-head-dark:not(.is-head-transparent) .nav-more-toggle,
.is-head-dark:not(.is-head-transparent) .gh-head-link {
    color: var(--color-white);
}.is-head-dark:not(.is-head-transparent) .gh-burger::before,
.is-head-dark:not(.is-head-transparent) .gh-burger::after {
    background-color: var(--color-white);
}.is-head-dark:not(.is-head-transparent) .gh-head-btn {
    color: #15171a;
    background-color: #fff;
}.is-head-dark:not(.is-head-transparent) .gh-head-menu::before,
.is-head-dark:not(.is-head-transparent) .gh-head-menu::after {
    background-color: rgba(255, 255, 255, 0.2);
}/* Brand header
/* ---------------------------------------------------------- */.is-head-brand:not(.is-head-transparent) .gh-head {
    background-color: var(--ghost-accent-color);
}.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-head .nav a,
.is-head-brand:not(.is-head-transparent) .gh-head-description,
.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,
.is-head-brand:not(.is-head-transparent) .gh-head-link {
    color: var(--color-white);
}.is-head-brand:not(.is-head-transparent) .gh-burger::before,
.is-head-brand:not(.is-head-transparent) .gh-burger::after {
    background-color: var(--color-white);
}.is-head-brand:not(.is-head-transparent) .gh-head-btn {
    color: #15171a;
    background-color: #fff;
}.is-head-brand:not(.is-head-transparent) .gh-head-menu::before,
.is-head-brand:not(.is-head-transparent) .gh-head-menu::after {
    background-color: rgba(255, 255, 255, 0.3);
}/* Dropdown menu
/* ---------------------------------------------------------- */.gh-dropdown {
    position: absolute;
    top: 100%;
    right: -16px;
    z-index: 90;
    width: 200px;
    padding: 12px 0;
    margin-top: 24px;
    text-align: left;
    visibility: hidden;
    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);
    opacity: 0;
    transition: opacity 0.3s, transform 0.2s;
    transform: translate3d(0, 6px, 0);
}.is-head-middle-logo .gh-dropdown {
    right: auto;
    left: -24px;
}.is-dropdown-mega .gh-dropdown {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    -moz-column-gap: 40px;
         column-gap: 40px;
    width: auto;
    padding: 20px 32px;
}.is-dropdown-open .gh-dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}.gh-dropdown li a {
    display: block;
    padding: 6px 20px;
    color: #15171a !important;
}.is-dropdown-mega .gh-dropdown li a {
    padding: 8px 0;
}/* Mobile menu
/* ---------------------------------------------------------- */.gh-burger {
    position: relative;
    display: none;
    width: 30px;
    height: 30px;
    padding: 0;
    margin-right: -3px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    background-color: transparent;
    border: 0;
}.gh-burger::before,
.gh-burger::after {
    position: absolute;
    left: 3px;
    width: 24px;
    height: 1px;
    content: "";
    background-color: var(--color-darker-gray);
    transition: all 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}.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;
    }

    #gh-head .gh-head-inner {
        grid-template-rows: auto 1fr auto;
        grid-template-columns: 1fr;
        gap: 48px;
    }

    #gh-head .gh-head-brand {
        display: grid;
        grid-template-columns: 1fr auto auto;
        grid-column-start: 1;
        align-items: center;
        height: 64px;
    }

    #gh-head .gh-head-logo {
        font-size: 2.2rem;
    }

    .gh-burger {
        display: block;
    }

    #gh-head .gh-head-menu,
    #gh-head .gh-head-actions {
        position: fixed;
        justify-content: center;
        visibility: hidden;
        opacity: 0;
    }

    #gh-head .gh-head-menu {
        transition: none;
        transform: translateY(0);
    }

    #gh-head .nav {
        gap: 20px;
        align-items: center;
        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 {
        width: 100%;
        font-size: 1.8rem;
        text-transform: none;
    }

    #gh-head .gh-head-btn:not(.gh-btn) {
        font-size: 2rem;
    }

    #gh-main {
        transition: opacity 0.4s;
    }

    .is-head-open #gh-head {
        position: fixed;
        inset: 0;
        z-index: 3999999;
        height: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .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.is-head-dark #gh-head,
    .is-head-open.is-head-dark #gh-head .gh-head-actions {
        background-color: var(--color-darker-gray);
    }

    .is-head-open #gh-head .gh-head-menu,
    .is-head-open #gh-head .gh-head-actions {
        position: static;
        visibility: visible;
        opacity: 1;
    }

    .is-head-open #gh-head .nav {
        display: flex;
        flex-direction: column;
    }

    .is-head-open #gh-head .nav li {
        opacity: 1;
        transition: transform 0.2s, opacity 0.2s;
        transform: translateY(0);
    }

    .is-head-open #gh-head .gh-head-actions {
        position: sticky;
        right: 0;
        bottom: 0;
        left: 0;
        display: inline-flex;
        flex-direction: column;
        gap: 12px;
        align-items: center;
        padding: var(--gap) 0 calc(var(--gap) + 8px);
        background-color: var(--color-white);
    }

    .is-head-open #gh-head :is(.gh-head-btn, .gh-head-link) {
        opacity: 1;
        transition: transform 0.4s, opacity 0.4s;
        transition-delay: 0.2s;
        transform: translateY(0);
    }

    .is-head-open #gh-head .gh-head-link {
        transition-delay: 0.4s;
    }

    .is-head-open #gh-main {
        opacity: 0;
    }
}.gh-cover {
    position: relative;
    min-height: var(--cover-height, 50vh);
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
}.gh-cover-image {
    position: absolute;
    inset: 0;
    z-index: -1;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
}.has-serif-title .gh-cover-title {
    font-family: var(--font-serif);
}.has-serif-body .gh-cover-description {
    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 {
    margin-top: 2rem;
    font-size: 2.1rem;
    line-height: 1.5;
    color: var(--color-secondary-text);
}.has-serif-body .gh-article-excerpt {
    font-family: var(--font-serif);
}.gh-article-image {
    grid-column: wide-start/wide-end;
    margin-top: 4rem;
}.gh-article-image img {
    width: 100%;
}@media (max-width: 767px) {
    .gh-article-excerpt {
        font-size: 1.9rem;
    }

    .gh-article-image {
        margin-top: 2.4rem;
    }
}/* Content refers to styling all page and post content that is
created within the Ghost editor. The main content handles
headings, text, images and lists. We deal with cards lower down. */.gh-content {
    margin-top: 4rem;
    font-size: var(--content-font-size, 1.8rem);
    letter-spacing: var(--content-letter-spacing, 0);
    word-break: break-word;
}/* Default vertical spacing */.gh-content > * + * {
    margin-top: calc(1.6em * var(--content-spacing-multiplier, 1));
    margin-bottom: 0;
}/* [id] represents all headings h1-h6, reset all margins */.gh-content > [id] {
    margin: 0;
}.gh-content > .kg-card + [id] {
    margin-top: calc(2em * var(--content-spacing-multiplier, 1)) !important;
}.has-serif-title .gh-content > [id] {
    font-family: var(--font-serif);
    letter-spacing: -0.01em;
}/* Add back a top margin to all headings, unless a heading
is the very first element in the post content */.gh-content > [id]:not(:first-child) {
    margin-top: calc(1.6em * var(--content-spacing-multiplier, 1));
}/* Add a small margin between a heading and anything after it */.gh-content > [id] + * {
    margin-top: calc(0.8em * var(--content-spacing-multiplier, 1));
}/* A larger margin before/after HRs and blockquotes */.gh-content > hr,
.gh-content > blockquote {
    position: relative;
    margin-top: calc(2.4em * var(--content-spacing-multiplier, 1));
}.gh-content > hr + *,
.gh-content > blockquote + * {
    margin-top: calc(2.4em * var(--content-spacing-multiplier, 1));
}/* Now the content typography styles */.gh-content h2 {
    font-size: 1.6em;
}.gh-content h3 {
    font-size: 1.4em;
}.gh-content a {
    color: var(--ghost-accent-color);
    text-decoration: underline;
    word-break: break-word;
}.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 > ul,
.gh-content .kg-toggle-card .kg-toggle-content > p {
    font-size: 0.95em;
}.has-serif-body .gh-content > blockquote,
.has-serif-body .gh-content > ol,
.has-serif-body .gh-content > ul,
.has-serif-body .gh-content > dl,
.has-serif-body .gh-content > p,
.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 > ul,
.has-serif-body .gh-content .kg-toggle-content > p {
    font-family: var(--font-serif);
}.gh-content ul,
.gh-content ol,
.gh-content dl {
    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) {
    display: inline-block;
    width: auto;
    max-width: 100%;
    overflow-x: auto;
    font-family: var(--font-sans);
    font-size: 1.6rem;
    white-space: nowrap;
    vertical-align: top;
    border-spacing: 0;
    border-collapse: collapse;
    -webkit-overflow-scrolling: touch;
    background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
    background-repeat: no-repeat;
    background-attachment: scroll, scroll;
    background-size: 10px 100%, 10px 100%;
}.gh-content table:not(.gist table) td:first-child {
    background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
    background-repeat: no-repeat;
    background-size: 20px 100%;
}.gh-content table:not(.gist table) td:last-child {
    background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 20px 100%;
}.gh-content table:not(.gist table) th {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--color-darkgrey);
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    background-color: var(--color-white);
}.gh-content table:not(.gist table) th,
.gh-content table:not(.gist table) td {
    padding: 6px 12px;
    border: 1px solid var(--color-light-gray);
}@media (max-width: 767px) {
    .gh-content {
        margin-top: 3.2rem;
        font-size: 1.7rem;
    }
}.gh-comments {
    margin-top: 64px;
    margin-bottom: -24px;
}.gh-comments-header {
    display: flex;
    align-items: center;
    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 {
    position: relative;
    grid-column: full-start / full-end;
    height: 160px;
    margin-top: -16rem;
    margin-bottom: 4rem;
    content: "";
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), var(--color-white));
}.gh-cta-gradient:first-child {
    display: none;
}.gh-cta {
    display: flex;
    flex-direction: column;
    margin-bottom: 4rem;
    text-align: center;
}.gh-cta-title {
    margin-bottom: 3.2rem;
    font-size: 2.2rem;
    letter-spacing: -0.02em;
}.gh-cta-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
}.gh-cta-link {
    margin-top: 0.8rem;
    font-size: 1.4rem;
    color: var(--color-secondary-text);
    text-decoration: none;
    cursor: pointer;
}.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;
    }
}/* Add extra margin before/after any cards,
except for when immediately preceeded by a heading */.gh-content :not(.kg-card):not(table):not([id]) + :is(.kg-card, table) {
    margin-top: calc(2em * var(--content-spacing-multiplier, 1));
}.gh-content :is(.kg-card, table) + :not(.kg-card):not(table):not([id]) {
    margin-top: calc(2em * var(--content-spacing-multiplier, 1));
}/* Image
/* ---------------------------------------------------------- */.kg-image {
    margin-right: auto;
    margin-left: auto;
}/* Embed
/* ---------------------------------------------------------- */.kg-embed-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}/* Gallery
/* ---------------------------------------------------------- */.kg-image[width][height],
.kg-gallery-image {
    cursor: pointer;
}.kg-image-card a:hover,
.kg-gallery-image a:hover {
    opacity: 1 !important;
}/* Toggle
/* ---------------------------------------------------------- */.kg-card.kg-toggle-card .kg-toggle-heading-text {
    font-size: 2rem;
    font-weight: 700;
}.has-serif-title .kg-toggle-card .kg-toggle-heading-text {
    font-family: var(--font-serif);
}/* Callout
/* ---------------------------------------------------------- */.kg-callout-card.kg-card {
    border-radius: 0.25em;
}.kg-callout-card-accent a {
    text-decoration: underline;
}/* Blockquote
/* ---------------------------------------------------------- */blockquote.kg-blockquote-alt {
    font-style: normal;
    font-weight: 400;
    color: var(--color-secondary-text);
}/* Button
/* ---------------------------------------------------------- */.kg-card.kg-button-card .kg-btn {
    font-size: 1em;
}/* Header
/* ---------------------------------------------------------- */.has-serif-title .kg-card.kg-header-card h2.kg-header-card-header {
    font-family: var(--font-serif);
}.has-serif-body .kg-header-card h3.kg-header-card-subheader {
    font-family: var(--font-serif);
}/* Bookmark
/* ---------------------------------------------------------- */.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 {
    max-height: none;
    margin-top: 0.3em;
    font-size: 0.8em;
}.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 {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    -moz-column-gap: 2.4rem;
         column-gap: 2.4rem;
    align-items: center;
}.gh-navigation > div {
    display: flex;
    align-items: center;
}.gh-navigation-next {
    justify-content: flex-end;
}.gh-navigation-link {
    display: inline-flex;
    align-items: center;
}.gh-navigation-link svg {
    width: 16px;
    height: 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 {
    display: inline-flex;
    gap: 0.4em;
    align-items: center;
    justify-content: center;
    padding: calc(0.75em * var(--multiplier, 1)) calc(1.15em * var(--multiplier, 1));
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    color: var(--color-white);
    letter-spacing: inherit;
    cursor: pointer;
    background-color: var(--color-darker-gray);
    border: 0;
    border-radius: 100px;
}.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 {
    color: var(--color-darker-gray);
    text-decoration: none;
    background-color: transparent;
    border: 1px solid var(--color-light-gray);
}.gh-outline-btn:hover {
    border-color: var(--color-mid-gray);
    opacity: 1;
}.gh-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    color: var(--darker-gray-color);
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: none;
}.gh-icon-btn svg {
    width: 20px;
    height: 20px;
}.gh-text-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    color: var(--darker-gray-color);
    letter-spacing: inherit;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: none;
    will-change: opacity;
}.gh-text-btn:hover {
    opacity: 0.8;
}.gh-foot {
    padding-top: 8rem;
    padding-bottom: 8rem;
    color: var(--color-secondary-text);
    white-space: nowrap;
}.gh-foot-inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 40px;
    font-size: 1.3rem;
}.no-menu .gh-foot-inner {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}.gh-foot-menu .nav {
    display: inline-flex;
    flex-wrap: wrap;
    row-gap: 4px;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
}.gh-foot-menu .nav li {
    display: flex;
    align-items: center;
}.gh-foot-menu .nav li + li::before {
    padding: 0 1.2rem;
    font-size: 0.9rem;
    line-height: 0;
    content: "•";
}.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-top: 6.4rem;
        padding-bottom: 12rem;
    }

    .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 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3999999;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    touch-action: none;
    outline: none;
    backface-visibility: hidden;
    -webkit-text-size-adjust: 100%;
}.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 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    opacity: 0;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: opacity;
}.pswp__scroll-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}.pswp__container,
.pswp__zoom-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    touch-action: none;
    backface-visibility: hidden;
}.pswp__container,
.pswp__img {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transform-origin: left top;
}.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    transition: none;
}.pswp__item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}.pswp__img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
}.pswp__img--placeholder {
    backface-visibility: hidden;
}.pswp__img--placeholder--blank {
    background: var(--color-black);
}.pswp--ie .pswp__img {
    top: 0;
    left: 0;
    width: 100% !important;
    height: auto !important;
}.pswp__error-msg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -8px;
    font-size: 14px;
    line-height: 16px;
    color: var(--color-secondary-text);
    text-align: center;
}.pswp__error-msg a {
    color: var(--color-secondary-text);
    text-decoration: underline;
}.pswp__button {
    position: relative;
    display: block;
    float: right;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    overflow: visible;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    background: none;
    border: 0;
    box-shadow: none;
    transition: opacity 0.2s;
}.pswp__button:focus,
.pswp__button:hover {
    opacity: 1;
}.pswp__button:active {
    outline: none;
    opacity: 0.9;
}.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0;
}.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
}.pswp__button,
.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
    width: 44px;
    height: 44px;
    background: url("../images/default-skin.png") 0 0 no-repeat;
    background-size: 264px 88px;
}@media (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left::before,
    .pswp--svg .pswp__button--arrow--right::before {
        background-image: url("../images/default-skin.svg");
    }

    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none;
    }
}.pswp__button--close {
    background-position: 0 -44px;
}.pswp__button--share {
    background-position: -44px -44px;
}.pswp__button--fs {
    display: none;
}.pswp--supports-fs .pswp__button--fs {
    display: block;
}.pswp--fs .pswp__button--fs {
    background-position: -44px 0;
}.pswp__button--zoom {
    display: none;
    background-position: -88px 0;
}.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 {
    position: absolute;
    top: 50%;
    width: 70px;
    height: 100px;
    margin-top: -50px;
    background: none;
}.pswp__button--arrow--left {
    left: 0;
}.pswp__button--arrow--right {
    right: 0;
}.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
    position: absolute;
    top: 35px;
    width: 32px;
    height: 30px;
    content: "";
}.pswp__button--arrow--left::before {
    left: 6px;
    background-position: -138px -44px;
}.pswp__button--arrow--right::before {
    right: 6px;
    background-position: -94px -44px;
}.pswp__counter {
    position: absolute;
    top: 0;
    left: 0;
    height: 44px;
    padding: 0 15px;
    font-size: 11px;
    font-weight: 700;
    line-height: 44px;
    color: var(--color-white);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}.pswp__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 44px;
}.pswp__caption__center {
    max-width: 420px;
    padding: 25px 15px 30px;
    margin: 0 auto;
    font-size: 11px;
    line-height: 1.6;
    color: var(--color-white);
    text-align: center;
}.pswp__caption__center .post-caption-title {
    margin-bottom: 7px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}.pswp__caption__center .post-caption-meta-item + .post-caption-meta-item::before {
    padding: 0 4px;
    content: "\02022";
}.pswp__caption--empty {
    display: none;
}.pswp__caption--fake {
    visibility: hidden;
}.pswp__preloader {
    position: absolute;
    top: 0;
    left: 50%;
    width: 44px;
    height: 44px;
    margin-left: -22px;
    opacity: 0;
    transition: opacity 0.25s ease-out;
    direction: ltr;
    will-change: opacity;
}.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px;
}.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 500ms linear infinite;
}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}.pswp--css_animation .pswp__preloader__icn {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 14px;
    height: 14px;
    margin: 0;
    background: none;
    opacity: 0.75;
}.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden;
}.pswp--css_animation .pswp__preloader__donut {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    margin: 0;
    background: none;
    border: 2px solid var(--color-white);
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
}@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        top: auto;
        left: auto;
        float: right;
        margin: 0;
    }
}@keyframes clockwise {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}@keyframes donut-rotate {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(-140deg);
    }

    100% {
        transform: rotate(0);
    }
}.pswp__ui {
    z-index: 1550;
    visibility: visible;
    opacity: 1;
    -webkit-font-smoothing: auto;
}.pswp__top-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
}.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    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__top-bar {
    opacity: 0;
}.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0;
}.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    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;
}html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}body {
    margin: 0;
}main {
    display: block;
}h1 {
    margin: 0.67em 0;
    font-size: 2em;
}hr {
    overflow: visible;
    box-sizing: content-box;
    height: 0;
}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 {
    font-family: monospace;
    font-size: 1em;
    color: var(--secondary-text-color);
}small {
    font-size: 80%;
}sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}sub {
    bottom: -0.25em;
}sup {
    top: -0.5em;
}img {
    border-style: none;
}button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
}button,
input {
    overflow: visible;
}button,
select {
    text-transform: none;
}button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}fieldset {
    padding: 0.35em 0.75em 0.625em;
}legend {
    display: table;
    box-sizing: border-box;
    padding: 0;
    max-width: 100%;
    color: inherit;
    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;
}template {
    display: none;
}[hidden] {
    display: none;
}:root {
    --brand-color: var(--ghost-accent-color, #437DDB);
    --brand-accent-color: #6DCAF2;
    --primary-text-color: hsla(214,70%,4%,0.82);
    --secondary-text-color: hsla(0,0%,2%,0.55);
    --white-color: #fff;
    --lighter-gray-color: hsla(0,0%,12%,0.04);
    --light-gray-color: hsla(0,0%,2%,0.1);
    --mid-gray-color: hsla(0,0%,0%,0.2);
    --dark-gray-color: hsla(0,0%,1%,0.74);
    --darker-gray-color: hsla(204,71%,1%,0.92);
    --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;
    --background-color: #ffffff;
    --background-elevated-color: var(--lighter-gray-color);
    --hero-background-color: var(--lighter-gray-color);
    --divider-color: rgb(0 0 0 / 5%);
    --muted-background-color: rgb(250 250 250 / 40%);

    /* --font-base: sans-serif; */
    --font-base: Figtree, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    --font-serif: Figtree, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    --navbar-height: 88px;
    --form-input-height: 50px;
    --border-separator: 2px solid var(--primary-text-color);
    --base-text-size: 2rem;
    --border-radius: 12px;
    --border-radius-tiny: 6px;
    --border-radius-large: 24px;
    --border-radius-roundest: 35px;
    --overlay-mask: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
}:root.has-light-text,
:root.dark-page,
:root[data-theme="dark"] {
    --primary-text-color: rgb(255 255 255 / 95%);
    --secondary-text-color: rgb(255 255 255 / 60%);
    --lighter-gray-color: rgb(255 255 255 / 5%);
    --light-gray-color: rgb(255 255 255 / 8%);
    --mid-gray-color: rgb(255 255 255 / 18%);
    --dark-gray-color: rgb(255 255 255 / 70%);
    --darker-gray-color: var(--primary-text-color);
    --divider-color: rgb(255 255 255 / 3%); 
    --background-color: #020B12;
    --background-elevated-color: #1e2227;
    --overlay-mask: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
    /* built-in Ghost color */
    --color-lighter-gray: rgb(255 255 255 / 5%);
    --color-light-gray: rgb(255 255 255 / 8%);
    --color-mid-gray: rgb(255 255 255 / 18%);
    --color-dark-gray: rgb(255 255 255 / 70%);
    --color-darker-gray: var(--primary-text-color);
}:root[data-theme="dark"] .logo-list img,
:root[data-theme="dark"] .gh-head-logo img,
:root[data-theme="dark"] .footer-left .logo-image {
    filter: invert(100%);
}:root.is-color-onyx {
    --background-color: #f2efef;
}:root[data-theme="dark"].is-color-onyx {
    --background-color: #070705;
}:root.is-color-rust {
    --background-color: #F0EFE6;
}:root[data-theme="dark"].is-color-rust {
    --background-color: #2B2B28;
}:root.is-color-fossil {
    --background-color: #E1DEDB;
}:root[data-theme="dark"].is-color-fossil {
    --background-color: #2B2C22;
}:root.is-color-mint {
    --background-color: #F1FEFB;
}:root[data-theme="dark"].is-color-mint {
    --background-color: #191A1A;
}:root.is-color-ember {
    --background-color: #FEF5F3;
}:root[data-theme="dark"].is-color-ember {
    --background-color: #0F0300;
}:root.is-color-ice {
    --background-color: #EBEBEF;
}:root[data-theme="dark"].is-color-ice {
    --background-color: #333333;
}:root.is-color-pure {
    --background-color: #FFFFFF;
}:root[data-theme="dark"].is-color-pure {
    --background-color: #000000;
}@media (max-width: 767px) {
    :root {
        --navbar-height: 70px;
    }
}html {
    box-sizing: border-box;
    font-size: 62.5%;
}*,
*::before,
*::after {
    box-sizing: inherit;
}body {
    color: var(--primary-text-color);
    font-family: var(--gh-font-body, var(--font-base));
    font-size: 1.6rem;
    line-height: 1.7;
    text-rendering: optimizeLegibility;
    background-color: var(--background-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-wrap: pretty;
}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(--darker-gray-color);
    text-decoration: none;
    transition: color 0.1s var(--animation-base);
}a:hover {
    opacity: 0.8;
}h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: var(--darker-gray-color);
    font-family: var(--gh-font-heading, var(--font-base));
    line-height: 1.3;
    font-weight: 700;
}p {
    margin: 0;
}img {
    display: block;
    max-width: 100%;
    height: auto;
}blockquote:not([class]) {
    margin-right: 0;
    margin-left: 0;
    padding: 0 2.6rem;
    border-left: 2px solid var(--brand-color);
    color: var(--primary-text-color);
    font-size: var(--base-text-size);
    line-height: 1.7;
    font-weight: 400;
    letter-spacing: -0.03rem;
}blockquote:not([class]) strong {
    font-weight: 400;
    color: var(--primary-text-color);
}ul,
ol {
    padding-left: 2rem;
}iframe,
embed {
    display: block;
    overflow: hidden;
    width: 100%;
    border: 0;
}figure {
    margin-right: 0;
    margin-left: 0;
}figcaption {
    margin-top: 1.5rem;
    color: var(--secondary-text-color);
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: center;
}figcaption a {
    color: var(--secondary-text-color) !important;
    font-weight: 400 !important;
}pre {
    overflow-x: scroll;
    padding: 1.6rem 2.2rem;
    font-size: 1.6rem !important;
    line-height: 1.5;
    background-color: var( --lighter-gray-color);
    border-radius: 8px !important;
    -webkit-overflow-scrolling: touch;
}hr {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    border: 0;
    border-top: 1px solid;
    height: 1px;
}table:not(.highlight) {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.5rem;
    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) th,
table:not(.highlight) td {
    padding: 1rem 1.5rem;
    line-height: 1.5;
}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;
        width: 100%;
        text-align: right;
    }

    .table td::before {
        content: attr(data-label);
        margin-right: 1rem;
        color: var(--secondary-text-color);
        white-space: nowrap;
    }
}.container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 5vw;
    padding-left: 5vw;
    max-width: calc(1130px + 10vw);
    width: 100%;
}.container.medium,
.container-medium {
    max-width: calc(750px + 10vw);
}.container-medium {
    margin-left: 0;
    padding-right: 10vw;
}.container.medium .container-medium {
    padding-right: 0;
}.section-grid {
    -moz-column-gap: 40px;
         column-gap: 40px;
    display: grid;
    grid-template-columns: calc(68% - 40px) 32%;
}.container.medium.section-grid  {
    grid-template-columns: 1fr;
}@media (max-width: 767px) {
    .container-medium {
        padding-right: 0;
    }

    .section-grid {
        grid-template-columns: 1fr
    }
}.button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: var(--form-input-height);
    outline: none;
    border: 1px solid var(--light-gray-color);
    color: var(--brand-color);
    font-family: var(--gh-font-body, var(--font-base));
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    background-color: var(--background-color);
    border-radius: var(--border-radius-tiny);
    cursor: pointer;
}.button:hover {
    opacity: .8 !important;
}.radius-rounded .button {
    border-radius: var(--border-radius-roundest);
}.button.button-primary {
    background-color: var(--brand-color);
    color: var(--white-color);
    text-decoration: none;
}.button-secondary {
    color: var(--darker-gray-color);
}.button-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 30px;
    height: 30px;
    outline: none;
    border: 0;
    color: var(--darker-gray-color);
    background-color: transparent;
    cursor: pointer;
}.button-icon:hover .icon {
    opacity: 0.8;
}.button-text {
    padding: 0;
    outline: none;
    border: 0;
    color: var(--darker-gray-color);
    line-height: inherit;
    background-color: transparent;
    cursor: pointer;
}.gh-btn {
    border-radius: 5px;
}.has-serif-title .button,
.has-serif-body .button-text {
    font-family: var(--font-serif);
}label {
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--darker-gray-color);
    margin-top: 3.2rem;
    margin-bottom: .8rem;
    font-family: var(--gh-font-body, var(--font-base));
}label + label {
    margin-top: 2rem;
}label input,
label textarea {
    margin-top: 0.7rem;
}input,
textarea {
    width: 100%;
    height: var(--form-input-height);
    padding: 0 1.5rem;
    font-size: var(--base-text-size);
    color: var(--darker-gray-color);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: var(--lighter-gray-color);
    border: 1px solid var(--light-gray-color);
    border-radius: 6px;
    outline: none;
    font-family: var(--font-base);
}input:focus,
textarea:focus {
    border-color: var(--mid-gray-color);
}textarea {
    height: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    resize: vertical;
}fieldset {
    border: 0;
    padding: 0;
    margin-bottom: 2.4rem;
}.has-serif-body input,
.has-serif-body textarea {
    font-family: var(--font-serif);
}.form-wrapper {
    position: relative;
    max-width: 480px;
}.form-button {
    position: absolute;
    top: 5px;
    right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 15px;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--white-color);
    cursor: pointer;
    background-color: var(--brand-color);
    border: 0;
    border-radius: 4px;
    outline: none;
}.form-button.with-icon {
    width: 40px;
    padding: 0;
    border-radius: 0 4px 4px 0;
}.form-wrapper .loader,
.form-wrapper .success {
    display: none;
}.form-wrapper .loader .icon {
    width: 28px;
    height: 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 {
    display: flex;
    align-items: center;
}.contact-form {
    margin-top: 3rem;
}.contact-form .button {
    margin-top: 1.5rem;
}.icon {
    width: 20px;
    height: 20px;
    fill: currentColor;
}.icon-loading {
    width: 26px;
    height: 26px;
}.site {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}.site-content {
    flex-grow: 1;
 
}.is-head-brand .site-content {
    padding-top: max(8vmin, 5rem);
}#gh-head {
    background-color: var(--background-color);
    height: var(--navbar-height);
}.gh-outer {
    padding-left: 0;
    padding-right: 0;
}.is-head-left-logo .gh-head-inner {
    grid-template-columns: auto 1fr auto;
}.is-head-middle-logo .gh-head-inner {
    grid-template-columns: 1fr auto 1fr;
}.gh-head-logo {
    font-size: 2.2rem;
    font-weight: 800;
    /* min-width: 32px; */
}.gh-head-menu,
.gh-head-actions {
    font-size: 1.5rem;
    font-weight: 700;
}/* new nav */.gh-head .nav-new li {
    position: relative;
}.gh-head .nav-new li a {
    padding: 1.6rem 0;
}.gh-head .nav-new, .nav-footer {
    align-items: center;
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding: 8px 20px;
    white-space: nowrap;
    gap: 2.4rem;
}.gh-head .nav-new li::after {
    background: var(--brand-color);
    bottom: -.2rem;
    content: "";
    display: block;
    height: .2rem;
    left: 0;
    position: absolute;
    transition: width .25s ease 0s,left .25s ease 0s;
    width: 0;
}.gh-head .nav-new li:hover::after {
    left: 0;
    width: 100%;
}.gh-head .nav-new > li:hover > a {
    color: var(--brand-color);
}.gh-head .nav-new li.nav-current::after {
    
    bottom: -.2rem;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    transition: width .25s ease 0s,left .25s ease 0s;
    width: 1.6rem;
    border-radius: 1rem;
}.gh-head .nav-new li.nav-current a {
    color: var(--brand-color);
}.gh-head .nav-new .dropdown li a {
    color: var(--primary-text-color);
}/* dropdown */.gh-head-menu .dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    background: var(--background-elevated-color);
    box-shadow: 0 0 0 1px var(--lighter-gray-color), 0 4px 8px var(--light-gray-color);
    padding: 1.2rem 1.6rem;
    border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);
    list-style: none;
    z-index: 1;
}:root[data-theme="dark"] .gh-head-menu .dropdown {
    box-shadow: none;
    border: 1px solid var(--lighter-gray-color);
}.gh-head-menu .dropdown li {
    padding: .4rem 0;
}.gh-head-menu li.has-dropdown:hover .dropdown {
    display: block;
    /* position: sticky; */
    /* top: 0; */
}.caret-down {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    transition: transform 0.3s ease;
}.caret-down.rotate {
    transform: rotate(180deg);
}.gh-dropdown {
    border-radius: var(--border-radius) 0 var(--border-radius) var(--border-radius);
    margin-right: 32px;
    width: unset;
    padding: 1.2rem 1.6rem;
    margin-top: .4rem;
    background-color: var(--background-elevated-color);
}.gh-dropdown li a {
    color: var(--primary-text-color) !important;
}.gh-dropdown .dropdown {
    border: none !important;
}.gh-head .nav-new .gh-dropdown li a {
    padding: .8rem 0;
}.gh-head .nav-new .gh-dropdown .dropdown {
    position: relative;
    display: flex;
    flex-direction: column;
    box-shadow: none;
    padding: 0 0 0 1.2rem;

}.gh-head .nav-new .gh-dropdown .dropdown li.nav-current::after,
.gh-head .nav-new .gh-dropdown li.nav-current::after,
.gh-head .nav-new .gh-dropdown li:hover::after,
.gh-head .nav-new .gh-dropdown li.has-dropdown .icon {
    display: none;
}.gh-head .nav-new .gh-dropdown .dropdown li a {
    padding: .2rem 0
}.gh-head .nav-new .gh-dropdown > li:hover > a {
    color: var(--brand-color) !important;
}.header-social-item .icon {
    height: 20px;
    width: 20px;
}/* theme toggle */.gh-theme-toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    scale: .75;
}.theme-toggle-icon {
    position: relative;
    width: 24px;
    height: 24px;
}.moon-or-sun {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--primary-text-color);
    background: var(--primary-text-color);
    transform: scale(1);
    transition: all 0.45s ease;
    overflow: hidden;
    opacity: .8;
}.moon-or-sun::before {
    content: "";
    position: absolute;
    right: -9px;
    top: -9px;
    height: 24px;
    width: 24px;
    border: 2px solid var(--secondary-text-color);
    border-radius: 50%;
    transform: translate(0, 0);
    opacity: 1;
    transition: transform 0.45s ease;
}.moon-or-sun::after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: -4px 0 0 -4px;
    position: absolute;
    top: 50%;
    left: 50%;
    box-shadow: 0 -23px 0 var(--secondary-text-color),
        0 23px 0 var(--secondary-text-color),
        23px 0 0 var(--secondary-text-color),
        -23px 0 0 var(--secondary-text-color),
        15px 15px 0 var(--secondary-text-color),
        -15px 15px 0 var(--secondary-text-color),
        15px -15px 0 var(--secondary-text-color),
        -15px -15px 0 var(--secondary-text-color);
    transform: scale(0);
    transition: all 0.35s ease;
}.moon-mask {
    position: absolute;
    right: -9px;
    top: -8px;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    border: 0;
    background: var(--background-color);
    transform: translate(0, 0);
    opacity: 1;
    transition: background 0.25s ease, transform 0.45s ease;
}/* Dark theme styles */[data-theme="dark"] .moon-or-sun {
    transform: scale(0.55);
    overflow: visible;
}[data-theme="dark"] .moon-or-sun::before {
    transform: translate(14px, -14px);
    opacity: 0;
}[data-theme="dark"] .moon-or-sun::after {
    transform: scale(1);
}[data-theme="dark"] .moon-mask {
    transform: translate(14px, -14px);
    opacity: 0;
}/* end of new nav */.has-serif-body .gh-head-menu .nav li,
.has-serif-body .gh-head-link,
.has-serif-body .gh-head-btn {
    font-family: var(--font-serif);
}@media (min-width: 992px) {
    .is-head-left-logo .gh-head-menu {
        justify-content: start;
        margin: 0;
    }
}@media (max-width: 767px) {
    .gh-head .nav-new {
        flex-direction: column;
        display: flex;
        width: 100%;
        align-items: flex-start;
        gap: 1.6rem;
        padding: 0;
    }
    .is-head-open #gh-head .gh-head-actions {
        width: 100%;
        border-radius: 0;
        background-color: transparent;
        padding-top: 3.2rem;
    }
    .is-head-open #gh-head .gh-head-actions:before {
        background: linear-gradient(to bottom, hsl(from var(--background-color) h s l / 0) 0, hsl(from var(--background-color) h s l / .5) 10%, hsl(from var(--background-color) h s l / 1) 35%, hsl(from var(--background-color) h s l / 1) 100%);
        content: "";
        height: 100%;
        left: -1.6rem;
        position: absolute;
        right: -1.6rem;
        top: 0;
        z-index: -1;
    }
    #gh-head .gh-theme-toggle {
        opacity: 0;
    }
    .is-head-open #gh-head .gh-theme-toggle {
        transition: all .4s;
        transition-delay: 0.1s;
        opacity: 1;
    } 
    .gh-head .nav-new li {
        font-size: 2.2rem;
        width: 100%;
        padding: 0;
        transition-delay: 0s !important;
    }
    .gh-head-brand .gh-search {
        margin-right: 1.6rem;
    }
    .gh-head-menu .dropdown {
        display: flex;
        flex-direction: column;
        gap: .8rem;
        position: relative;
        box-shadow: none;
        padding: 0 0 0 2.4rem;
    }
 
    .gh-head .nav-new li.nav-current:after,
    .gh-head-menu .caret-down {
        display: none;
    }
    .gh-head-btn:not(.gh-btn) {
        display: flex;
        
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0 20px;
        height: var(--form-input-height);
        outline: none;
        border: 1px solid var(--light-gray-color);
        background-color: var(--brand-color);
        color: var(--background-color);
        text-decoration: none;
        font-family: var(--font-base);
        font-size: 1.8rem;
        font-weight: 700;
        letter-spacing: 0.5px;
        border-radius: var(--form-border-radius-rounded);
        cursor: pointer;
    }
    .is-head-open:not(.is-head-brand):not(.is-head-dark):not(.is-head-transparent) #gh-head {
        background-color: var(--background-color);
    }
    :root[data-theme=dark] .gh-head-menu .dropdown {
        background-color: var(--background-color);
        border: none;
    }
}.hero-wrapper {
    margin-bottom: 4vmin;
}.hero-grid {
    display: grid;
    grid-column-gap: 48px;
    background-color: var(--hero-background-color);
    align-items: center;
    grid-auto-flow: row dense;
    grid-template-columns: 1fr 1fr;
}/* image on top */.is-hero-image-top.hero-grid {
    grid-template-columns: 1fr;
}.is-hero-image-top .hero-content {
    padding: 24px 80px 80px;
}/* image right */.is-hero-image-right .hero-image {
    grid-column-start: 2;
}.is-hero-image-right .hero-content {
    grid-column-start: 1;
    padding: 48px 0 80px 80px;
}/* image right minimal */.is-hero-image-right-minimal,
.is-hero-image-left-minimal {
    background-color: transparent;
}.is-hero-image-right-minimal .hero-image,
.is-hero-image-left-minimal .hero-image {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: auto;
    position: relative;
}.is-hero-image-right-minimal .hero-image {
    grid-column-start: 2;
    margin: 0 0 0 12.6rem;
}.is-hero-image-left-minimal .hero-image {
    margin: 0 8rem 0 0;

}.is-hero-image-right-minimal .hero-image::before,
.is-hero-image-left-minimal .hero-image::before {
    content: "";
    display: block;
    padding-top: 178%; /* 16/9 aspect ratio */
}.is-hero-image-right-minimal .hero-image img,
.is-hero-image-left-minimal .hero-image img {
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}.radius-rounded.is-hero-image-right-minimal .hero-image img,
.radius-rounded.is-hero-image-left-minimal .hero-image img {
    border-radius: var(--border-radius-large);
}.is-hero-image-right-minimal .hero-content {
    grid-column-start: 1;
    padding: 0;
}/* image circle */.is-hero-image-circle-top.hero-grid {
    grid-template-columns: 1fr;
    background-color: transparent;
    max-width: 720px;
    padding-bottom: 8px;
}.is-hero-image-circle-top .hero-image {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    overflow: hidden;
}.is-hero-image-circle-top .hero-content {
    padding: 0;
}.hero-image {
    align-self: stretch;
    margin-bottom: 0;
    margin-top: 0;
}.hero-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}.tag-hash-full-image .hero-image img {
    -o-object-fit: contain;
       object-fit: contain;
}.hero-content {
    padding: 48px 80px 80px 0;
}.hero-content p{
    margin-top: 16px;
}.has-serif-body .hero-content {
    font-family: var(--font-serif);
}/* subscription box sidebar */.subscription-sidebar {
    position: relative;
}.sidebar-wrapper {
    position: sticky;
    top: 24px;
}.sidebar-subs-box-wrapper {
    padding: 24px 20px;
    border-radius: 8px;
    background-color: var(--hero-background-color);
}.container.medium .sidebar-subs-box-wrapper {
    padding: 40px 56px;
}.container.medium .sidebar-subs-box-wrapper .form-wrapper {
    max-width: 100%;
}.sidebar-subs-box-wrapper .form-button {
    position: relative;
    width: 100%;
    right: 0;
    height: var(--form-input-height);
    margin-top: 8px;
}.hero-content .gh-content > p {
    font-size: 2rem;
    line-height: 1.5;
}/* style from  internal tag */.tag-hash-frame .hero-grid:not(.is-hero-image-circle-top) {
    border: 6px solid var(--brand-color);
}.tag-hash-shadow .hero-grid:not(.is-hero-image-circle-top) {
    box-shadow: 0 54px 80px rgba(0,0,0,.07), 0 19.7109px 29.2013px rgba(0,0,0,.0482987), 0 9.56927px 14.1767px rgba(0,0,0,.0389404), 0 4.69103px 6.94968px rgba(0,0,0,.0310596), 0 1.85484px 2.74791px rgba(0,0,0,.0217013), 0 0 0 1px var(--light-gray-color);
}@media (max-width: 767px) {
    .cover-description {
        font-size: 2.7rem;
    }
    .hero-grid {
        grid-gap: 8px;
        grid-template-columns: 1fr;
    }

    .is-hero-image-right .hero-image,
    .is-hero-image-right-minimal .hero-image {
        grid-column-start: 1 !important;
    }

    .is-hero-image-right-minimal .hero-content,
    .is-hero-image-left-minimal .hero-content {
       padding: 0;
    }
    .is-hero-image-right-minimal .hero-image,
    .is-hero-image-left-minimal .hero-image {
        margin: 0;
    }
    .is-hero-image-right-minimal .hero-image::before,
    .is-hero-image-left-minimal .hero-image::before {
        padding-top: 100%;
    }

    .hero-content,
    .is-hero-image-top .hero-content,
    .is-hero-image-right .hero-content {
        padding: .8rem 2.4rem 4rem 2.4rem;
    }
    .hero-content .gh-content > p {
        font-size: 1.8rem;
        line-height: 1.5;
    }
}@media (max-width: 991px) {
    .menu-opened .cover {
        margin-top: 0;
    }
}.site-footer {
    padding-top: 6rem;
    padding-bottom: 6rem;
    background-color: var(--hero-background-color);
}.footer-inner-main {
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 1.5rem 0 4rem;
    align-items: flex-start;
}.footer-left {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}.footer-left .logo-image {
    max-height: 40px;
}.copyright {
    font-size: 1.2rem;
}.footer-right .menu-item {
    display: flex;
    align-items: center;
    margin: 0;
    color: var(--primary-text-color);
    font-size: 1.6rem;
    font-weight: 400;
    padding: .4rem;
}.footer-desc {
    font-size: 1.6rem;
    margin: 2rem 0;
    line-height: 1.4;
    max-width: 40rem;
    color: var(--primary-text-color);
}.footer-right {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
}.social {
    display: flex;
    align-items: center;
}.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 {
    width: 22px;
    height: 22px;
    fill: currentColor;
}.social-item-rss .icon {
    width: 22px;
    height: 22px;
}.footer-copyright {
    padding-top: 3rem;
    border-top: solid 2px var(--divider-color);
    color: var(--secondary-text-color);
    font-size: 1.4rem;
}.footer-right .nav {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-height: 180px;
    flex-wrap: wrap;
}.footer-right .nav li {
    list-style-type: none;
    padding: 4px 0;
    padding-left: 32px;
}.has-serif-body .footer-copyright,
.has-serif-body .footer-desc,
.has-serif-body .footer-right .nav li {
    font-family: var(--font-serif);
}@media (max-width: 767px) {
    .footer-inner-main {
        grid-template-columns: 1fr;
        padding-top: 3rem;
    }

    .footer-left {
        margin-bottom: 3rem;
    }

    .footer-right {
        align-items: start;
    }
    .footer-right .nav {
        align-items: start;
    }
    .footer-right ul.nav {
        padding-left: 0;
    }

    .footer-right .nav li {
        padding-left: 0;
        padding-right: 40px;
    }
}.burger {
    position: relative;
    display: none;
    margin-right: -7px;
    margin-left: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}.burger-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
}.burger-bar::before {
    content: "";
    position: absolute;
    left: 7px;
    width: 16px;
    height: 2px;
    background-color: var(--darker-gray-color);
    transition: transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
}.with-full-cover .burger-bar::before,
.with-alt-header .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 {
    transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    transform: none;
}@media (max-width: 991px) {
    .burger {
        display: block;
    }
}.feed-header {
    margin-top: 6.4rem;
    margin-bottom: 4rem;
}.feed-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 1rem;
}.feed-header-title {
    margin-bottom: 0;
    font-size: clamp(3.2rem, 5vw, 4.8rem);
    letter-spacing: -0.1rem;
    max-width: 700px;
    padding-right: 100px;
    line-height: 1.1;
}.feed-header-title.title-small {
    font-size: clamp(2.4rem, 2.3vw, 3.2rem);
    line-height: 1.33;
}.feed-header-title.small {
    font-size: 1.4rem;
    text-align: center;
    max-width: 100%;
    padding-right: 0;
    color: var(--secondary-text-color);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
}.hero-board .feed-header {
    margin-bottom: 3.2rem;
    margin-top: 6.4rem;
}.feed-header-title span {
    color: var(--secondary-text-color);
}.has-serif-title .feed-header-title {
    font-family: var(--font-serif);
}.post-feed {
    margin-top: -1.5rem;
}.post-feed.expanded {
    margin-top: -2.5rem;
}.post-feed.text-only {
    margin-top: -3rem;
}.feed {
    position: relative;
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    padding: 2rem 0;
    line-height: 1;
}.feed:hover .feed-title {
    opacity: 0.8;
}.feed:hover .feed-right {
    margin-right: 1.6rem;
}.post-feed.expanded .feed:hover .feed-right {
    margin-right: 0;
}.feed:hover .feed-icon {
    transform: translateX(0.4rem);
}.feed + .feed {
    border-top: 1px solid var(--divider-color);
}.post-feed > .feed + .feed.feed-paged {
    margin-top: 3rem;
    border-top: 0;
}.post-feed.expanded .feed {
    align-items: flex-start;
    padding: 3rem 0;
}.post-feed.expanded:not(.text-only) .feed {
    padding: 2.5rem 0;
    border-top: 0;
}.post-feed.right-thumbnail .feed {
    flex-direction: row-reverse;
}.feed-calendar {
    display: flex;
    margin-right: 1.5rem;
    color: var(--brand-color);
    font-size: 1.1rem;
    line-height: 1.5;
    font-weight: 800;
    white-space: nowrap;
    padding: 5px 0;
}.post-feed.expanded .feed-calendar {
    display: none;
    /* order: 3;
    padding: 0; */
}.feed-calendar-month {
    margin-right: 1rem;
    text-transform: uppercase;
}.feed-image {
    flex-shrink: 0;
    margin-right: 2.5rem;
    width: 160px;
}.feed-featured-image {
    background-color: var(--lighter-gray-color);
}.post-feed.right-thumbnail .feed-image {
    margin-right: 0;
    margin-left: 2.5rem;
}.post-feed:not(.expanded) .feed-image {
    display: none;
}.feed-wrapper {
    flex-grow: 1;
    display: flex;
    overflow: hidden;
}.post-feed.expanded .feed-wrapper {
    flex-direction: column;
}.post-feed.expanded:not(.text-only) .feed-wrapper {
    margin-top: -2px;
}.feed-title {
    flex-grow: 1;
    overflow: hidden;
    margin-bottom: 0;
    padding-right: 1rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
}.post-feed.expanded .feed-title {
    font-size: 1.8rem;
    font-weight: 700;
    white-space: normal;
}.feed-excerpt {
    margin-top: 1rem;
    line-height: 1.5;
    color: var(--secondary-text-color);
}.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 {
    display: flex;
    align-items: center;
    color: var(--secondary-text-color);
    font-size: 1.4rem;
    transition: margin-right 0.2s var(--animation-base);
}.post-feed.expanded .feed-right {
    margin-top: 1.5rem;
}.post-feed:not(.expanded) .feed-date {
    display: none;
}.feed-visibility {
    margin-right: 1rem;
    line-height: 0;
    align-items: center;
    display: flex;
    text-transform: capitalize;
}.post-feed.expanded .feed-visibility {
    order: 1;
    margin-left: 1rem;
}.feed-visibility-public {
    display: none;
}.feed-visibility .icon {
    width: 20px;
    height: 20px;
    color: var(--orange-color);
    padding-right: 4px;
}.feed-length {
    white-space: nowrap;
}.post-feed.expanded .feed-length {
    display: flex;
    align-items: center;
}.post-feed.expanded .feed-length::before {
    content: "\02022";
    padding: 0 0.7rem;
    font-size: 1rem;
    line-height: 1;
}.feed-icon {
    position: absolute;
    right: 0;
    color: var(--secondary-text-color);
    line-height: 0;
    transition: transform 0.2s var(--animation-base);
    transform: translateX(2rem);
}.post-feed.expanded .feed-icon {
    display: none;
}.feed-icon .icon {
    width: 16px;
    height: 16px;
}.feed-group::after {
    content: "";
    display: block;
    height: 4.5vmin;
}.feed-month {
    position: sticky;
    top: 0;
    z-index: 30;
    margin: 0 -1.5rem;
    padding: 1rem 1.5rem;
    width: inherit;
    color: var(--darker-gray-color);
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(3px);
}.feed-group:first-child .feed-month {
    display: none;
}/* feed section */.feed-section {
    display: grid;
    grid-template-columns: calc(68% - 40px) 32%;
    -moz-column-gap: 40px;
         column-gap: 40px;
}.container.medium .feed-section {
    grid-template-columns: 1fr;
}@media (max-width: 767px) {
    .feed-section {
        grid-template-columns: 1fr;
    }
    .hero-board .feed-header {
        margin-top: 6.4rem;
    }
    .feed-header {
        margin-top: 2.4rem;
    }
    .featured-feed-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}@media (max-width: 575px) {

    .feed-image {
        width: 120px;
    }

    .feed-length {
        display: none;
    }
    .post-feed.expanded .feed-title {
        font-size: 1.8rem;
    }
}.featured-container {
    overflow: hidden;
}.featured-wrapper {
    margin-top: 3rem;
    padding-top: 4.8rem;
    padding-bottom: 4.8rem;
}.featured-container .featured-wrapper.container {
    padding-left: 5%;
    max-width: 100%;
}.featured-wrapper .post {
    position: relative;
}.featured-wrapper .u-placeholder {
    margin-bottom: 2rem;
}.featured-wrapper .post-title {
    margin-bottom: 0;
    font-size: 1.8rem; 
    font-weight: 700;
    line-height: 1.6;
}.has-serif-title .featured-wrapper .post-title {
    font-family: var(--font-serif);
}.featured-title {
    margin-bottom: 4.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--light-gray-color);
    font-size: 1.5rem;
    letter-spacing: 0.05rem;
    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;
}.featured-feed-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -moz-column-gap: 4rem;
         column-gap: 4rem;
    row-gap: 2.4rem;
    margin-top: 2.4rem;
}.featured-feed-grid .featured-feed-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    position: relative;
}.featured-feed-grid .featured-feed-item:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 1rem;
    right: -2rem;
    width: 1px;
    height: calc(100% - 2rem);
    background-color: var(--light-gray-color);
}.featured-feed-grid .featured-feed-item .feed-featured-image {
    min-width: 6.4rem;
    width: 6.4rem;
    height: auto;
    margin-bottom: 0;
}.featured-feed-grid .featured-feed-item .feed-excerpt {
    display: none;
}.featured-feed-grid .featured-feed-item .post-title {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
}@media (max-width: 1023px) {
    .featured-feed-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}@media (max-width: 767px) {
    .feed-section {margin-top: 2.4rem;
    }
    .featured-feed-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}.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;
    justify-content: center;
    margin-bottom: 6rem;
}.single-header {
    margin-bottom: 2rem;
    text-align: center;
}.single-header-narrow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 48px;
    align-items: center;
    border-bottom: var(--border-separator);
    padding-bottom: 8rem;
    margin-bottom: 4rem;
}.single-meta {
    margin-bottom: 2rem;
    color: var(--secondary-text-color);
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}.single-visibility {
    align-items: center;
    display: flex;
}.single-visibility .icon {
    height: 16px;
    width: 16px;
    margin-right: 8px;
}.single-meta-item + .single-meta-item::before {
    content: "\02022";
    padding: 0 0.3rem;
    font-family: serif;
}.single-title {
    margin-bottom: 0;
    font-size: 5rem;
    line-height: 1.25;
    letter-spacing: -0.1rem;
    text-align: left;
}.has-serif-title .single-title {
    font-family: var(--font-serif);
}.single-excerpt {
    margin-top: 2rem;
    font-size: 3rem;
    color: var(--dark-gray-color);
    line-height: 1.2;
    text-align: left;
}.has-serif-body .single-excerpt {
    font-family: var(--font-serif);
}.single-media {
    margin-top: 4.5rem;
    margin-bottom: 0;
}.radius-rounded .single-media:not(.kg-width-full) img {
    border-radius: var(--border-radius);
    overflow: hidden;
}.single-media.kg-width-narrow {
    margin-top: 0;
}.single-media img {
    width: 100%;
}.media-top {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 2rem;
}.media-top .single-media {
    margin-top: 0;
    margin-bottom: 4rem;
}.media-top figcaption {
    display: none;
}.media-top .single-meta {
    justify-content: center;
}.media-top .single-footer-top {
    align-items: center;
    align-self: center;
}.post-text-wrapper {
    display: flex;
    flex-direction: column;
}.media-top .single-title,
.media-top .single-excerpt {
    text-align: center;
}.custom-page {
    margin-bottom: 0;
}.single-page-header {
    display: flex;
    align-items: center;
    flex-direction: column;
}.single-page-header .single-title,
.single-page-header .single-excerpt {
    text-align: center;
}.single-cta {
    margin-top: 4rem !important;
    padding: 3rem 6rem 4rem;
    text-align: center;
    background-color: var( --hero-background-color);
    border-radius: 5px;
}.single-cta-title {
    margin: 0 0 1.6rem;
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 700;
}.has-serif-title .single-cta-title {
    font-family: var(--font-serif);
}.single-cta-desc {
    margin: -.8rem 0 2rem !important;
    font-size: 1.8rem;
    line-height: 1.25;
}.single-cta-button {
    margin-bottom: 1rem;
    font-weight: 800 !important;
    font-size: 1.4rem;
}.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 {
    display: flex;
    align-items: center;
    margin-top: 4.5rem;
}.single-footer-left,
.single-footer-right {
    flex: 2;
    display: flex;
}.single-footer-right {
    justify-content: flex-end;
}.single-footer-middle {
    display: flex;
    flex-direction: column;
}.single-footer-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2.4rem;
    justify-content: space-between;
    margin-top: 2.4rem;
}.single-footer-title {
    margin-bottom: 1rem;
    font-size: 1.8rem;
}.single-footer-top + .single-footer-bottom {
    margin-top: 2rem;
}.single-content-subscription {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    text-align: center;
    background-color: var(--background-color);
    padding: 32px;
    margin-top: 40px;
}.single-content-subscription-title {
    font-size: 2.5rem;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 2rem;
}.has-serif-title .single-content-subscription-title {
    font-family: var(--font-serif);
}@media (max-width: 767px) {
    .single-header {
        margin-bottom: 3rem;
    }

    .single-title {
        font-size: 4rem;
    }

    .single-cta {
        padding: 3rem 2rem 4rem;
    }

    .single-excerpt {
        font-size: 2.6rem;
    }

    .single-media {
        margin-top: 3rem;
    }
    .single-header-narrow {
        grid-template-columns: 1fr;
    }

    .single-footer-top {
        flex-direction: column;
        justify-content: flex-start;
    }
}/* Content refers to styling all page and post content that is
created within the Ghost editor. The main content handles
headings, text, images and lists. We deal with cards lower down. */.gh-content {
    position: relative;
}/* Default vertical spacing */.gh-content > * + * {
    margin-top: 2.8rem;
    margin-bottom: 0;
}/* [id] represents all headings h1-h6, reset all margins */.gh-content > [id] {
    margin: 0;
}.has-serif-title .gh-content > [id] {
    font-family: var(--font-serif);
}/* Add back a top margin to all headings, unless a heading
is the very first element in the post content */.gh-content > [id]:not(:first-child) {
    margin-top: 6.4rem;
}/* Add a small margin between a heading and anything after it */.gh-content > [id] + * {
    margin-top: 2rem;
}.gh-content > [id] + p {
    margin-top: 1.2rem;
}.gh-content > [id] + .kg-card {
    margin-top: 2.8rem;
}/* A larger margin before/after HRs and blockquotes */.gh-content > hr,
.gh-content > blockquote {
    position: relative;
    margin-top: 4.8rem;
}.gh-content > hr + *,
.gh-content > blockquote + * {
    margin-top: 4.8rem;
}.gh-content > hr {
    border-color: var(--darker-gray-color);
    display: block;
    opacity: .1;
    width: 100%;
}.gh-content > hr::after {
    content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	background-color: var(--background-primary);
	margin: 0 46%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='8' height='8' fill='none' stroke='%23ffffff90' stroke-width='3px' stroke-linecap='round' stroke-linejoin='round' class='logo-wireframe'%3E%3Cpath d='M 30.91 17.52 L 34.43 35.7 M 61.44 14.41 L 62.61 0 M 34.43 35.7 L 37.57 90.47 M 81 26.39 L 61.44 14.41 L 34.43 35.7 L 65.35 100 M 62.61 0 L 30.91 17.52 L 18 45.45 L 37.57 90.47 L 65.35 100 L 70.44 89.8 L 81 26.39 L 62.61 0 Z'%3E%3C/path%3E%3C/svg%3E");
}/* Cards */.gh-content :not(.kg-card):not([id]) + .kg-card {
    margin-top: 4.8rem;
}.gh-content .kg-card + :not(.kg-card):not([id]) {
    margin-top: 4.8rem;
}.gh-content :not(.kg-card):not([id]) + .kg-card:not(.kg-width-wide):not(.kg-width-full) {
    margin-top: 3.6rem;
}.gh-content .kg-card:not(.kg-width-wide):not(.kg-width-full) + :not(.kg-card):not([id]) {
    margin-top: 3.6rem;
}/* Now the content typography styles */.gh-content h1,
.gh-content h2 {
    font-size: 4rem;
    letter-spacing: .004em;
}.gh-content h3 {
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: .004em;
}.gh-content h4 {
    font-size: 2.8rem;
    font-weight: 700;
}.gh-content h5 {
    font-size: 2.2rem;
    font-weight: 700;
}.gh-content h6 {
    font-size: 1.2rem;
    text-transform: uppercase;
}.gh-content a {
    color: var(--primary-text-color);
    text-decoration: underline;
    word-break: break-word;
    text-underline-offset: 0.12em;
    text-decoration-thickness: 1px !important;
    text-decoration-color: var(--brand-color);
    transition: all 0.15s ease;
}.gh-content a[class]:hover {
    opacity: 1;
}.gh-content > ol,
.gh-content > ul,
.gh-content > dl,
.gh-content > p {
    font-size: var(--base-text-size);
    letter-spacing: 0;
}.gh-content .kg-callout-card .kg-callout-text,
.gh-content .kg-toggle-card .kg-toggle-content > ol,
.gh-content .kg-toggle-card .kg-toggle-content > ul,
.gh-content .kg-toggle-card .kg-toggle-content > p,
.gh-content .kg-product-card .kg-product-card-description > ol,
.gh-content .kg-product-card .kg-product-card-description > ul,
.gh-content .kg-product-card .kg-product-card-description > p {
    font-size: var(--base-text-size);
    letter-spacing: 0;
}.has-serif-body .gh-content > blockquote,
.has-serif-body .gh-content > ol,
.has-serif-body .gh-content > ul,
.has-serif-body .gh-content > dl,
.has-serif-body .gh-content > p,
.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 > ul,
.has-serif-body .gh-content .kg-toggle-content > p {
    font-family: var(--font-serif);
}.gh-content > ul,
.gh-content > ol,
.gh-content > dl {
    padding-left: 2.4rem;
}.gh-content li + li {
    margin-top: 1.2rem;
}.gh-content-line {
    border-color: var(--primary-text-color);
    display: block;
    width: 100%;
    height: 1px;
    margin: 4vmin 0 3vmin 0;
    border-top-width: 2px;
}.single-meta-item.visibility-members {
    display: flex;
}.single-meta-item.visibility-public {
    display: none;
}/* reset padding when user choose to hide title and featured images */.reset-page-padding {
    margin-top: -6vmin;
}.reset-page-padding .gh-content {
    margin-top: 0;
}/* footnote */.footnote { 
    margin-left: 0.25rem; 
    margin-right: 0.5rem;
}.footnote a { 
    text-decoration: none;
    color: var(--brand-color);
    font-weight: 400;
    font-size: 0.9em;
}.footnote-list {
    padding: .8rem 0 2.4rem 2.4rem;
    margin-top: 4rem;
    margin-bottom: 4rem;
    font-size: 1em;
    font-style: italic;
    border-top: 1px solid var(--divider-color);
    border-bottom: 1px solid var(--divider-color);
    display: flex;
    flex-direction: column;
    gap: 0;
}.footnote-list li {
    padding-top: 1.6rem;
    line-height: 1.5;
}@media (max-width: 767px) {
    
    .gh-content h2 {
        font-size: 2.4rem;
    }
    
    .gh-content h3 {
        font-size: 2rem;
    }
    .gh-content > ol,
    .gh-content > ul,
    .gh-content > dl,
    .gh-content > p {
        font-size: 2rem;
        line-height: 1.66;
    }

    .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 > ul,
    .gh-content .kg-toggle-card .kg-toggle-content > p,
    .gh-content .kg-product-card .kg-product-card-description > ol,
    .gh-content .kg-product-card .kg-product-card-description > ul,
    .gh-content .kg-product-card .kg-product-card-description > p {
        font-size: 2rem;
        line-height: 1.66;
    }

}.author-meta {
    margin-top: 0.5rem;
    color: var(--secondary-text-color);
    font-size: 1.8rem;
    letter-spacing: 0.02rem;
    text-align: left;
    width: 100%;
}.author-social {
    justify-content: start;
    margin-top: 2.5rem;
}.author-list {
    display: flex;
    align-items: center;
    margin: 0 0 0 8px;
}.author-list .author-name {
    margin: 0 0 0 16px; 
    font-size: 1.4rem;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--dark-gray-color);
    text-align: left;
}.author-list .author-name a {
    color: var(--dark-gray-color);
}.author-list .author-image-placeholder {
    flex-shrink: 0;
    overflow: hidden;
    margin-left: -8px;
    width: 28px;
    border: 2px solid var(--white-color);
    border-radius: 50%;
}.author-card {
    position: relative;
    margin-bottom: 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}.author-card-avatar {
    width: 60%;
}.author-card-title {
    text-align: center;
    margin-top: 2rem;
    font-size: clamp(2rem, 3vmin ,3rem);
    font-weight: 700;
}.author-card-bio {
    text-align: center;
    font-size: 1.8rem;
}.author-post-number {
    text-align: center;
    font-size: clamp(1.6rem, 2vmin ,2rem);
    font-style: italic;
}.has-serif-title .author-card-title,
.has-serif-body .author-post-number,
.has-serif-body .author-meta {
    font-family: var(--font-serif);
}@media (max-width: 575px) {
    .author-card-bio {
        display: none;
    }

    .author-card-avatar  {
        width: 100%;
    }
    .author-list {
        justify-content: flex-start;
        width: 100%;
    }
}.author-social-links-container {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
    border-top: 1px solid var(--divider-color);
    padding-top: 2.4rem;
    margin-top: 3.2rem;
}.is-hero-image-circle-top .author-social-links-container {
    border-top: none;
    margin-top: 0;
    padding-top: .8rem;
}.share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}.share-label {
    writing-mode: vertical-lr;
    margin-bottom: 0.8rem;
    text-transform: uppercase;
    color: var(--secondary-text-color);
}.share-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--dark-gray-color);
    font-size: 1.6rem;
    line-height: 0;
    font-weight: 400;
    letter-spacing: 0.04rem;
    border-radius: 50%;
    border: 1px solid var(--dark-gray-color);
    transition: all .15s var(--ease-in-out-quad);
}.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 {
    width: 18px;
    height: 18px;
    fill: var(--dark-gray-color);
    transition: fill .15s var(--ease-in-out-quad);
}.share-link-label {
    width: auto;
    border-radius: 5px;
    padding: 4px 16px;
}.share-link-label .icon {
    margin-right: 8px;
}@media (max-width: 767px) {

    .author-social-links-container {
        justify-content: center;
    }
    .share {
        flex-direction: row;
        width: 100%;
        justify-content: flex-start;
    }
    .share-label {
        writing-mode: horizontal-tb;
        margin: 0 .8rem;
    }

    .gh-content .right-sidebar-container-post {
        display: none;
    }

}.navigation-link {
    display: flex;
    align-items: center;
}.navigation-icon {
    display: flex;
    align-items: center;
    margin: 0 -2px;
    width: 30px;
    height: 30px;
}.navigation-next .navigation-icon {
    justify-content: flex-end;
}.navigation-icon .icon {
    width: 30px;
    height: 30px;
}.related-wrapper {
    margin-top: 6rem;
    /* background-color: var(--lighter-gray-color); */
}.related-content {
    border-top: 2px solid var(--primary-text-color);
    padding: 4.5rem 0 3rem;
}.related-title {
    margin-bottom: 3rem;
    font-size: clamp(2.2rem, 3vw, 2.4rem);
}.has-serif-title .related-title  {
    font-family: var(--font-serif);
}.comments {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 60px 0 44px;
}.comments-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 32px;
    width: 100%;
    max-width: 720px;
}.comments h2 {
    width: 100%;
    max-width: 720px;
    font-weight: 700;
    /* font-size: 3.4rem; */
}.comments .comment-count {
    color: var(--color-midgrey);
    font-weight: 600;
    white-space: nowrap;
}.comments #ghost-comments-root {
    width: 100%;
    max-width: 720px;
}.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: 10rem;
}.tag-wrapper {
    padding-bottom: 8rem;
}.taxonomy-media {
    overflow: hidden;
    margin: 0 0 3rem;
    width: 200px;
}.taxonomy-media-small {
    width: 48px;
    margin-right: 12px;
    margin-left: -10px;
    border-radius: 4px;
    overflow: hidden;
}.tag-list-container {
    font-weight: 400;
    font-size: 2rem;
}.container.medium .tag-list-container {
    margin-top: 6rem;
    padding-top: 6rem;
    border-top: var(--border-separator);
}.sidebar-tag-container {
    margin-top: 6rem;
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: 400;
}.sidebar-tag-container h3 {
    margin-bottom: 2rem;
    font-size: 1.8rem;
}.tag-list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    -moz-column-gap: 8px;
         column-gap: 8px;
    row-gap: 8px;
}.tag-list-label {
    margin-bottom: 2rem;
    color: var(--secondary-text-color);
}.tag-list-item-wrapper {
    padding: 1rem 1.6rem;
    background-color: var(--lighter-gray-color);
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    align-items: center;
}.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;
    padding: 2rem 3rem;
    width: 100%;
    background-color: var(--hero-background-color);
}.radius-rounded .toc-container {
    border-radius: var(--border-radius);
}.toc-sidebar {
    display: flex;
    flex-direction: column;
}.has-serif-title .toc-sidebar {
    font-family: var(--font-serif);
}.toc-sidebar h4 {
    font-size: 2rem;
    font-weight: 600;
    font-variant: petite-caps;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid var(--divider-color);
}.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 {
    padding-left: 0;
}.toc-list {
    list-style-type: none;
    /* padding-left: 0;
    margin: 0; */
}.toc-list-item {
    font-size: 1.7rem;
    padding: 10px 0;
    line-height: 1.2;
}.gh-content ol ol li.toc-list-item {
    list-style-type: none;
}.gh-content li+li {
    margin-top: 0;
}.toc-list-item.is-active-li a {
    /* font-weight: 700; */
    /* color: var(--brand-color); */
}.toc-list-item a {
    /* text-decoration: none; */
    color: var(--dark-gray-color);
    text-decoration-color: hsl(from currentColor h s l / .2);
}.toc-list-item a:hover {
    text-decoration-color: currentColor;
}@media (max-width: 1190px) {

    .kg-canvas .toc-container {
        grid-column: main-start/main-end;
        margin: 0 0 2vmin;
        padding: 0;
        position: static;
    }

    .kg-canvas .toc-sidebar {
        background-color: var( --hero-background-color);
        overflow-y: scroll;
        padding: 3rem 3rem 1rem;
        width: 100%;
    }

    .toc-list-item {
        font-size: 1.8rem;
    }
}.feed-card-inside {
    position: relative;
    display: flex;
    align-items: flex-start;
    line-height: 1;
}.post-feed.right-thumbnail .feed-card-inside {
    flex-direction: row-reverse;
}.archive-wrapper  {
    display: block;
}.year-post-label {
    color: var(--mid-gray-color);
    font-size: 8rem;
    font-weight: 700;
    line-height: 1.3;
    padding-top: 2rem;
}.month-post-label {
    color: var(--brand-color);
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.3;
    padding: 1.6rem 0;
    text-transform: uppercase;
}.has-serif-title .year-post-label,
.has-serif-title .month-post-label {
    font-family: var(--font-serif);
}/* Archive page */.post-date-2014 + .post-date-2014 .year-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-date-1 + .post-date-1 .month-post-label, 
.post-date-2 + .post-date-2 .month-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-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 {
    display: none;
}@media (max-width: 575px) {
    .archive-wrapper .feed-excerpt {
        display: none;
    }
    
    .archive-wrapper .feed-image {
        width: 128px;
        margin-right: 1.6rem;
    }
    
    .archive-wrapper .feed-title {
        font-size: 2rem !important;
    }
}/* default radius */.radius-rounded .kg-card.kg-signup-card:not(.kg-width-full),
.radius-rounded .kg-card.kg-file-card .kg-file-card-container,
.radius-rounded .kg-card.kg-callout-card,
.radius-rounded .kg-card.kg-product-card .kg-product-card-container,
.radius-rounded .single-cta,
.radius-rounded .kg-card.kg-embed-card iframe,
.radius-rounded .kg-card.kg-bookmark-card a.kg-bookmark-container,
.radius-rounded .kg-card.kg-video-card:not(.kg-width-full) .kg-video-container,
.radius-rounded .kg-card.kg-gallery-card img,
.radius-rounded .kg-card.kg-image-card:not(.kg-width-full) img,
.radius-rounded.hero-grid,
.radius-rounded.feed-image,
.radius-rounded.taxonomy-media,
.radius-rounded.feed-featured-image {
    border-radius: var(--border-radius) !important;
    overflow: hidden;
}/* roundest corner */.radius-rounded .kg-card.kg-toggle-card,
.radius-rounded .kg-card.kg-button-card a,
.radius-rounded .kg-card .kg-header-card-button,
.radius-rounded .kg-signup-card-fields {
    border-radius: var(--border-radius-roundest);
    overflow: hidden;
}/* box inside box */.radius-rounded .kg-file-card-icon::before {
    border-radius: calc(var(--border-radius) - 4px);
}.kg-card.kg-toggle-card  {
    background-color: var(--hero-background-color);
    box-shadow: none;
}.kg-card .kg-product-card-container {
    max-width: 100% !important;
    font-family: var(--gh-font-body, var(--font-base));
}/* inbuilt theme other element */.radius-rounded.tag-list-item-wrapper,
.radius-rounded .taxonomy-media-small,
.radius-rounded button,
.radius-rounded input,
.radius-rounded textarea,
.radius-rounded .gh-head-btn {
    border-radius: var(--border-radius-roundest);
}.radius-rounded .sidebar-subs-box-wrapper {
    border-radius: var(--border-radius);
}.kg-card.kg-bookmark-card a.kg-bookmark-container,
.kg-card.kg-bookmark-card a.kg-bookmark-container:hover,
.kg-card.kg-audio-card,
.kg-card.kg-file-card a.kg-file-card-container,
.kg-card.kg-product-card .kg-product-card-container {
    background-color: transparent;
    color: var(--primary-text-color);
}.kg-product-card-container {
    font-family: var(--gh-font-body, var(--font-base));
}/* table */.kg-canvas table {
    grid-column: full;
    padding: 0 8vw;
}.gh-content table:not(.gist table) {
    background: none;
    overflow-x: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width: var(--content-width);
    table-layout: fixed;
    border-collapse: collapse;
}.gh-content table {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.6rem;
    margin: 2rem 0;
}.gh-content table:not(.gist table) td,
.gh-content table:not(.gist table) th {
    padding: 1.6rem 3.2rem 1.6rem 0;
    text-align: left;
    border: none;
    border-bottom: 1px solid var(--divider-color);
    white-space: nowrap;
    white-space: normal;
    min-width: unset;
    font-size: 1em;
    /* min-width: 20rem; */
}.gh-content table:not(.gist table) th {
    font-weight: 600;
    text-transform: none;
    color: var(--primary-text-color);
    font-size: 1em;
}.gh-content table tr:last-child td {
    border-bottom: none;
}.gh-content table:not(.gist table) th {
    background-color: transparent;
    /* min-width: calc(var(--content-width) / 3); */
}.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: none;
    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: none;
    background-repeat: no-repeat;
    background-size: 20px 100%;
    background-position: 100% 0;
}.gh-content table:not(.highlight) tr:hover td {
    background-color: transparent;
}.gh-content table:not(.gist table) thead,
.gh-content table:not(.gist table) tbody {
    /* display: table; */
    width: 100%;
}.logo-list {
    position: relative;
    overflow: hidden;
    padding-bottom: 2.4rem;
    width: 100%;
    background-color: transparent;
    margin-top: 0.5rem;
    max-width: 100%;
}/* Gradient masks for fading edges */.logo-list::before,
.logo-list::after {
    content: "";
    position: absolute;
    top: 0;
    width: 18%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}.logo-list::before {
    left: 0;
    background: linear-gradient(to right, var(--background-color) 0%, hsl(from var(--background-color) h s l / .8) 30%, hsl(from var(--background-color) h s l / 0));
}.logo-list::after {
    right: 0;
    background: linear-gradient(to left, var(--background-color) 0%, hsl(from var(--background-color) h s l / .8) 30%, hsl(from var(--background-color) h s l / 0));
}.logo-list-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    position: relative;
}.logo-list .kg-image-card {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: unset;
    flex: 0 0 auto;
    width: 120px;
    margin: 0 4rem;
    transition: transform 0.3s ease;
}.logo-list .kg-image-card img {
    max-width: 100%;
    width: auto;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
}.logo-list .kg-image-card:hover {
    transform: scale(1.05);
}.logo-list .kg-image-card:hover img {
    opacity: 1;
}.header-logo-board {
    display: flex;
    justify-content: center;
    margin-bottom: 3.2rem;
}.text-center {
    text-align: center !important;
}.hero-board {
    padding-top: 3rem;
    padding-bottom: 3rem;
}@media (max-width: 767px) {
    .logo-list .kg-image-card {
        width: 80px;
        margin: 0 2rem;
    }

    .logo-list::before,
    .logo-list::after {
        width: 15%;
    }
    
    .header-logo-board {
        margin-bottom: 2rem;
    }

}/* testimonials */.testimonials {
    padding: 4.8rem 0;
}.testimonials-content {
    -moz-column-gap: 7.2rem;
         column-gap: 7.2rem;
    display: flex;
    flex-direction: row;
}.tag-hash-section-testimonials .kg-product-card {
    max-width: 50%;
    position: relative;
}/* .tag-hash-section-testimonials .kg-product-card::before {
    content: "";
    display: block;
    width: 4rem;
    height: 4rem;
    --svg: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00199 21L7.00198 13.609C7.00198 7.905 10.75 4.038 16.002 3L16.998 5.151C14.565 6.068 13.002 8.789 13.002 11L16.985 11L16.985 21L7.00199 21Z' fill='%23666'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: -0.8rem;
    left: -4rem;
    mask: var(--svg);
    background-color: var(--brand-color);
} */.tag-hash-section-testimonials .kg-product-card:nth-of-type(n+4) {
    display: none;
}.tag-hash-section-testimonials .kg-product-card-container {
    border: none;
    box-shadow: none;
    padding: 0;
    position: relative;
    grid-row-gap: 1.6rem;
    grid-column-gap: 0.8rem;
    max-width: 100%;
    /* grid-template-columns: 3.2rem auto; */

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
}.tag-hash-section-testimonials .kg-product-card h4.kg-product-card-title {
    color: var(--primary-text-color);
    font-family: var(--gh-font-body, var(--font-base));
    line-height: 1.5;
    font-weight: 400;
    font-size: 1.8rem;
    letter-spacing: 0;
    text-align: center;
}.tag-hash-section-testimonials .kg-product-card-title-container {
    order: 2;
}.tag-hash-section-testimonials .kg-product-card-rating {
    align-self: center;
    color: var(--brand-color);
    justify-self: start;
    padding: 0;
    gap: 2px;
    order: 1;
}.tag-hash-section-testimonials .kg-product-card-description {
    order: 5;
    text-align: center;
}.tag-hash-section-testimonials .kg-product-card:has(.kg-product-card-image) .kg-product-card-description {
    order: 4;
}.tag-hash-section-testimonials .kg-product-card .kg-product-card-image {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    justify-self: start;
    order: 3;
}.tag-hash-section-testimonials .kg-product-card .kg-product-card-description p {
    font-size: 1.4rem;
    line-height: 1.4;
    opacity: 1;
    color: var(--secondary-text-color);
}.tag-hash-section-testimonials .kg-product-card a {
    color: var(--brand-color);
    opacity: 1 !important;
}@media (max-width: 767px) {
    .testimonials-content {
        flex-direction: column;
        row-gap: 5.6rem;
        padding: 0 4.8rem;
    }
    .tag-hash-section-testimonials .kg-product-card {
        max-width: 100%;
    }
    .tag-hash-section-testimonials .kg-product-card::before {
        top: -0.8rem;
    }
}.tns-outer {
    padding: 0 !important;
    position: relative;
}.tns-outer [hidden] {
    display: none !important;
}.tns-outer [aria-controls],.tns-outer [data-action] {
    cursor: pointer;
    top: -108px;
}.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 {
    content: '';
    display: table;
    clear: both;
}.tns-horizontal.tns-no-subpixel>.tns-item {
    float: left;
}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
    margin-right: -100%;
}.tns-no-calc {
    position: relative;
    left: 0;
}.tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px;
}.tns-gallery>.tns-item {
    position: absolute;
    left: -100%;
    transition: transform 0s, opacity 0s;
}.tns-gallery>.tns-slide-active {
    position: relative;
    left: auto !important;
}.tns-gallery>.tns-moving {
    transition: all 0.25s;
}.tns-autowidth {
    display: inline-block;
}.tns-lazy-img {
    transition: opacity 0.6s;
    opacity: 0.6;
}.tns-lazy-img.tns-complete {
    opacity: 1;
}.tns-ah {
    transition: height 0s;
}.tns-ovh {
    /* overflow: hidden; */
}.tns-visually-hidden {
    position: absolute;
    left: -10000em;
}.tns-transparent {
    opacity: 0;
    visibility: hidden;
}.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0;
}.tns-normal,.tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
}.tns-vpfix {
    white-space: nowrap;
}.tns-vpfix>div,.tns-vpfix>li {
    display: inline-block;
}.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden;
}.tns-t-ct {
    width: 2333.3333333%;
    width: calc(100% * 70 / 3);
    position: absolute;
    right: 0;
}.tns-t-ct:after {
    content: '';
    display: table;
    clear: both;
}.tns-t-ct>div {
    width: 1.4285714%;
    width: calc(100% / 70);
    height: 10px;
    float: left;
}.tns-controls {
    position: absolute;
    right: 0;
    top: 56px;
}.tns-controls button {
    align-items: center;
    background-color: var(--background-color);
    border: 1px solid var(--light-gray-color);
    border-radius: 50%;
    color: var(--dark-gray-color);
    display: flex;
    height: 40px;
    justify-content: center;
    outline: none;
    padding: 0;
    position: absolute;
    text-align: center;
    /* top: -86px; */
    transition: color .5s var(--animation-base);
    width: 40px;
}.tns-controls button[disabled],
.tns-controls button[disabled] {
    color: var(--mid-gray-color);
    cursor: default;
}.tns-controls button svg,
.tns-controls button svg {
    height: 26px;
    width: 26px;
}.tns-controls button[data-controls="prev"] {
    right: 48px;
}.tns-controls button[data-controls="next"] {
    right: 0;
}/* PrismJS 1.29.0
https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript */code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.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}.pswp {
  backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  outline: none;
  overflow: hidden;
  top: 0;
  touch-action: none;
  width: 100%;
  z-index: 1500;
  -ms-touch-action: none;
  -webkit-text-size-adjust: 100%;
}.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;
  background-color: rgba(0, 0, 0, 0.85);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  width: 100%;
  will-change: opacity;
}.pswp__scroll-wrap {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}.pswp__container,
.pswp__zoom-wrap {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  touch-action: none;
}.pswp__container,
.pswp__img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: 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;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}.pswp__img {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  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;
  height: 44px;
  width: 44px;
}@media (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(../images/default-skin.svg);
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}.pswp__button--close {
  background-position: 0 -44px;
}.pswp__button--share {
  background-position: -44px -44px;
}.pswp__button--fs {
  display: none;
}.pswp--supports-fs .pswp__button--fs {
  display: block;
}.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}.pswp__button--zoom {
  background-position: -88px 0;
  display: none;
}.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  height: 100px;
  margin-top: -50px;
  position: absolute;
  top: 50%;
  width: 70px;
}.pswp__button--arrow--left {
  left: 0;
}.pswp__button--arrow--right {
  right: 0;
}.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  height: 30px;
  position: absolute;
  top: 35px;
  width: 32px;
}.pswp__button--arrow--left:before {
  background-position: -138px -44px;
  left: 6px;
}.pswp__button--arrow--right:before {
  background-position: -94px -44px;
  right: 6px;
}.pswp__counter {
  color: var(--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 500ms linear infinite;
}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  animation: donut-rotate 1000ms 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: 2px solid var(--white-color);
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: 50%;
  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);
  }
  100% {
    transform: rotate(360deg);
  }
}@keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}.pswp__ui {
  opacity: 1;
  visibility: visible;
  z-index: 1550;
  -webkit-font-smoothing: auto;
}.pswp__top-bar {
  height: 44px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  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__top-bar {
  opacity: 0;
}.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  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-image {
    margin-right: auto;
    margin-left: auto;
}.kg-embed-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    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 {
    font-size: 6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    color: var(--primary-text-color);
    text-align: left;
}blockquote.kg-blockquote-alt::after {
    content: "";
	position: absolute;
	top: -16px;
	left: -32px;
	right: 0;
	height: 80px;
    width: 80px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 148 94' width='148' height='94' fill='none'%3E%3Cpath fill='%23A2A2A2' d='M66.953 60.95c0-17.793-13.179-31.975-30.17-31.975-7.96 0-15.52 3.144-21.072 9.298h-1.806c3.88-12.643 15.654-23.212 30.303-27.56 2.074-.67 3.613-1.271 4.55-2.074 1.07-.87 1.672-1.94 1.672-3.478 0-2.81-2.14-4.75-5.285-4.75-2.074 0-3.68.402-6.556 1.338-9.231 3.01-17.526 8.295-23.948 15.051C5.611 26.166.058 38.675.058 53.525c0 25.086 15.921 39.602 34.585 39.602 18.396 0 32.31-14.048 32.31-32.176Zm80.34 0c0-17.793-13.245-31.975-30.169-31.975-7.961 0-15.587 3.144-21.072 9.298h-1.806c3.88-12.643 15.653-23.212 30.236-27.56 2.074-.67 3.679-1.271 4.616-2.074 1.07-.87 1.605-1.94 1.605-3.478 0-2.81-2.074-4.75-5.218-4.75-2.14 0-3.679.402-6.622 1.338-9.165 3.01-17.527 8.295-23.948 15.051-8.964 9.366-14.517 21.875-14.517 36.725 0 25.086 15.921 39.602 34.585 39.602 18.396 0 32.31-14.048 32.31-32.176Z'/%3E%3C/svg%3E");
    z-index: -1;
    opacity: .4;
}.kg-canvas > blockquote.kg-blockquote-alt {
    grid-column: wide-start/wide-end;
    padding: 0;
    margin-left: 0;
    margin-right: 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,240px) 
        [main-start] min(640px,calc(100% - 8vw)) 
        [main-end] minmax(auto,240px) 
        [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-width-full img {
    width: 100%;
}.kg-grid {
    display: grid;
    -moz-column-gap: 40px;
         column-gap: 40px;
    row-gap: 40px;
    align-items: start;
}.kg-grid-2col {
    grid-template-columns: 1fr 1fr;
}.kg-grid-3col {
    grid-template-columns: 1fr 1fr 1fr;
}@media (max-width: 575px) {
    .kg-grid-2col {
        grid-template-columns: 1fr;
    } 
}.u-permalink {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
    outline: none;
}.u-placeholder {
    position: relative;
    z-index: 10;
    background-color: var(--lighter-gray-color);
    overflow: hidden;
}.u-placeholder::before {
    display: block;
    content: "";
}.u-placeholder.horizontal::before {
    padding-bottom: 50%;
}.u-placeholder.rectangle::before {
    padding-bottom: 62.5%;
}.u-placeholder.square::before {
    padding-bottom: 100%;
}.u-placeholder.vertical::before {
    padding-bottom: 133%;
}.u-object-fit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}.round {
    border-radius: 50%;
}.border-bottom {
    border-bottom: var(--border-separator);
}.border-top {
    border-top: var(--border-separator);
}.align-center {
    text-align: center;
}.home-template.with-full-cover:not(.portal-visible) .gh-portal-triggerbtn-iframe {
    pointer-events: none;
    opacity: 0;
}.animate__animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}@keyframes bounceIn {
    from,
    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: scale3d(1, 1, 1);
    }
}.animate__bounceIn {
    animation-name: bounceIn;
    animation-duration: 0.3s;
}@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.7, 0.7, 0.7);
    }

    to {
        opacity: 0;
    }
}.animate__zoomOut {
    animation-name: zoomOut;
    animation-duration: 0.3s;
}/* ========================================
   THEME-SPECIFIC STYLES
   ======================================== */.instrument-serif-regular-italic {
  font-family: "Instrument Serif", serif;
  font-weight: 400; 
  font-style: italic;
}:root[data-theme="dark"] .logo-list img, :root[data-theme="dark"] .gh-head-logo img, :root[data-theme="dark"] .footer-left .logo-image {
    filter: invert(0)!important;
}.gh-head-logo img {
    max-height: 110px;
}.footer-left .logo-image {
    max-height: 110px;
}.single-excerpt {
    font-size: 2.2rem;

}.kg-canvas {
    display: grid;
    grid-template-columns: [full-start] minmax(4vw,auto) 
        [wide-start] minmax(auto,240px) 
        [main-start] min(760px,calc(100% - 8vw)) 
        [main-end] minmax(auto,240px) 
        [wide-end] minmax(4vw,auto) 
        [full-end];
}.king-cards-container {
            display: flex;
            justify-content: space-around;
            align-items: stretch;
            gap: 20px;
            max-width: 1200px;
            margin: 0 auto;
            flex-wrap: wrap;
            margin-top: 30px;
        }.king-card {
            flex: 1;
            min-width: 300px;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }.king-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
        }.king-card h3 {
            margin: 0 0 20px 0;
            font-size: 1.5em;
          color: var(--primary-text-color);
        }/* Style 1: Blue theme with solid border */.king-card.king-style1 {
            background-color: var(--hero-background-color);
            border: 2px solid var(--brand-color);
      
        }/* Style 2: Green theme with gradient background */.king-card.king-style2 {
            background:   var(--hero-background-color) ;
            border-left: 5px solid var(--brand-color);
        
        }/* Style 3: Orange theme with rounded corners and subtle pattern */.king-card.king-style3 {
            background-color: var(--brand-color);
            position: relative;
            overflow: hidden;
        }.king-card.king-style3 h3 {
           color: var(--white-color);
            margin-top: 10px;
        }.king-card.king-style3 p  {
           color: var(--white-color);
 
        }.king-btn {
            color: var(--white-color)!important;
        }.king-btn:hover {
            color: var(--white-color)!important;
        }header#gh-head ul.dropdown {
    background: var(--background-color)!important;
    z-index: 999999999!important;
}.gh-content {
   color:var(--secondary-text-color);
}.post-feed.expanded .feed-title {
    font-size: 2.4rem;
    line-height: 1.2;
}.ka-w-10 {
    width: 4rem!important;
}.ka-h-10 {
    height: 4rem!important;
}a.gh-head-logo {
    opacity: 1;
}.king-border-top  {
    border-top: 1px solid var(--background-elevated-color)!important;
}@media (max-width: 767px) {
#gh-head {
    padding-bottom: 20px;
}
}.logo-list-container figcaption {
    display: none;
}.logo-list-container img {
    border-radius: 8px;
}header#gh-head {
    height: 170px;
}.footer-nav ul li {
    list-style: none;
}.footer-nav ul li a:hover {
    color: var(--brand-color);
    text-decoration: underline;
}.footer-nav ul {
    display: inline-flex;
    gap: 24px;
}div#tns1-ow>button {
    display: none;
}/* Brand button */.king-btn-brand {
    background-color: var(--brand-color) !important;
    color: var(--white-color) !important;
    font-weight: 600 !important;
    padding: 1rem 2rem !important; /* ka-px-8 ka-py-4 */
    border-radius: 9999px !important; /* full rounded */
    text-align: center !important;
    display: inline-block !important;
    transition: all 0.3s !important;
    transform: scale(1) !important;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1) !important;
    width: auto !important;
        text-decoration: none !important;
}.king-btn-brand:hover {
    background-color: var(--brand-color) !important;
    opacity: 0.9 !important;
    transform: scale(1.05) !important;
    box-shadow: 0 15px 25px -5px rgba(0,0,0,0.1), 0 6px 10px -4px rgba(0,0,0,0.1) !important;
}/* White / secondary button */.king-btn-white {
    background-color: var(--primary-text-color) !important;
    color: var(--background-color) !important;
    font-weight: 600 !important;
    padding: 1rem 2rem !important;
    border-radius: 9999px !important;
    text-align: center !important;
    display: inline-block !important;
    transition: all 0.3s !important;
    transform: scale(1) !important;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1) !important;
    width: auto !important;
    text-decoration: none !important;
}.king-btn-white:hover {
    opacity: 0.9 !important;
    transform: scale(1.05) !important;
    box-shadow: 0 15px 25px -5px rgba(0,0,0,0.1), 0 6px 10px -4px rgba(0,0,0,0.1) !important;
}/* ========================================
   Approach timeline interactions
   ======================================== */.approach-step .step-circle {
  transition: background-color 0.25s ease, border-color 0.25s ease,
              color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}.approach-step .step-circle.is-active {
  background: var(--brand-accent-color);
  color: var(--black-color);
  border-color: var(--brand-accent-color);
  transform: scale(1.05);
  box-shadow: 0 8px 18px rgba(0,0,0,0.15);
}/* Reinforce hover state on desktop even without Tailwind group-hover */.approach-timeline-horizontal .approach-step:hover .step-circle {
  background: var(--brand-accent-color);
  color: var(--black-color);
  border-color: var(--brand-accent-color);
}*, ::before, ::after{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}::backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}.ka-pointer-events-none{
    pointer-events: none;
}.ka-fixed{
    position: fixed;
}.ka-absolute{
    position: absolute;
}.ka-relative{
    position: relative;
}.ka-sticky{
    position: sticky;
}.ka-inset-0{
    inset: 0px;
}.ka-bottom-0{
    bottom: 0px;
}.ka-bottom-10{
    bottom: 4rem;
}.ka-left-0{
    left: 0px;
}.ka-left-5{
    left: 2rem;
}.ka-right-0{
    right: 0px;
}.ka-right-10{
    right: 4rem;
}.ka-top-0{
    top: 0px;
}.ka-top-12{
    top: 4.800000000000001rem;
}.ka-top-9{
    top: 3.6rem;
}.ka-z-50{
    z-index: 50;
}.ka-z-\[2\]{
    z-index: 2;
}.ka-order-1{
    order: 1;
}.ka-order-2{
    order: 2;
}.ka-mx-auto{
    margin-left: auto;
    margin-right: auto;
}.\!ka-mr-0{
    margin-right: 0px !important;
}.ka-mb-1{
    margin-bottom: 0.4rem;
}.ka-mb-10{
    margin-bottom: 4rem;
}.ka-mb-12{
    margin-bottom: 4.800000000000001rem;
}.ka-mb-16{
    margin-bottom: 6.4rem;
}.ka-mb-2{
    margin-bottom: 0.8rem;
}.ka-mb-3{
    margin-bottom: 1.2000000000000002rem;
}.ka-mb-4{
    margin-bottom: 1.6rem;
}.ka-mb-6{
    margin-bottom: 2.4000000000000004rem;
}.ka-mb-8{
    margin-bottom: 3.2rem;
}.ka-mr-3{
    margin-right: 1.2000000000000002rem;
}.ka-mt-1{
    margin-top: 0.4rem;
}.ka-mt-2{
    margin-top: 0.8rem;
}.ka-mt-20{
    margin-top: 8rem;
}.ka-mt-6{
    margin-top: 2.4000000000000004rem;
}.ka-block{
    display: block;
}.ka-inline-block{
    display: inline-block;
}.ka-flex{
    display: flex;
}.ka-grid{
    display: grid;
}.ka-hidden{
    display: none;
}.\!ka-h-10{
    height: 4rem !important;
}.ka-h-12{
    height: 4.800000000000001rem;
}.ka-h-14{
    height: 5.6000000000000005rem;
}.ka-h-16{
    height: 6.4rem;
}.ka-h-40{
    height: 16rem;
}.ka-h-5{
    height: 2rem;
}.ka-h-7{
    height: 2.8000000000000003rem;
}.ka-h-80{
    height: 32rem;
}.ka-h-\[2px\]{
    height: 2px;
}.ka-h-full{
    height: 100%;
}.\!ka-w-10{
    width: 4rem !important;
}.ka-w-12{
    width: 4.800000000000001rem;
}.ka-w-14{
    width: 5.6000000000000005rem;
}.ka-w-16{
    width: 6.4rem;
}.ka-w-5{
    width: 2rem;
}.ka-w-7{
    width: 2.8000000000000003rem;
}.ka-w-\[22\%\]{
    width: 22%;
}.ka-w-\[90\%\]{
    width: 90%;
}.ka-w-full{
    width: 100%;
}.ka-max-w-3xl{
    max-width: 48rem;
}.ka-max-w-6xl{
    max-width: 72rem;
}.ka-max-w-7xl{
    max-width: 80rem;
}.ka-max-w-\[500px\]{
    max-width: 500px;
}.ka-max-w-\[700px\]{
    max-width: 700px;
}.ka-max-w-\[860px\]{
    max-width: 860px;
}.ka-transform{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.ka-cursor-pointer{
    cursor: pointer;
}.ka-grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
}.ka-grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}.ka-flex-col{
    flex-direction: column;
}.ka-flex-wrap{
    flex-wrap: wrap;
}.ka-content-center{
    align-content: center;
}.ka-items-start{
    align-items: flex-start;
}.ka-items-end{
    align-items: flex-end;
}.ka-items-center{
    align-items: center;
}.ka-items-baseline{
    align-items: baseline;
}.ka-justify-center{
    justify-content: center;
}.ka-justify-between{
    justify-content: space-between;
}.ka-gap-12{
    gap: 4.800000000000001rem;
}.ka-gap-16{
    gap: 6.4rem;
}.ka-gap-3{
    gap: 1.2000000000000002rem;
}.ka-gap-4{
    gap: 1.6rem;
}.ka-gap-6{
    gap: 2.4000000000000004rem;
}.ka-gap-8{
    gap: 3.2rem;
}.ka-gap-x-1{
    -moz-column-gap: 0.4rem;
         column-gap: 0.4rem;
}.ka-gap-y-2{
    row-gap: 0.8rem;
}.ka-space-y-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.8rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.8rem * var(--tw-space-y-reverse));
}.ka-space-y-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.6rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.6rem * var(--tw-space-y-reverse));
}.ka-space-y-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(2.4000000000000004rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.4000000000000004rem * var(--tw-space-y-reverse));
}.ka-rounded-2xl{
    border-radius: 1.6rem;
}.ka-rounded-full{
    border-radius: 9999px;
}.ka-rounded-lg{
    border-radius: 0.8rem;
}.ka-rounded-md{
    border-radius: 0.6000000000000001rem;
}.ka-rounded-xl{
    border-radius: 1.2000000000000002rem;
}.ka-border{
    border-width: 1px;
}.ka-border-2{
    border-width: 2px;
}.ka-border-l{
    border-left-width: 1px;
}.ka-border-t{
    border-top-width: 1px;
}.ka-border-dashed{
    border-style: dashed;
}.ka-border-none{
    border-style: none;
}.ka-border-\[var\(--background-elevated-color\)\]{
    border-color: var(--background-elevated-color);
}.ka-border-\[var\(--divider-color\)\]{
    border-color: var(--divider-color);
}.ka-border-gray-200{
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
}.ka-bg-\[var\(--background-color\)\]{
    background-color: var(--background-color);
}.ka-bg-\[var\(--background-elevated-color\)\]{
    background-color: var(--background-elevated-color);
}.ka-bg-\[var\(--brand-color\)\]{
    background-color: var(--brand-color);
}.ka-bg-\[var\(--divider-color\)\]{
    background-color: var(--divider-color);
}.ka-bg-\[var\(--elevated-background-color\)\]{
    background-color: var(--elevated-background-color);
}.ka-bg-\[var\(--hero-background-color\)\]{
    background-color: var(--hero-background-color);
}.ka-bg-\[var\(--primary-text-color\)\]{
    background-color: var(--primary-text-color);
}.ka-bg-\[var\(--surface-color\)\]{
    background-color: var(--surface-color);
}.ka-bg-black\/50{
    background-color: rgb(0 0 0 / 0.5);
}.ka-bg-blue-500{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}.ka-bg-emerald-100{
    --tw-bg-opacity: 1;
    background-color: rgb(209 250 229 / var(--tw-bg-opacity));
}.ka-bg-gray-100{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}.ka-bg-red-500{
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}.ka-bg-transparent{
    background-color: transparent;
}.ka-bg-white{
    background-color: var(--white-color);
}.ka-bg-opacity-10{
    --tw-bg-opacity: 0.1;
}.ka-bg-gradient-to-br{
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}.ka-bg-gradient-to-t{
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}.ka-from-black\/20{
    --tw-gradient-from: rgb(0 0 0 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}.ka-from-blue-600{
    --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}.ka-to-blue-700{
    --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}.ka-to-transparent{
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}.ka-object-contain{
    -o-object-fit: contain;
       object-fit: contain;
}.ka-object-cover{
    -o-object-fit: cover;
       object-fit: cover;
}.ka-p-2{
    padding: 0.8rem;
}.ka-p-6{
    padding: 2.4000000000000004rem;
}.ka-p-8{
    padding: 3.2rem;
}.ka-px-3{
    padding-left: 1.2000000000000002rem;
    padding-right: 1.2000000000000002rem;
}.ka-px-4{
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}.ka-px-5{
    padding-left: 2rem;
    padding-right: 2rem;
}.ka-px-6{
    padding-left: 2.4000000000000004rem;
    padding-right: 2.4000000000000004rem;
}.ka-px-8{
    padding-left: 3.2rem;
    padding-right: 3.2rem;
}.ka-py-1{
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}.ka-py-10{
    padding-top: 4rem;
    padding-bottom: 4rem;
}.ka-py-2{
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}.ka-py-2\.5{
    padding-top: 1rem;
    padding-bottom: 1rem;
}.ka-py-20{
    padding-top: 8rem;
    padding-bottom: 8rem;
}.ka-py-3{
    padding-top: 1.2000000000000002rem;
    padding-bottom: 1.2000000000000002rem;
}.ka-py-4{
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}.ka-py-8{
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
}.ka-pb-16{
    padding-bottom: 6.4rem;
}.ka-pb-20{
    padding-bottom: 8rem;
}.ka-pb-8{
    padding-bottom: 3.2rem;
}.ka-pt-20{
    padding-top: 8rem;
}.ka-pt-4{
    padding-top: 1.6rem;
}.ka-pt-6{
    padding-top: 2.4000000000000004rem;
}.ka-text-left{
    text-align: left;
}.ka-text-center{
    text-align: center;
}.ka-text-start{
    text-align: start;
}.ka-font-heading{
    font-family: var(--gh-font-heading);
}.ka-text-2xl{
    font-size: 2.4000000000000004rem;
    line-height: 3.2rem;
}.ka-text-3xl{
    font-size: 3rem;
    line-height: 3.6rem;
}.ka-text-4xl{
    font-size: 3.6rem;
    line-height: 4rem;
}.ka-text-5xl{
    font-size: 4.800000000000001rem;
    line-height: 1;
}.ka-text-base{
    font-size: 1.6rem;
    line-height: 2.4000000000000004rem;
}.ka-text-lg{
    font-size: 1.8rem;
    line-height: 2.8000000000000003rem;
}.ka-text-sm{
    font-size: 1.4000000000000001rem;
    line-height: 2rem;
}.ka-text-xl{
    font-size: 2rem;
    line-height: 2.8000000000000003rem;
}.ka-text-xs{
    font-size: 1.2000000000000002rem;
    line-height: 1.6rem;
}.ka-font-bold{
    font-weight: 700;
}.ka-font-medium{
    font-weight: 500;
}.ka-font-semibold{
    font-weight: 600;
}.ka-uppercase{
    text-transform: uppercase;
}.ka-italic{
    font-style: italic;
}.ka-leading-relaxed{
    line-height: 1.625;
}.ka-leading-tight{
    line-height: 1.25;
}.ka-tracking-wide{
    letter-spacing: 0.025em;
}.ka-text-\[var\(--background-color\)\]{
    color: var(--background-color);
}.ka-text-\[var\(--brand-accent-color\)\]{
    color: var(--brand-accent-color);
}.ka-text-\[var\(--brand-color\)\]{
    color: var(--brand-color);
}.ka-text-\[var\(--link-color\)\]{
    color: var(--link-color);
}.ka-text-\[var\(--primary-text-color\)\]{
    color: var(--primary-text-color);
}.ka-text-\[var\(--secondary-text-color\)\]{
    color: var(--secondary-text-color);
}.ka-text-\[var\(--text-color\)\]{
    color: var(--text-color);
}.ka-text-\[var\(--white-color\)\]{
    color: var(--white-color);
}.ka-text-blue-100{
    --tw-text-opacity: 1;
    color: rgb(219 234 254 / var(--tw-text-opacity));
}.ka-text-blue-600{
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity));
}.ka-text-emerald-700{
    --tw-text-opacity: 1;
    color: rgb(4 120 87 / var(--tw-text-opacity));
}.ka-text-gray-400{
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}.ka-text-gray-500{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}.ka-text-gray-600{
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}.ka-text-gray-700{
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}.ka-text-gray-800{
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
}.ka-text-white{
    color: var(--white-color);
}.ka-text-yellow-400{
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity));
}.ka-line-through{
    text-decoration-line: line-through;
}.ka-opacity-20{
    opacity: 0.2;
}.ka-opacity-60{
    opacity: 0.6;
}.ka-shadow-2xl{
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.ka-shadow-lg{
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.ka-shadow-md{
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.ka-shadow-sm{
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.ka-backdrop-blur-sm{
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}.ka-transition{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}.ka-transition-all{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}.ka-transition-colors{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}.ka-duration-200{
    transition-duration: 200ms;
}.ka-duration-300{
    transition-duration: 300ms;
}.\[-a-zA-Z\:0-9_\.\]{
    -a-z-a--z: 0-9 .;
}.\[key\:string\]{
    key: string;
}.placeholder\:ka-text-\[var\(--muted-text-color\)\]::-moz-placeholder{
    color: var(--muted-text-color);
}.placeholder\:ka-text-\[var\(--muted-text-color\)\]::placeholder{
    color: var(--muted-text-color);
}.hover\:-ka-translate-y-2:hover{
    --tw-translate-y: -0.8rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.hover\:ka-scale-105:hover{
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.hover\:ka-border-blue-400:hover{
    --tw-border-opacity: 1;
    border-color: rgb(96 165 250 / var(--tw-border-opacity));
}.hover\:ka-bg-\[var\(--background-color\)\]:hover{
    background-color: var(--background-color);
}.hover\:ka-bg-\[var\(--brand-color\)\]:hover{
    background-color: var(--brand-color);
}.hover\:ka-bg-blue-400:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}.hover\:ka-bg-blue-50:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}.hover\:ka-text-\[var\(--brand-color\)\]:hover{
    color: var(--brand-color);
}.hover\:ka-text-\[var\(--primary-text-color\)\]:hover{
    color: var(--primary-text-color);
}.hover\:ka-underline:hover{
    text-decoration-line: underline;
}.hover\:ka-opacity-90:hover{
    opacity: 0.9;
}.hover\:ka-shadow-lg:hover{
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.hover\:ka-shadow-xl:hover{
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.focus\:ka-outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
}.focus\:ka-ring-2:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}.focus\:ka-ring-\[var\(--primary-color\)\]:focus{
    --tw-ring-color: var(--primary-color);
}.ka-group:hover .group-hover\:ka-border-\[var\(--brand-accent-color\)\]{
    border-color: var(--brand-accent-color);
}.ka-group:hover .group-hover\:ka-border-\[var\(--brand-color\)\]{
    border-color: var(--brand-color);
}.ka-group:hover .group-hover\:ka-bg-\[var\(--brand-accent-color\)\]{
    background-color: var(--brand-accent-color);
}.ka-group:hover .group-hover\:ka-bg-blue-50{
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}.ka-group:hover .group-hover\:ka-bg-\[var\(--brand-color\)\]{
    background-color: var(--brand-color);
}.ka-group:hover .group-hover\:ka-text-\[var\(--black-color\)\]{
    color: var(--black-color);
}@media (min-width: 640px){.sm\:ka-w-auto{
        width: auto;
    }.sm\:ka-flex-row{
        flex-direction: row;
    }.sm\:ka-items-center{
        align-items: center;
    }.sm\:ka-justify-end{
        justify-content: flex-end;
    }
}@media (min-width: 768px){.md\:ka-order-1{
        order: 1;
    }.md\:ka-order-2{
        order: 2;
    }.md\:ka-h-auto{
        height: auto;
    }.md\:ka-grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }.md\:ka-grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }.md\:ka-p-12{
        padding: 4.800000000000001rem;
    }.md\:ka-p-8{
        padding: 3.2rem;
    }.md\:ka-py-10{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }.md\:ka-text-2xl{
        font-size: 2.4000000000000004rem;
        line-height: 3.2rem;
    }.md\:ka-text-5xl{
        font-size: 4.800000000000001rem;
        line-height: 1;
    }.md\:ka-text-6xl{
        font-size: 6rem;
        line-height: 1;
    }.md\:ka-text-base{
        font-size: 1.6rem;
        line-height: 2.4000000000000004rem;
    }.md\:ka-text-xl{
        font-size: 2rem;
        line-height: 2.8000000000000003rem;
    }
}@media (min-width: 1024px){.lg\:ka-col-span-5{
        grid-column: span 5 / span 5;
    }.lg\:ka-col-span-7{
        grid-column: span 7 / span 7;
    }.lg\:ka-block{
        display: block;
    }.lg\:ka-hidden{
        display: none;
    }.lg\:ka-grid-cols-12{
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }.lg\:ka-grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }.lg\:ka-py-16{
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }.lg\:ka-py-20{
        padding-top: 8rem;
        padding-bottom: 8rem;
    }.lg\:ka-pb-16{
        padding-bottom: 6.4rem;
    }.lg\:ka-pr-10{
        padding-right: 4rem;
    }.lg\:ka-text-6xl{
        font-size: 6rem;
        line-height: 1;
    }
}@media (min-width: 1280px){.xl\:ka-grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }.xl\:ka-grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}@media (prefers-color-scheme: dark){@media (min-width: 1024px){.dark\:lg\:hover\:\[paint-order\:markers\]:hover{
            paint-order: markers;
        }
    }
}
/*# sourceMappingURL=screen.css.map */