:root {
    --gh-radius-xsmall: 0.1875rem;
    --gh-radius-small: 0.25rem;
    --gh-radius-medium: 0.375rem;
    --gh-color-white: #FFFFFF;
    --gh-color-black: #130602;
    --gh-color-transparent: transparent;
    --gh-color-current: currentcolor;
    --gh-color-primary: #FF6600;
    --gh-color-primary-80: #FF8533;
    --gh-color-primary-60: #FFA366;
    --gh-color-primary-40: #FFC299;
    --gh-color-primary-20: #FFE0CC;
    --gh-color-secondary: #F9DD9C;
    --gh-color-secondary-80: #FAE4B0;
    --gh-color-secondary-60: #FBEBC4;
    --gh-color-secondary-40: #F7EBD1;
    --gh-color-secondary-20: #FEF8EB;
    --gh-color-tertiary: #FFDB00;
    --gh-color-tertiary-80: #FFE85C;
    --gh-color-tertiary-60: #FFE966;
    --gh-color-tertiary-40: #FFF199;
    --gh-color-tertiary-20: #FFF8CC;
    --gh-color-accent: #0034A9;
    --gh-color-accent-80: #335DBA;
    --gh-color-accent-60: #6281C7;
    --gh-color-accent-40: #93A8D7;
    --gh-color-accent-20: #CCD6EE;
    --gh-color-darkgray: #4E4E4E;
    --gh-color-gray: #DFDFDF;
    --gh-color-lightgray: #F5F5F5;
    --gh-color-danger: #F43333;
    --gh-color-success: #42BE65;
    --gh-color-warning: #FFDB00;
    --gh-font-sans: IBM Plex Sans, system-ui, sans-serif;
    --gh-font-serif: Fraunces, serif;
    --gh-font-mono: IBM Plex Mono, monospace;
    --gh-text-xxsmall: 0.875rem;
    --gh-text-xsmall: 1rem;
    --gh-text-small: clamp(1.125rem, calc(1.0625rem + 0.2083333333vmin), 1.25rem);
    --gh-text-medium: clamp(1.25rem, calc(1.125rem + 0.4166666667vmin), 1.5rem);
    --gh-text-large: clamp(1.5rem, calc(1.25rem + 0.8333333333vmin), 2rem);
    --gh-text-xlarge: clamp(2rem, calc(1.5rem + 1.6666666667vmin), 3rem);
    --gh-text-xxlarge: clamp(2.5rem, calc(1.25rem + 4.1666666667vmin), 5rem);
    --gh-text-xxxsmall: 0.75rem;
    --gh-font-light: 300;
    --gh-font-normal: 400;
    --gh-font-bold: 600;
    --gh-font-semibold: 500;
    --gh-track-small: -0.025em;
    --gh-track-large: 0.025em;
    --gh-lead-none: 1;
    --gh-lead-small: 1.25;
    --gh-lead-medium: 1.5;
    --gh-lead-large: 1.75;
    --gh-outline-width: 0.125rem;
    --gh-outline-type: solid;
    --gh-outline-color: currentcolor;
    --gh-space-xxsmall: 0.75rem;
    --gh-space-xsmall: 1rem;
    --gh-space-small: 1.5rem;
    --gh-space-medium: clamp(2rem, calc(1.5rem + 1.6666666667vmin), 3rem);
    --gh-space-large: clamp(3rem, calc(2.5rem + 1.6666666667vmin), 4rem);
    --gh-space-xlarge: clamp(6rem, calc(5rem + 3.3333333333vmin), 8rem);
    --gh-space-xxlarge: clamp(9rem, calc(7.5rem + 5vmin), 12rem);
    --gh-space-xxxsmall: 0.5rem
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html {
    scroll-behavior: smooth
}

body {
    font-family: var(--font-sans, sans-serif);
    line-height: 1.5;
    text-rendering: optimizeSpeed;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

a,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word
}

a {
    color: currentcolor;
    text-decoration-skip-ink: auto
}

input,
button,
textarea,
select {
    font: inherit
}

ol[role=list],
ul[role=list] {
    list-style: none
}

ol:not([role=list]),
ul:not([role=list]) {
    padding-inline-start: 1rem
}

img,
picture,
canvas,
video {
    max-width: 100%;
    height: auto
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    caption-side: bottom
}

thead,
tbody,
tfoot,
th,
tr,
td {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

button,
[type=button],
[type=reset],
[type=submit] {
    appearance: button;
    -webkit-appearance: button
}

fieldset {
    border: none
}

@media(prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto !important
    }

    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}

.gh-flex {
    --gh-direction: row;
    --gh-wrap: wrap;
    --gh-align: normal;
    --gh-place: normal;
    --gh-gap: 0;
    --gh-width: auto;
    display: flex;
    flex-direction: var(--gh-direction);
    flex-wrap: var(--gh-wrap);
    align-items: var(--gh-align);
    place-content: var(--gh-place);
    gap: var(--gh-gap);
    width: var(--gh-width)
}

.gh-flex>* {
    --gh-basis: auto;
    --gh-grow: 0;
    --gh-shrink: 1;
    --gh-align: auto;
    --gh-order: 0;
    --gh-min-width: 0;
    --gh-max-width: none;
    flex-basis: var(--gh-basis);
    flex-grow: var(--gh-grow);
    flex-shrink: var(--gh-shrink);
    align-self: var(--gh-align);
    order: var(--gh-order);
    min-width: var(--gh-min-width);
    max-width: var(--gh-max-width)
}

@container (min-width: 480px) {
    .gh-flex {
        --gh-sm-direction: var(--gh-direction);
        --gh-sm-wrap: var(--gh-wrap);
        --gh-sm-align: var(--gh-align);
        --gh-sm-place: var(--gh-place);
        --gh-sm-gap: var(--gh-gap);
        --gh-sm-width: var(--gh-width);
        flex-direction: var(--gh-sm-direction);
        flex-wrap: var(--gh-sm-wrap);
        align-items: var(--gh-sm-align);
        place-content: var(--gh-sm-place);
        gap: var(--gh-sm-gap);
        width: var(--gh-sm-width)
    }

    .gh-flex>* {
        --gh-sm-basis: var(--gh-basis);
        --gh-sm-grow: var(--gh-grow);
        --gh-sm-shrink: var(--gh-shrink);
        --gh-sm-align: var(--gh-align);
        --gh-sm-order: var(--gh-order);
        --gh-sm-min-width: var(--gh-min-width);
        --gh-sm-max-width: var(--gh-max-width);
        flex-basis: var(--gh-sm-basis);
        flex-grow: var(--gh-sm-grow);
        flex-shrink: var(--gh-sm-shrink);
        align-self: var(--gh-sm-align);
        order: var(--gh-sm-order);
        min-width: var(--gh-sm-min-width);
        max-width: var(--gh-sm-max-width)
    }
}

@container (min-width: 960px) {
    .gh-flex {
        --gh-md-direction: var(--gh-sm-direction);
        --gh-md-wrap: var(--gh-sm-wrap);
        --gh-md-align: var(--gh-sm-align);
        --gh-md-place: var(--gh-sm-place);
        --gh-md-gap: var(--gh-sm-gap);
        --gh-md-width: var(--gh-sm-width);
        flex-direction: var(--gh-md-direction);
        flex-wrap: var(--gh-md-wrap);
        align-items: var(--gh-md-align);
        place-content: var(--gh-md-place);
        gap: var(--gh-md-gap);
        width: var(--gh-md-width)
    }

    .gh-flex>* {
        --gh-md-basis: var(--gh-sm-basis);
        --gh-md-grow: var(--gh-sm-grow);
        --gh-md-shrink: var(--gh-sm-shrink);
        --gh-md-align: var(--gh-sm-align);
        --gh-md-order: var(--gh-sm-order);
        --gh-md-min-width: var(--gh-sm-min-width);
        --gh-md-max-width: var(--gh-sm-max-width);
        flex-basis: var(--gh-md-basis);
        flex-grow: var(--gh-md-grow);
        flex-shrink: var(--gh-md-shrink);
        align-self: var(--gh-md-align);
        order: var(--gh-md-order);
        min-width: var(--gh-md-min-width);
        max-width: var(--gh-md-max-width)
    }
}

@container (min-width: 1280px) {
    .gh-flex {
        --gh-lg-direction: var(--gh-md-direction);
        --gh-lg-wrap: var(--gh-md-wrap);
        --gh-lg-align: var(--gh-md-align);
        --gh-lg-place: var(--gh-md-place);
        --gh-lg-gap: var(--gh-md-gap);
        --gh-lg-width: var(--gh-md-width);
        flex-direction: var(--gh-lg-direction);
        flex-wrap: var(--gh-lg-wrap);
        align-items: var(--gh-lg-align);
        place-content: var(--gh-lg-place);
        gap: var(--gh-lg-gap);
        width: var(--gh-lg-width)
    }

    .gh-flex>* {
        --gh-lg-basis: var(--gh-md-basis);
        --gh-lg-grow: var(--gh-md-grow);
        --gh-lg-shrink: var(--gh-md-shrink);
        --gh-lg-align: var(--gh-md-align);
        --gh-lg-order: var(--gh-md-order);
        --gh-lg-min-width: var(--gh-md-min-width);
        --gh-lg-max-width: var(--gh-md-max-width);
        flex-basis: var(--gh-lg-basis);
        flex-grow: var(--gh-lg-grow);
        flex-shrink: var(--gh-lg-shrink);
        align-self: var(--gh-lg-align);
        order: var(--gh-lg-order);
        min-width: var(--gh-lg-min-width);
        max-width: var(--gh-lg-max-width)
    }
}

.gh-flow {
    --gh-flow: var(--gh-space-small)
}

.gh-flow>*+* {
    margin-top: var(--gh-flow)
}

.gh-frame {
    --gh-object-x: 50%;
    --gh-object-y: 50%;
    --gh-object-fit: cover;
    --gh-ratio: 1/1;
    position: relative;
    width: 100%;
    aspect-ratio: var(--gh-ratio);
    overflow: hidden
}

.gh-frame>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: var(--gh-object-fit);
    object-position: var(--gh-object-x) var(--gh-object-y)
}

.gh-grid {
    --gh-columns: 1;
    --gh-size: 1fr;
    --gh-align: normal;
    --gh-justify: normal;
    --gh-place: normal;
    --gh-gap: 0;
    --gh-width: 100%;
    display: grid;
    grid-template-columns: repeat(var(--gh-columns), var(--gh-size));
    align-items: var(--gh-align);
    justify-items: var(--gh-justify);
    place-content: var(--gh-place);
    gap: var(--gh-gap);
    width: var(--gh-width)
}

.gh-grid>* {
    --gh-column: auto;
    --gh-row: auto;
    --gh-align: auto;
    --gh-justify: auto;
    grid-column: var(--gh-column);
    grid-row: var(--gh-row);
    align-self: var(--gh-align);
    justify-self: var(--gh-justify);
    min-width: 0;
    max-width: 100%;
    min-height: 0
}

@container (min-width: 480px) {
    .gh-grid {
        --gh-sm-columns: var(--gh-columns);
        --gh-sm-size: var(--gh-size);
        --gh-sm-align: var(--gh-align);
        --gh-sm-justify: var(--gh-justify);
        --gh-sm-place: var(--gh-place);
        --gh-sm-gap: var(--gh-gap);
        --gh-sm-width: var(--gh-width);
        grid-template-columns: repeat(var(--gh-sm-columns), var(--gh-sm-size));
        align-items: var(--gh-sm-align);
        justify-items: var(--gh-sm-justify);
        place-content: var(--gh-sm-place);
        gap: var(--gh-sm-gap);
        width: var(--gh-sm-width)
    }

    .gh-grid>* {
        --gh-sm-column: var(--gh-column);
        --gh-sm-row: var(--gh-row);
        --gh-sm-align: var(--gh-align);
        --gh-sm-justify: var(--gh-justify);
        grid-column: var(--gh-sm-column);
        grid-row: var(--gh-sm-row);
        align-self: var(--gh-sm-align);
        justify-self: var(--gh-sm-justify)
    }
}

@container (min-width: 960px) {
    .gh-grid {
        --gh-md-columns: var(--gh-sm-columns);
        --gh-md-size: var(--gh-sm-size);
        --gh-md-align: var(--gh-sm-align);
        --gh-md-justify: var(--gh-sm-justify);
        --gh-md-place: var(--gh-sm-place);
        --gh-md-gap: var(--gh-sm-gap);
        --gh-md-width: var(--gh-sm-width);
        grid-template-columns: repeat(var(--gh-md-columns), var(--gh-md-size));
        align-items: var(--gh-md-align);
        justify-items: var(--gh-md-justify);
        place-content: var(--gh-md-place);
        gap: var(--gh-md-gap);
        width: var(--gh-md-width)
    }

    .gh-grid>* {
        --gh-md-column: var(--gh-sm-column);
        --gh-md-row: var(--gh-sm-row);
        --gh-md-align: var(--gh-sm-align);
        --gh-md-justify: var(--gh-sm-justify);
        grid-column: var(--gh-md-column);
        grid-row: var(--gh-md-row);
        align-self: var(--gh-md-align);
        justify-self: var(--gh-md-justify)
    }
}

@container (min-width: 1280px) {
    .gh-grid {
        --gh-lg-columns: var(--gh-md-columns);
        --gh-lg-size: var(--gh-md-size);
        --gh-lg-align: var(--gh-md-align);
        --gh-lg-justify: var(--gh-md-justify);
        --gh-lg-place: var(--gh-md-place);
        --gh-lg-gap: var(--gh-md-gap);
        --gh-lg-width: var(--gh-md-width);
        grid-template-columns: repeat(var(--gh-lg-columns), var(--gh-lg-size));
        align-items: var(--gh-lg-align);
        justify-items: var(--gh-lg-justify);
        place-content: var(--gh-lg-place);
        gap: var(--gh-lg-gap);
        width: var(--gh-lg-width)
    }

    .gh-grid>* {
        --gh-lg-column: var(--gh-md-column);
        --gh-lg-row: var(--gh-md-row);
        --gh-lg-align: var(--gh-md-align);
        --gh-lg-justify: var(--gh-md-justify);
        grid-column: var(--gh-lg-column);
        grid-row: var(--gh-lg-row);
        align-self: var(--gh-lg-align);
        justify-self: var(--gh-lg-justify)
    }
}

.gh-margin-block {
    --gh-margin-block: var(--gh-space-small);
    margin-block: var(--gh-margin-block)
}

@container (min-width: 480px) {
    .gh-margin-block {
        --gh-sm-margin-block: var(--gh-margin-block);
        margin-block: var(--gh-sm-margin-block)
    }
}

@container (min-width: 960px) {
    .gh-margin-block {
        --gh-md-margin-block: var(--gh-sm-margin-block);
        margin-block: var(--gh-md-margin-block)
    }
}

@container (min-width: 1280px) {
    .gh-margin-block {
        --gh-lg-margin-block: var(--gh-md-margin-block);
        margin-block: var(--gh-lg-margin-block)
    }
}

.gh-margin-inline {
    --gh-margin-inline: var(--gh-space-small);
    margin-inline: var(--gh-margin-inline)
}

@container (min-width: 480px) {
    .gh-margin-inline {
        --gh-sm-margin-inline: var(--gh-margin-inline);
        margin-inline: var(--gh-sm-margin-inline)
    }
}

@container (min-width: 960px) {
    .gh-margin-inline {
        --gh-md-margin-inline: var(--gh-sm-margin-inline);
        margin-inline: var(--gh-md-margin-inline)
    }
}

@container (min-width: 1280px) {
    .gh-margin-inline {
        --gh-lg-margin-inline: var(--gh-md-margin-inline);
        margin-inline: var(--gh-lg-margin-inline)
    }
}

.gh-padding-block {
    --gh-padding-block: var(--gh-space-small);
    padding-block: var(--gh-padding-block)
}

@container (min-width: 480px) {
    .gh-padding-block {
        --gh-sm-padding-block: var(--gh-padding-block);
        padding-block: var(--gh-sm-padding-block)
    }
}

@container (min-width: 960px) {
    .gh-padding-block {
        --gh-md-padding-block: var(--gh-sm-padding-block);
        padding-block: var(--gh-md-padding-block)
    }
}

@container (min-width: 1280px) {
    .gh-padding-block {
        --gh-lg-padding-block: var(--gh-md-padding-block);
        padding-block: var(--gh-lg-padding-block)
    }
}

.gh-padding-inline {
    --gh-padding-inline: var(--gh-space-small);
    padding-inline: var(--gh-padding-inline)
}

@container (min-width: 480px) {
    .gh-padding-inline {
        --gh-sm-padding-inline: var(--gh-padding-inline);
        padding-inline: var(--gh-sm-padding-inline)
    }
}

@container (min-width: 960px) {
    .gh-padding-inline {
        --gh-md-padding-inline: var(--gh-sm-padding-inline);
        padding-inline: var(--gh-md-padding-inline)
    }
}

@container (min-width: 1280px) {
    .gh-padding-inline {
        --gh-lg-padding-inline: var(--gh-md-padding-inline);
        padding-inline: var(--gh-lg-padding-inline)
    }
}

.gh-pin {
    --gh-position: relative;
    --gh-top: auto;
    --gh-right: auto;
    --gh-bottom: auto;
    --gh-left: auto;
    --gh-z-index: 0;
    position: var(--gh-position);
    top: var(--gh-top);
    right: var(--gh-right);
    bottom: var(--gh-bottom);
    left: var(--gh-left);
    z-index: var(--gh-z-index)
}

.gh-switch {
    --gh-basis: calc((var(--gh-breakpoint) - 100%) * 999);
    --gh-breakpoint: 0;
    --gh-gap: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gh-gap)
}

.gh-switch>* {
    --gh-grow: 1;
    flex-basis: max(var(--gh-basis), 0px);
    flex-grow: calc(var(--gh-grow))
}

.gh-wrap {
    --gh-width: 100%;
    --gh-max-width: 120rem;
    --gh-margin-inline: auto;
    --gh-padding-inline: clamp(2rem, 5%, 4rem);
    width: calc(var(--gh-width) - var(--gh-padding-inline));
    max-width: var(--gh-max-width);
    margin-inline: var(--gh-margin-inline)
}

.gh-font-italic {
    font-style: italic
}

.gh-background-white {
    background-color: var(--gh-color-white)
}

.gh-background-black {
    background-color: var(--gh-color-black)
}

.gh-background-transparent {
    background-color: rgba(0, 0, 0, 0)
}

.gh-background-current {
    background-color: currentcolor
}

.gh-background-primary {
    background-color: var(--gh-color-primary)
}

.gh-background-primary-80 {
    background-color: var(--gh-color-primary-80)
}

.gh-background-primary-60 {
    background-color: var(--gh-color-primary-60)
}

.gh-background-primary-40 {
    background-color: var(--gh-color-primary-40)
}

.gh-background-primary-20 {
    background-color: var(--gh-color-primary-20)
}

.gh-background-secondary {
    background-color: var(--gh-color-secondary)
}

.gh-background-secondary-80 {
    background-color: var(--gh-color-secondary-80)
}

.gh-background-secondary-60 {
    background-color: var(--gh-color-secondary-60)
}

.gh-background-secondary-40 {
    background-color: var(--gh-color-secondary-40)
}

.gh-background-secondary-20 {
    background-color: var(--gh-color-secondary-20)
}

.gh-background-tertiary {
    background-color: var(--gh-color-tertiary)
}

.gh-background-tertiary-80 {
    background-color: var(--gh-color-tertiary-80)
}

.gh-background-tertiary-60 {
    background-color: var(--gh-color-tertiary-60)
}

.gh-background-tertiary-40 {
    background-color: var(--gh-color-tertiary-40)
}

.gh-background-tertiary-20 {
    background-color: var(--gh-color-tertiary-20)
}

.gh-background-accent {
    background-color: var(--gh-color-accent)
}

.gh-background-accent-80 {
    background-color: var(--gh-color-accent-80)
}

.gh-background-accent-60 {
    background-color: var(--gh-color-accent-60)
}

.gh-background-accent-40 {
    background-color: var(--gh-color-accent-40)
}

.gh-background-accent-20 {
    background-color: var(--gh-color-accent-20)
}

.gh-background-darkgray {
    background-color: var(--gh-color-darkgray)
}

.gh-background-gray {
    background-color: var(--gh-color-gray)
}

.gh-background-lightgray {
    background-color: var(--gh-color-lightgray)
}

.gh-background-danger {
    background-color: var(--gh-color-danger)
}

.gh-background-success {
    background-color: var(--gh-color-success)
}

.gh-background-warning {
    background-color: var(--gh-color-warning)
}

.gh-color-white {
    color: var(--gh-color-white)
}

.gh-color-black {
    color: var(--gh-color-black)
}

.gh-color-transparent {
    color: rgba(0, 0, 0, 0)
}

.gh-color-current {
    color: currentcolor
}

.gh-color-primary {
    color: var(--gh-color-primary)
}

.gh-color-primary-80 {
    color: var(--gh-color-primary-80)
}

.gh-color-primary-60 {
    color: var(--gh-color-primary-60)
}

.gh-color-primary-40 {
    color: var(--gh-color-primary-40)
}

.gh-color-primary-20 {
    color: var(--gh-color-primary-20)
}

.gh-color-secondary {
    color: var(--gh-color-secondary)
}

.gh-color-secondary-80 {
    color: var(--gh-color-secondary-80)
}

.gh-color-secondary-60 {
    color: var(--gh-color-secondary-60)
}

.gh-color-secondary-40 {
    color: var(--gh-color-secondary-40)
}

.gh-color-secondary-20 {
    color: var(--gh-color-secondary-20)
}

.gh-color-tertiary {
    color: var(--gh-color-tertiary)
}

.gh-color-tertiary-80 {
    color: var(--gh-color-tertiary-80)
}

.gh-color-tertiary-60 {
    color: var(--gh-color-tertiary-60)
}

.gh-color-tertiary-40 {
    color: var(--gh-color-tertiary-40)
}

.gh-color-tertiary-20 {
    color: var(--gh-color-tertiary-20)
}

.gh-color-accent {
    color: var(--gh-color-accent)
}

.gh-color-accent-80 {
    color: var(--gh-color-accent-80)
}

.gh-color-accent-60 {
    color: var(--gh-color-accent-60)
}

.gh-color-accent-40 {
    color: var(--gh-color-accent-40)
}

.gh-color-accent-20 {
    color: var(--gh-color-accent-20)
}

.gh-color-darkgray {
    color: var(--gh-color-darkgray)
}

.gh-color-gray {
    color: var(--gh-color-gray)
}

.gh-color-lightgray {
    color: var(--gh-color-lightgray)
}

.gh-color-danger {
    color: var(--gh-color-danger)
}

.gh-color-success {
    color: var(--gh-color-success)
}

.gh-color-warning {
    color: var(--gh-color-warning)
}

.gh-\@container {
    container-type: inline-size
}

.gh-font-sans {
    font-family: var(--gh-font-sans)
}

.gh-font-serif {
    font-family: var(--gh-font-serif)
}

.gh-font-mono {
    font-family: var(--gh-font-mono)
}

.gh-text-xxsmall {
    font-size: var(--gh-text-xxsmall)
}

.gh-text-xsmall {
    font-size: var(--gh-text-xsmall)
}

.gh-text-small {
    font-size: var(--gh-text-small)
}

.gh-text-medium {
    font-size: var(--gh-text-medium)
}

.gh-text-large {
    font-size: var(--gh-text-large)
}

.gh-text-xlarge {
    font-size: var(--gh-text-xlarge)
}

.gh-text-xxlarge {
    font-size: var(--gh-text-xxlarge)
}

.gh-text-xxxsmall {
    font-size: var(--gh-text-xxxsmall)
}

.gh-font-light {
    font-weight: var(--gh-font-light)
}

.gh-font-normal {
    font-weight: var(--gh-font-normal)
}

.gh-font-bold {
    font-weight: var(--gh-font-bold)
}

.gh-font-semibold {
    font-weight: var(--gh-font-semibold)
}

.gh-track-small {
    letter-spacing: var(--gh-track-small)
}

.gh-track-large {
    letter-spacing: var(--gh-track-large)
}

.gh-lead-none {
    line-height: 1
}

.gh-lead-small {
    line-height: var(--gh-lead-small)
}

.gh-lead-medium {
    line-height: var(--gh-lead-medium)
}

.gh-lead-large {
    line-height: var(--gh-lead-large)
}

.gh-text-left {
    text-align: left
}

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

.gh-text-right {
    text-align: right
}

.gh-text-upper {
    text-transform: uppercase
}

.gh-text-lower {
    text-transform: lowercase
}

.gh-text-caps {
    text-transform: capitalize
}

body {
    font-family: var(--gh-font-sans);
    font-size: var(--gh-text-xsmall);
    font-weight: 400;
    font-variant-ligatures: none;
    color: var(--gh-color-black);
    background-color: var(--gh-color-white);
    overflow-x: hidden
}

.gh-media-filter {
    --gh-media-filter-color: var(--gh-color-secondary);
    background-color: var(--gh-media-filter-color)
}

.gh-media-filter>img,
.gh-media-filter>video {
    mix-blend-mode: multiply;
    filter: saturate(50%)
}

.gh-stretch-link {
    --gh-z-index: 1;
    position: static
}

.gh-stretch-link::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: var(--gh-z-index);
    width: 100%;
    height: 100%;
    cursor: pointer
}

.gh-stretch-link:focus {
    outline: none
}

.gh-stretch-link:focus::before {
    outline: var(--gh-outline-width) var(--gh-outline-type) var(--gh-outline-color)
}

.gh-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
    white-space: nowrap;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/ibm-plex-sans-300.woff2") format("woff2")
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/ibm-plex-sans-400.woff2") format("woff2")
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/ibm-plex-sans-500.woff2") format("woff2")
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/ibm-plex-sans-600.woff2") format("woff2")
}

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/ibm-plex-mono-400.woff2") format("woff2")
}

@font-face {
    font-family: "Fraunces";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/fraunces-400.woff2") format("woff2")
}

@font-face {
    font-family: "Fraunces";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/fraunces-500.woff2") format("woff2")
}

h1 {
    font-family: var(--gh-font-sans);
    font-size: var(--gh-text-xxlarge);
    font-weight: var(--gh-font-semibold);
    line-height: var(--gh-lead-small)
}

h2 {
    font-family: var(--gh-font-sans);
    font-size: var(--gh-text-xlarge);
    font-weight: var(--gh-font-bold);
    line-height: var(--gh-lead-small)
}

h3 {
    font-family: var(--gh-font-sans);
    font-size: var(--gh-text-large);
    font-weight: var(--gh-font-bold);
    line-height: var(--gh-lead-small)
}

h4 {
    font-family: var(--gh-font-sans);
    font-size: var(--gh-text-medium);
    font-weight: var(--gh-font-bold);
    line-height: var(--gh-lead-small)
}

h5 {
    font-family: var(--gh-font-sans);
    font-size: var(--gh-text-small);
    font-weight: var(--gh-font-bold);
    line-height: var(--gh-lead-small)
}

h6 {
    font-family: var(--gh-font-sans);
    font-size: var(--gh-text-xsmall);
    font-weight: var(--gh-font-bold);
    line-height: var(--gh-lead-small)
}

p {
    font-family: var(--gh-font-sans);
    font-size: var(--gh-text-xsmall)
}

.gh-heading-xxlarge {
    font-family: var(--gh-font-serif);
    font-size: var(--gh-text-xxlarge);
    font-weight: var(--gh-font-semibold);
    line-height: var(--gh-lead-small)
}

.gh-heading-xlarge {
    font-family: var(--gh-font-sans);
    font-size: var(--gh-text-xlarge);
    font-weight: var(--gh-font-bold);
    line-height: var(--gh-lead-small)
}

.gh-heading-large {
    font-family: var(--gh-font-sans);
    font-size: var(--gh-text-large);
    font-weight: var(--gh-font-bold);
    line-height: var(--gh-lead-small)
}

.gh-heading-medium {
    font-family: var(--gh-font-sans);
    font-size: var(--gh-text-medium);
    font-weight: var(--gh-font-bold);
    line-height: var(--gh-lead-small)
}

.gh-heading-small {
    font-family: var(--gh-font-sans);
    font-size: var(--gh-text-small);
    font-weight: var(--gh-font-bold);
    line-height: var(--gh-lead-small)
}

.gh-heading-xsmall {
    font-family: var(--gh-font-sans);
    font-size: var(--gh-text-xsmall);
    font-weight: var(--gh-font-bold);
    line-height: var(--gh-lead-small)
}

.gh-heading-xxsmall {
    font-family: var(--gh-font-sans);
    font-size: var(--gh-text-xxsmall);
    font-weight: var(--gh-font-bold);
    line-height: var(--gh-lead-small)
}

.gh-text-label {
    font-family: var(--gh-font-mono);
    font-size: var(--gh-text-xxsmall);
    letter-spacing: var(--gh-track-large);
    line-height: var(--gh-lead-normal)
}

.gh-typeset>*+* {
    margin-top: 1.25em
}

.gh-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--gh-space-xxxsmall) var(--gh-space-xxsmall);
    font-family: var(--gh-font-mono);
    font-size: var(--gh-text-xxxsmall);
    line-height: var(--gh-lead-none);
    color: var(--gh-color-black);
    background-color: var(--gh-color-white);
    border-radius: var(--gh-radius-xsmall);
    min-height: 2rem
}

.gh-badge[data-color=primary] {
    color: var(--gh-color-white);
    background-color: var(--gh-color-primary)
}

.gh-badge[data-color=primary-80] {
    color: var(--gh-color-white);
    background-color: var(--gh-color-primary-80)
}

.gh-badge[data-color=primary-60] {
    color: var(--gh-color-white);
    background-color: var(--gh-color-primary-60)
}

.gh-badge[data-color=primary-40] {
    color: var(--gh-color-black);
    background-color: var(--gh-color-primary-40)
}

.gh-badge[data-color=primary-20] {
    color: var(--gh-color-black);
    background-color: var(--gh-color-primary-20)
}

.gh-badge[data-color=secondary] {
    color: var(--gh-color-black);
    background-color: var(--gh-color-secondary)
}

.gh-badge[data-color=secondary-80] {
    color: var(--gh-color-black);
    background-color: var(--gh-color-secondary-80)
}

.gh-badge[data-color=secondary-60] {
    color: var(--gh-color-black);
    background-color: var(--gh-color-secondary-60)
}

.gh-badge[data-color=secondary-40] {
    color: var(--gh-color-black);
    background-color: var(--gh-color-secondary-40)
}

.gh-badge[data-color=secondary-20] {
    color: var(--gh-color-black);
    background-color: var(--gh-color-secondary-20)
}

.gh-badge[data-color=tertiary] {
    color: var(--gh-color-black);
    background-color: var(--gh-color-tertiary)
}

.gh-badge[data-color=tertiary-80] {
    color: var(--gh-color-black);
    background-color: var(--gh-color-tertiary-80)
}

.gh-badge[data-color=tertiary-60] {
    color: var(--gh-color-black);
    background-color: var(--gh-color-tertiary-60)
}

.gh-badge[data-color=tertiary-40] {
    color: var(--gh-color-black);
    background-color: var(--gh-color-tertiary-40)
}

.gh-badge[data-color=tertiary-20] {
    color: var(--gh-color-black);
    background-color: var(--gh-color-tertiary-20)
}

.gh-badge[data-color=accent] {
    color: var(--gh-color-white);
    background-color: var(--gh-color-accent)
}

.gh-badge[data-color=accent-80] {
    color: var(--gh-color-white);
    background-color: var(--gh-color-accent-80)
}

.gh-badge[data-color=accent-60] {
    color: var(--gh-color-white);
    background-color: var(--gh-color-accent-60)
}

.gh-badge[data-color=accent-40] {
    color: var(--gh-color-black);
    background-color: var(--gh-color-accent-40)
}

.gh-badge[data-color=accent-20] {
    color: var(--gh-color-black);
    background-color: var(--gh-color-accent-20)
}

.gh-badge[data-color=success] {
    color: var(--gh-color-white);
    background-color: var(--gh-color-success)
}

.gh-badge[data-color=danger] {
    color: var(--gh-color-white);
    background-color: var(--gh-color-danger)
}

.gh-badge[data-color=black] {
    color: var(--gh-color-white);
    background-color: var(--gh-color-black)
}

.gh-badge[data-color=darkgray] {
    color: var(--gh-color-black);
    background-color: var(--gh-color-darkgray)
}

.gh-badge[data-color=gray] {
    color: var(--gh-color-black);
    background-color: var(--gh-color-gray)
}

.gh-badge[data-color=warning] {
    color: var(--gh-color-black);
    background-color: var(--gh-color-warning)
}

.gh-badge[data-size=small] {
    padding: calc(var(--gh-space-xxxsmall)/2) calc(var(--gh-space-xxsmall)/2);
    min-height: 1.5rem
}

.gh-badge[data-icon=true] {
    gap: var(--gh-space-xxxsmall)
}

.gh-badge[data-icon=true][data-size=small] {
    gap: calc(var(--gh-space-xxxsmall)/4)
}

.gh-badge--icon {
    display: flex;
    align-items: center
}

.gh-badge--icon svg {
    width: 1rem;
    height: 1rem
}

.gh-inline-container {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    align-content: flex-start;
    flex-direction: row;
    --gh-gap: var(--gh-space-xsmall);
    gap: var(--gh-gap);
}
.gh-inline-container > * {
    display: inline-flex !important;
}

.gh-button {
    --gh-outline-color: var(--gh-color-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: var(--gh-space-xsmall) var(--gh-space-small);
    color: var(--gh-color-white);
    background-color: var(--gh-color-accent);
    text-align: center;
    text-decoration: none;
    font-size: var(--gh-text-xxsmall);
    font-family: var(--gh-font-mono);
    font-weight: 400;
    letter-spacing: var(--gh-track-large);
    line-height: var(--gh-lead-small);
    cursor: pointer;
    border-radius: var(--gh-radius-small);
    border: 1px solid rgba(0, 0, 0, 0);
    user-select: none;
    touch-action: manipulation;
    transition: all 200ms ease-in-out
}

.gh-button:hover {
    background-color: var(--gh-color-accent-80)
}

.gh-button[data-size=small] {
    font-size: var(--gh-text-xxxsmall);
    padding: var(--gh-space-xxsmall) var(--gh-space-xsmall)
}

.gh-button[data-type=secondary] {
    --gh-outline-color: var(--gh-color-secondary);
    background-color: var(--gh-color-secondary);
    color: var(--gh-color-black)
}

.gh-button[data-type=secondary]:hover {
    background-color: var(--gh-color-secondary-60)
}

.gh-button[data-type=tertiary] {
    --gh-outline-color: currentcolor;
    background-color: var(--gh-color-tertiary);
    color: var(--gh-color-black)
}

.gh-button[data-type=tertiary]:hover {
    background-color: var(--gh-color-tertiary-80)
}

.gh-button[data-type=outline-dark] {
    --gh-outline-color: currentcolor;
    background-color: rgba(0, 0, 0, 0);
    color: var(--gh-color-black);
    border-color: var(--gh-color-black)
}

.gh-button[data-type=outline-dark]:hover {
    background-color: var(--gh-color-black);
    color: var(--gh-color-white)
}

.gh-button[data-type=outline-light] {
    --gh-outline-color: currentcolor;
    background-color: rgba(0, 0, 0, 0);
    color: var(--gh-color-white);
    border-color: var(--gh-color-white)
}

.gh-button[data-type=outline-light]:hover {
    background-color: var(--gh-color-white);
    color: var(--gh-color-black)
}

.gh-button[data-type=danger] {
    --gh-outline-color: var(--gh-color-black);
    background-color: var(--gh-color-danger);
    color: var(--gh-color-white)
}

.gh-button[data-type=success] {
    --gh-outline-color: var(--gh-color-black);
    background-color: var(--gh-color-success);
    color: var(--gh-color-white)
}

.gh-button[data-icon=true] {
    gap: .5rem
}

.gh-button:active,
.gh-button:focus,
.gh-button:focus-within {
    outline: none;
    box-shadow: 0 0 0 var(--gh-outline-width) var(--gh-outline-color);
    border-color: rgba(0, 0, 0, 0)
}

.gh-button[disabled] {
    background-color: var(--gh-color-lightgray);
    color: var(--gh-color-gray);
    cursor: not-allowed
}

.gh-button[disabled]:hover {
    background-color: var(--gh-color-lightgray);
    color: var(--gh-color-gray)
}

.gh-button--icon {
    display: flex;
    align-items: center
}

.gh-button--icon svg {
    width: 1.25rem;
    height: 1.25rem
}

.gh-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--gh-space-small)
}

.gh-card--media {
    --gh-ratio: 6/4
}

.gh-card--content {
    --gh-flow: var(--gh-space-xsmall);
    padding-inline-end: var(--gh-space-medium)
}

.gh-card--content>* {
    max-width: 60ch
}

.gh-card--heading {
    font-family: var(--gh-font-sans);
    font-size: var(--gh-text-small);
    font-weight: var(--gh-font-bold);
    line-height: var(--gh-lead-small)
}

.gh-card--heading a {
    text-decoration: none
}

@container (min-width: 480px) {
    .gh-card[data-size=large] .gh-card--heading {
        font-size: var(--gh-text-large)
    }
}

.gh-card--meta {
    display: flex;
    flex-direction: column;
    gap: var(--gh-space-xxxsmall);
    font-size: var(--gh-text-xxsmall)
}

.gh-card--meta dt {
    font-weight: var(--gh-font-bold)
}

.gh-card--meta-row {
    width: 100%;
    display: flex;
    gap: var(--gh-space-xxxsmall)
}

.gh-card--meta-title {
    width: 40%;
    display: flex;
    /* gap: var(--gh-space-xxxsmall) */
}

.gh-card--meta-content {
    width: 70%;
    display: flex;
    /* gap: var(--gh-space-xxxsmall) */
}

.gh-collapse {
    width: 100%
}

.gh-collapse summary {
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding-top: var(--gh-space-xsmall);
    list-style: none;
    cursor: pointer
}

.gh-collapse summary::-webkit-details-marker {
    display: none
}

.gh-collapse--item {
    padding-bottom: var(--gh-space-large);
    border-top: 1px solid var(--gh-color-black)
}

.gh-collapse--icon {
    position: relative;
    width: 1rem;
    height: 1rem;
    margin-inline-start: var(--gh-space-xxsmall)
}

.gh-collapse--icon span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-items: center;
    width: 1rem;
    height: .0625rem;
    background-color: var(--gh-color-black)
}

.gh-collapse--icon span:first-child {
    transition: all 200ms linear;
    transform: translate3d(-50%, -50%, 0) rotate(90deg)
}

.gh-collapse--icon span:last-child {
    transform: translate3d(-50%, -50%, 0)
}

.gh-collapse--item[open] .gh-collapse--icon span:first-child {
    width: 0
}

.gh-collapse--panel {
    padding-block: var(--gh-space-small)
}

.gh-collapse--panel>* {
    width: 100ch;
    max-width: 90%
}

.gh-content {
    --gh-background-color: var(--gh-color-secondary);
    --gh-text-color: var(--gh-color-black);
    display: flex;
    flex-direction: column;
    gap: var(--gh-space-xxlarge);
    width: 100%;
    padding-block: var(--gh-space-medium) clamp(1rem, 2.5%, var(--gh-space-medium));
    background-color: var(--gh-background-color);
    color: var(--gh-text-color)
}

.gh-content--preamble {
    display: flex;
    flex-direction: column;
    gap: var(--gh-space-medium);
    max-width: 60rem
}

@media(min-width: 960px) {
    .gh-content--preamble {
        width: 90%
    }
}

.gh-content--text {
    display: flex;
    flex-direction: column;
    gap: var(--gh-space-xlarge);
    max-width: 60rem
}

.gh-content--media {
    display: flex;
    width: 100%
}

.gh-content--media>img,
.gh-content--media>video {
    width: 100%
}

.gh-cover {
    position: relative;
    width: 100%;
    min-height: 40rem;
    background-color: var(--gh-color-primary);
    color: var(--gh-color-white)
}

.gh-cover--wrap {
    --gh-max-width: 100rem;
    --gh-width: 90%;
    display: flex;
    min-height: 80vmin
}

@media(orientation: portrait) {
    .gh-cover--wrap {
        min-height: 70vmin
    }
}

.gh-cover--media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.gh-cover--media img,
.gh-cover--media video {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.gh-cover--overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: var(--gh-color-black);
    opacity: .2
}

.gh-cover--pattern {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    opacity: .05;
    background-image: url("../img/pattern-secondary-20.png");
    background-repeat: repeat;
    background-position: top center
}

.gh-cover--content {
    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--gh-space-xsmall);
    width: 100%;
    padding-top: var(--gh-space-xxlarge);
    padding-bottom: var(--gh-space-large);
    text-align: center
}

.gh-poster {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--gh-space-xlarge);
    max-width: 100%;
    color: var(--gh-color-white)
}

.gh-poster--media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.gh-poster--media>img,
.gh-poster--media>video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.gh-poster--overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: var(--gh-color-black);
    background: linear-gradient(0deg, rgb(19, 6, 2) 0%, rgba(19, 6, 2, 0) 100%);
    opacity: .25
}

.gh-poster--content {
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--gh-space-small);
    width: 100%;
    height: 100%
}

.gh-poster--meta {
    display: flex;
    flex-direction: column;
    justify-content: end;
    flex-grow: 1;
    gap: var(--gh-space-xxxsmall);
    max-width: 65ch;
    width: 70%;
    padding: 80% var(--gh-space-small) var(--gh-space-small) var(--gh-space-small)
}

.gh-poster--heading {
    font-family: var(--gh-font-sans);
    font-size: var(--gh-text-small);
    font-weight: var(--gh-font-bold);
    line-height: var(--gh-lead-small)
}

@container (min-width: 480px) {
    .gh-poster--heading {
        font-size: var(--gh-text-large)
    }
}

.gh-poster--badges {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: start;
    gap: var(--gh-space-xxxsmall);
    padding: var(--gh-space-xsmall)
}

.gh-poster--button {
    display: flex;
    align-items: center;
    align-self: end;
    justify-content: center;
    padding: var(--gh-space-xsmall);
    background-color: var(--gh-color-accent);
    color: var(--gh-color-white)
}

.gh-poster--button svg {
    width: 1.5rem;
    height: 1.5rem
}

.gh-promo {
    --gh-breakpoint: 50rem;
    --gh-gap: var(--gh-space-medium);
    width: 100%
}

.gh-promo--content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--gh-space-large);
    padding-block: var(--gh-space-small) var(--gh-space-large);
    padding-inline: 0 var(--gh-space-large)
}

.gh-promo--content>* {
    max-width: 40rem
}

.gh-promo[data-direction=reverse] .gh-promo--content {
    order: 1
}

.gh-promo--media {
    --gh-media-filter-color: var(--gh-color-accent-40);
    --gh-ratio: 4/5
}

.gh-promo[data-direction=reverse] .gh-promo--media {
    order: 1
}

.gh-promo--media-wrap {
    --gh-grow: 1.5;
    display: flex;
    gap: var(--gh-space-small)
}

.gh-promo--pattern {
    width: 20%;
    min-height: 6rem;
    background-image: url("../img/pattern-accent.png");
    background-repeat: repeat;
    background-position: top center
}

.gh-site-footer--wrap {
    --gh-gap: var(--gh-space-large);
    padding-block: var(--gh-space-large);
    border-top: 1px solid var(--gh-color-black)
}

.gh-site-footer--main {
    --gh-gap: var(--gh-space-large);
    --gh-grow: 2;
    padding-bottom: var(--gh-space-large)
}

.gh-site-footer--company {
    --gh-place: normal;
    --gh-gap: var(--gh-space-large);
    padding-block: var(--gh-space-small);
    border-top: 1px solid var(--gh-color-black)
}

.gh-site-footer--meta {
    --gh-place: space-between;
    --gh-gap: var(--gh-space-large);
    padding-block: var(--gh-space-small);
    border-top: 1px solid var(--gh-color-black)
}

.gh-site-footer--brand {
    --gh-grow: 1;
    color: var(--gh-color-black)
}

.gh-site-footer--brand svg {
    width: clamp(6rem, 5vmin, 9rem);
    height: auto
}

.gh-site-footer--main .gh-site-footer--nav {
    --gh-basis: min(100%, 15rem);
    --gh-grow: 1
}

.gh-site-footer--nav-list {
    --gh-gap: var(--gh-space-xxsmall) var(--gh-space-small)
}

.gh-site-footer--main .gh-site-footer--nav-list {
    --gh-direction: column
}

.gh-site-footer--nav-link {
    color: var(--gh-color-black);
    font-family: var(--gh-font-sans);
    text-decoration: none;
    transition: all 200ms ease-in-out
}

.gh-site-footer--nav-link:hover {
    color: var(--gh-color-accent)
}

.gh-site-header {
    --gh-columns: 2;
    position: relative;
    width: 100%;
    color: var(--gh-color-white)
}

.gh-site-header[data-type=masonry] {
    background-color: var(--gh-color-primary)
}

.gh-site-header[data-type=text] {
    color: var(--gh-color-black)
}

.gh-site-header--navbar {
    --gh-align: start;
    --gh-column: 1 / span 2;
    --gh-row: 1 / span 2;
    position: relative;
    z-index: 5;
    width: 100%;
    color: var(--gh-color-white)
}

.gh-site-header--column {
    --gh-basis: 50%;
    min-height: 4.5rem;
    padding-block: var(--gh-space-small)
}

.gh-site-header--brand {
    --gh-align: baseline;
    --gh-gap: var(--gh-space-xxsmall) var(--gh-space-small)
}

.gh-site-header--brand svg {
    width: 9rem;
    height: auto
}

.gh-site-header--nav {
    --gh-align: center
}

.gh-site-header--nav-list {
    --gh-direction: column;
    --gh-sm-direction: row;
    --gh-gap: var(--gh-space-xxxsmall) var(--gh-space-medium);
    width: 100%
}

.gh-site-header--nav-link {
    position: relative;
    font-family: var(--gh-font-sans);
    font-size: var(--gh-text-xsmall);
    font-weight: var(--gh-font-semibold);
    text-decoration: none;
    transition: color 200ms ease-in-out
}

.gh-site-header--nav-link:hover {
    color: var(--gh-color-tertiary)
}

.gh-site-header--subnav {
    width: 100%
}

.gh-site-header--subnav-list {
    --gh-gap: var(--gh-space-xxxsmall) var(--gh-space-small);
    margin-top: var(--gh-space-xsmall);
    padding-top: var(--gh-space-xxsmall);
    margin-inline-start: clamp(1rem, 2.5%, 2rem);
    border-top: 1px solid var(--gh-color-accent-80)
}

.gh-site-header--subnav-link {
    font-family: var(--gh-font-sans);
    font-size: var(--gh-text-xxsmall);
    color: var(--gh-color-accent-40);
    text-decoration: none;
    transition: color 200ms ease-in-out
}

.gh-site-header--subnav-link[aria-current=page] {
    font-weight: var(--gh-font-semibold);
    color: var(--gh-color-white)
}

.gh-site-header--subnav-link:hover {
    color: var(--gh-color-tertiary)
}

.gh-site-header--actions-trigger {
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    color: var(--gh-color-white);
    border: none;
    cursor: pointer;
    transition: color 200ms ease-in-out
}

.gh-site-header--actions-trigger:hover {
    color: var(--gh-color-tertiary)
}

.gh-site-header--actions-trigger svg {
    width: 1.5rem;
    height: 1.5rem
}

.gh-site-header--test {
    height: 20vmin;
    width: 100%;
    background-color: var(--gh-color-accent)
}

.gh-site-header--media-wrap {
    --gh-column: 2 / span 1;
    --gh-row: 3 / span 3;
    position: relative;
    width: 100%;
    min-height: 50vmin
}

.gh-site-header[data-type=cover] .gh-site-header--media-wrap {
    position: static
}

.gh-site-header[data-type=text] .gh-site-header--media-wrap {
    display: none
}

.gh-site-header--media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.gh-site-header--media img,
.gh-site-header--media video {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.gh-site-header--overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: var(--gh-color-black);
    opacity: .2
}

.gh-site-header--pattern {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    opacity: .05;
    background-image: url("../img/pattern-secondary-20.png");
    background-repeat: repeat;
    background-position: top center
}

.gh-site-header--heading {
    --gh-column: 1 / span 2;
    --gh-row: 3 / span 2;
    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--gh-space-xsmall);
    width: calc(100% - clamp(2rem, 5%, 4rem));
    max-width: 70rem;
    margin-inline: auto;
    padding-top: var(--gh-space-xxlarge);
    padding-bottom: var(--gh-space-large);
    text-align: center
}

.gh-site-header[data-type=text] .gh-site-header--heading {
    padding-bottom: var(--gh-space-xxlarge)
}

.gh-site-header--content {
    --gh-column: 1 / span 2;
    --gh-row: 5 / span 1;
    position: relative;
    z-index: 4;
    max-width: 40rem;
    padding-inline: clamp(1rem, 2.5%, 2rem);
    padding-block: var(--gh-space-xlarge) clamp(1rem, 2.5%, 2rem)
}

.gh-site-header[data-type=text] .gh-site-header--content {
    display: none
}

.gh-site-header--buttons {
    --gh-gap: var(--gh-space-xsmall)
}

.gh-spacer {
    --gh-spacer: var(--gh-space-medium);
    --gh-background: transparent;
    height: var(--gh-spacer);
    background-color: var(--gh-background)
}

.gh-spacer[data-size=xxxsmall] {
    --gh-spacer: var(--gh-space-xxxsmall)
}

.gh-spacer[data-size=xxsmall] {
    --gh-spacer: var(--gh-space-xxsmall)
}

.gh-spacer[data-size=xsmall] {
    --gh-spacer: var(--gh-space-xsmall)
}

.gh-spacer[data-size=small] {
    --gh-spacer: var(--gh-space-small)
}

.gh-spacer[data-size=large] {
    --gh-spacer: var(--gh-space-large)
}

.gh-spacer[data-size=xlarge] {
    --gh-spacer: var(--gh-space-xlarge)
}

.gh-spacer[data-size=xxlarge] {
    --gh-spacer: var(--gh-space-xxlarge)
}

.gh-markup-content
{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden;
}

.gh-markup-content p {
    --gh-margin-block: var(--gh-space-small);
    margin-bottom: var(--gh-margin-block)
}