@font-face {
    font-family: "TT Ramillas Trl-703db74d0d0de7b2";
    src: url("/Content/Skins/seasonsbest/font/90b1613b6a7d43e5.woff2") format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "TT Ramillas Trl-703db74d0d0de7b2 fallback: Arial";
    src: local("Arial");
    font-display: swap;
    font-weight: 700;
    font-style: normal;
    size-adjust: 105.2039%;
    ascent-override: 98.8556%;
    descent-override: 33.2687%;
    line-gap-override: 0%;
}

:root {
    --font-tt-ramillas: "TT Ramillas Trl-703db74d0d0de7b2","TT Ramillas Trl-703db74d0d0de7b2 fallback: Arial",sans-serif;
}

@font-face {
    font-family: "Filson Pro-c500ea3322dbb9a7";
    src: url("/Content/Skins/seasonsbest/font/acf820ef78b560e8.woff2") format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Filson Pro-c500ea3322dbb9a7";
    src: url("/Content/Skins/seasonsbest/font/d07db540c561c78c.woff2") format("woff2");
    font-display: swap;
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Filson Pro-c500ea3322dbb9a7 fallback: Arial";
    src: local("Arial");
    font-display: swap;
    font-weight: 400;
    font-style: normal;
    size-adjust: 108.5687%;
    ascent-override: 82.8968%;
    descent-override: 20.6321%;
    line-gap-override: 4.9738%;
}

@font-face {
    font-family: "Filson Pro-c500ea3322dbb9a7 fallback: Arial";
    src: local("Arial");
    font-display: swap;
    font-weight: 500;
    font-style: normal;
    size-adjust: 108.5687%;
    ascent-override: 82.8968%;
    descent-override: 20.6321%;
    line-gap-override: 4.9738%;
}

:root {
    --font-filson-pro: "Filson Pro-c500ea3322dbb9a7","Filson Pro-c500ea3322dbb9a7 fallback: Arial",sans-serif;
}

/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */ @layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *, :before, :after, ::backdrop {
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: "";
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid
        }
    }
}

@layer theme {
    :root, :host {
        --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --spacing: .25rem;
        --container-2xl: 42rem;
        --container-4xl: 56rem;
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-bold: 700;
        --tracking-wide: .025em;
        --tracking-widest: .1em;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-2xl: 1rem;
        --ease-in-out: cubic-bezier(.4,0,.2,1);
        --aspect-video: 16/9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --grid-margin-sm: 14px;
        --grid-margin-md: 34px;
        --grid-gutter: 20px;
        --color-black: #000;
        --color-white: #fff;
        --color-green-1: #00572e;
        --color-green-2: #097135;
        --color-green-3: #58a946;
        --color-grey: #f3f3f3;
        --color-grey-400: #999;
        --color-grey-600: #4b5563;
        --color-orange: #ed8354;
        --color-nav-hover-bg: var(--color-grey);
        --color-primary: var(--color-green-1);
        --color-secondary: var(--color-green-2);
        --color-accent: var(--color-orange);
        --color-error: red;
        --Block-Display-1: 82px;
        --ease-fluid: cubic-bezier(.3,0,0,1);
        --space-x: clamp(1rem,.0317rem + 4.1315vw,3.75rem);
        --space-y: clamp(2.5rem,1.6197rem + 3.7559vw,5rem);
        --block-space-y-mobile: 30px;
        --block-space-y-desktop: 60px
    }
}

@layer base {
    *, :after, :before, ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    html, :host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings,normal);
        font-variation-settings: var(--default-font-variation-settings,normal);
        -webkit-tap-highlight-color: transparent
    }

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }

    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: inherit;
        font-weight: inherit
    }

    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b, strong {
        font-weight: bolder
    }

    code, kbd, samp, pre {
        font-family: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
        font-feature-settings: var(--default-mono-font-feature-settings,normal);
        font-variation-settings: var(--default-mono-font-variation-settings,normal);
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub, sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    ol, ul, menu {
        list-style: none
    }

    img, svg, video, canvas, audio, iframe, embed, object {
        vertical-align: middle;
        display: block
    }

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

    button, input, select, optgroup, textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    :where(select:is([multiple],[size])) optgroup {
        font-weight: bolder
    }

        :where(select:is([multiple],[size])) optgroup option {
            padding-inline-start: 20px
        }

    ::file-selector-button {
        margin-inline-end: 4px
    }

    ::placeholder {
        opacity: 1
    }

    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }

        @supports (color:color-mix(in lab,red,red)) {
            ::placeholder {
                color: color-mix(in oklab,currentcolor 50%,transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        padding-block: 0
    }

    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }

    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    button, input:where([type=button],[type=reset],[type=submit]) {
        appearance: button
    }

    ::file-selector-button {
        appearance: button
    }

    ::-webkit-inner-spin-button {
        height: auto
    }

    ::-webkit-outer-spin-button {
        height: auto
    }

    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }

    [type=text], input:where(:not([type])), [type=email], [type=url], [type=password], [type=number], [type=date], [type=datetime-local], [type=month], [type=search], [type=tel], [type=time], [type=week], [multiple], textarea, select {
        appearance: none;
        --tw-shadow: 0 0 #0000;
        background-color: #fff;
        border-width: 1px;
        border-color: #6a7282;
        border-radius: 0;
        padding: .5rem .75rem;
        font-size: 1rem;
        line-height: 1.5rem
    }

    :is([type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select):focus {
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, );
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: oklch(54.6% .245 262.881);
        --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(1px + var(--tw-ring-offset-width))var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        border-color: #155dfc;
        outline: 2px solid #0000
    }

    input::placeholder, textarea::placeholder {
        color: #6a7282;
        opacity: 1
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    ::-webkit-date-and-time-value {
        min-height: 1.5em
    }

    ::-webkit-date-and-time-value {
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-year-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-month-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-day-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-hour-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-minute-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-second-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-top: 0;
        padding-bottom: 0
    }

    select {
        print-color-adjust: exact;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
        background-position: right .5rem center;
        background-repeat: no-repeat;
        background-size: 1.5em 1.5em;
        padding-right: 2.5rem
    }

    [multiple], [size]:where(select:not([size="1"])) {
        background-image: initial;
        background-position: initial;
        background-repeat: unset;
        background-size: initial;
        print-color-adjust: unset;
        padding-right: .75rem
    }

    [type=checkbox], [type=radio] {
        appearance: none;
        print-color-adjust: exact;
        vertical-align: middle;
        -webkit-user-select: none;
        user-select: none;
        color: #155dfc;
        --tw-shadow: 0 0 #0000;
        background-color: #fff;
        background-origin: border-box;
        border-width: 1px;
        border-color: #6a7282;
        flex-shrink: 0;
        width: 1rem;
        height: 1rem;
        padding: 0;
        display: inline-block
    }

    [type=checkbox] {
        border-radius: 0
    }

    [type=radio] {
        border-radius: 100%
    }

        [type=checkbox]:focus, [type=radio]:focus {
            outline-offset: 2px;
            --tw-ring-inset: var(--tw-empty, );
            --tw-ring-offset-width: 2px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: oklch(54.6% .245 262.881);
            --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);
            outline: 2px solid #0000
        }

        [type=checkbox]:checked, [type=radio]:checked {
            background-color: currentColor;
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            border-color: #0000
        }

    [type=checkbox]:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
    }

    @media(forced-colors:active) {
        [type=checkbox]:checked {
            appearance: auto
        }
    }

    [type=radio]:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
    }

    @media(forced-colors:active) {
        [type=radio]:checked {
            appearance: auto
        }
    }

    [type=checkbox]:checked:hover, [type=checkbox]:checked:focus, [type=radio]:checked:hover, [type=radio]:checked:focus {
        background-color: currentColor;
        border-color: #0000
    }

    [type=checkbox]:indeterminate {
        background-color: currentColor;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-color: #0000
    }

    @media(forced-colors:active) {
        [type=checkbox]:indeterminate {
            appearance: auto
        }
    }

    [type=checkbox]:indeterminate:hover, [type=checkbox]:indeterminate:focus {
        background-color: currentColor;
        border-color: #0000
    }

    [type=file] {
        background: unset;
        border-color: inherit;
        font-size: unset;
        line-height: inherit;
        border-width: 0;
        border-radius: 0;
        padding: 0
    }

        [type=file]:focus {
            outline: 1px solid buttontext;
            outline: 1px auto -webkit-focus-ring-color
        }
}

@layer components {
    .rich-text {
        color: var(--tw-prose-body);
        max-width: 65ch
    }

        .rich-text :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-top: 1.25em;
            margin-bottom: 1.25em
        }

        .rich-text :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: var(--tw-prose-lead);
            margin-top: 1.2em;
            margin-bottom: 1.2em;
            font-size: 1.25em;
            line-height: 1.6
        }

        .rich-text :where(a):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: var(--tw-prose-links);
            font-weight: 500;
            text-decoration: underline
        }

        .rich-text :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: var(--tw-prose-bold);
            font-weight: 600
        }

        .rich-text :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)), .rich-text :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)), .rich-text :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: inherit
        }

        .rich-text :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-top: 1.25em;
            margin-bottom: 1.25em;
            padding-inline-start: 1.625em;
            list-style-type: decimal
        }

        .rich-text :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)) {
            list-style-type: upper-alpha
        }

        .rich-text :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)) {
            list-style-type: lower-alpha
        }

        .rich-text :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
            list-style-type: upper-alpha
        }

        .rich-text :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
            list-style-type: lower-alpha
        }

        .rich-text :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)) {
            list-style-type: upper-roman
        }

        .rich-text :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)) {
            list-style-type: lower-roman
        }

        .rich-text :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
            list-style-type: upper-roman
        }

        .rich-text :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
            list-style-type: lower-roman
        }

        .rich-text :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)) {
            list-style-type: decimal
        }

        .rich-text :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-top: 1.25em;
            margin-bottom: 1.25em;
            padding-inline-start: 1.625em;
            list-style-type: disc
        }

        .rich-text :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker {
            color: var(--tw-prose-counters);
            font-weight: 400
        }

        .rich-text :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker {
            color: var(--tw-prose-bullets)
        }

        .rich-text :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: var(--tw-prose-headings);
            margin-top: 1.25em;
            font-weight: 600
        }

        .rich-text :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
            border-color: var(--tw-prose-hr);
            border-top-width: 1px;
            margin-top: 3em;
            margin-bottom: 3em
        }

        .rich-text :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: var(--tw-prose-quotes);
            border-inline-start-width: .25rem;
            border-inline-start-color: var(--tw-prose-quote-borders);
            quotes: "“""”""‘""’";
            margin-top: 1.6em;
            margin-bottom: 1.6em;
            padding-inline-start: 1em;
            font-style: italic;
            font-weight: 500
        }

        .rich-text :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before {
            content: open-quote
        }

        .rich-text :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after {
            content: close-quote
        }

        .rich-text :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: var(--tw-prose-headings);
            margin-top: 0;
            margin-bottom: .888889em;
            font-size: 2.25em;
            font-weight: 800;
            line-height: 1.11111
        }

        .rich-text :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: inherit;
            font-weight: 900
        }

        .rich-text :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: var(--tw-prose-headings);
            margin-top: 2em;
            margin-bottom: 1em;
            font-size: 1.5em;
            font-weight: 700;
            line-height: 1.33333
        }

        .rich-text :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: inherit;
            font-weight: 800
        }

        .rich-text :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: var(--tw-prose-headings);
            margin-top: 1.6em;
            margin-bottom: .6em;
            font-size: 1.25em;
            font-weight: 600;
            line-height: 1.6
        }

        .rich-text :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: inherit;
            font-weight: 700
        }

        .rich-text :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: var(--tw-prose-headings);
            margin-top: 1.5em;
            margin-bottom: .5em;
            font-weight: 600;
            line-height: 1.5
        }

        .rich-text :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: inherit;
            font-weight: 700
        }

        .rich-text :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-top: 2em;
            margin-bottom: 2em
        }

        .rich-text :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-top: 2em;
            margin-bottom: 2em;
            display: block
        }

        .rich-text :where(video):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-top: 2em;
            margin-bottom: 2em
        }

        .rich-text :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: var(--tw-prose-kbd);
            box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);
            padding-top: .1875em;
            padding-inline-end: .375em;
            padding-bottom: .1875em;
            border-radius: .3125rem;
            padding-inline-start: .375em;
            font-family: inherit;
            font-size: .875em;
            font-weight: 500
        }

        .rich-text :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: var(--tw-prose-code);
            font-size: .875em;
            font-weight: 600
        }

            .rich-text :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before, .rich-text :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after {
                content: "`"
            }

        .rich-text :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)), .rich-text :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: inherit
        }

        .rich-text :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: inherit;
            font-size: .875em
        }

        .rich-text :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: inherit;
            font-size: .9em
        }

        .rich-text :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)), .rich-text :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)), .rich-text :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: inherit
        }

        .rich-text :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: var(--tw-prose-pre-code);
            background-color: var(--tw-prose-pre-bg);
            padding-top: .857143em;
            padding-inline-end: 1.14286em;
            padding-bottom: .857143em;
            border-radius: .375rem;
            margin-top: 1.71429em;
            margin-bottom: 1.71429em;
            padding-inline-start: 1.14286em;
            font-size: .875em;
            font-weight: 400;
            line-height: 1.71429;
            overflow-x: auto
        }

        .rich-text :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)) {
            font-weight: inherit;
            color: inherit;
            font-size: inherit;
            font-family: inherit;
            line-height: inherit;
            background-color: #0000;
            border-width: 0;
            border-radius: 0;
            padding: 0
        }

            .rich-text :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before, .rich-text :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after {
                content: none
            }

        .rich-text :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
            table-layout: auto;
            width: 100%;
            margin-top: 2em;
            margin-bottom: 2em;
            font-size: .875em;
            line-height: 1.71429
        }

        .rich-text :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)) {
            border-bottom-width: 1px;
            border-bottom-color: var(--tw-prose-th-borders)
        }

        .rich-text :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: var(--tw-prose-headings);
            vertical-align: bottom;
            padding-inline-end: .571429em;
            padding-bottom: .571429em;
            padding-inline-start: .571429em;
            font-weight: 600
        }

        .rich-text :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)) {
            border-bottom-width: 1px;
            border-bottom-color: var(--tw-prose-td-borders)
        }

        .rich-text :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
            border-bottom-width: 0
        }

        .rich-text :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)) {
            vertical-align: baseline
        }

        .rich-text :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)) {
            border-top-width: 1px;
            border-top-color: var(--tw-prose-th-borders)
        }

        .rich-text :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
            vertical-align: top
        }

        .rich-text :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)) {
            text-align: start
        }

        .rich-text :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-top: 0;
            margin-bottom: 0
        }

        .rich-text :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)) {
            color: var(--tw-prose-captions);
            margin-top: .857143em;
            font-size: .875em;
            line-height: 1.42857
        }

    .rich-text {
        --tw-prose-body: oklch(37.3% .034 259.733);
        --tw-prose-headings: oklch(21% .034 264.665);
        --tw-prose-lead: oklch(44.6% .03 256.802);
        --tw-prose-links: oklch(21% .034 264.665);
        --tw-prose-bold: oklch(21% .034 264.665);
        --tw-prose-counters: oklch(55.1% .027 264.364);
        --tw-prose-bullets: oklch(87.2% .01 258.338);
        --tw-prose-hr: oklch(92.8% .006 264.531);
        --tw-prose-quotes: oklch(21% .034 264.665);
        --tw-prose-quote-borders: oklch(92.8% .006 264.531);
        --tw-prose-captions: oklch(55.1% .027 264.364);
        --tw-prose-kbd: oklch(21% .034 264.665);
        --tw-prose-kbd-shadows: oklab(21% -.00316127 -.0338527/.1);
        --tw-prose-code: oklch(21% .034 264.665);
        --tw-prose-pre-code: oklch(92.8% .006 264.531);
        --tw-prose-pre-bg: oklch(27.8% .033 256.848);
        --tw-prose-th-borders: oklch(87.2% .01 258.338);
        --tw-prose-td-borders: oklch(92.8% .006 264.531);
        --tw-prose-invert-body: oklch(87.2% .01 258.338);
        --tw-prose-invert-headings: #fff;
        --tw-prose-invert-lead: oklch(70.7% .022 261.325);
        --tw-prose-invert-links: #fff;
        --tw-prose-invert-bold: #fff;
        --tw-prose-invert-counters: oklch(70.7% .022 261.325);
        --tw-prose-invert-bullets: oklch(44.6% .03 256.802);
        --tw-prose-invert-hr: oklch(37.3% .034 259.733);
        --tw-prose-invert-quotes: oklch(96.7% .003 264.542);
        --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733);
        --tw-prose-invert-captions: oklch(70.7% .022 261.325);
        --tw-prose-invert-kbd: #fff;
        --tw-prose-invert-kbd-shadows: #ffffff1a;
        --tw-prose-invert-code: #fff;
        --tw-prose-invert-pre-code: oklch(87.2% .01 258.338);
        --tw-prose-invert-pre-bg: #00000080;
        --tw-prose-invert-th-borders: oklch(44.6% .03 256.802);
        --tw-prose-invert-td-borders: oklch(37.3% .034 259.733);
        font-size: 1rem;
        line-height: 1.75
    }

        .rich-text :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-top: 0;
            margin-bottom: 0
        }

        .rich-text :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-top: .5em;
            margin-bottom: .5em
        }

        .rich-text :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)), .rich-text :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
            padding-inline-start: .375em
        }

        .rich-text :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-top: .75em;
            margin-bottom: .75em
        }

        .rich-text :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-top: 1.25em
        }

        .rich-text :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-bottom: 1.25em
        }

        .rich-text :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-top: 1.25em
        }

        .rich-text :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-bottom: 1.25em
        }

        .rich-text :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-top: .75em;
            margin-bottom: .75em
        }

        .rich-text :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-top: 1.25em;
            margin-bottom: 1.25em
        }

        .rich-text :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-top: .5em;
            padding-inline-start: 1.625em
        }

        .rich-text :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)), .rich-text :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)), .rich-text :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)), .rich-text :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-top: 0
        }

        .rich-text :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
            padding-inline-start: 0
        }

        .rich-text :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
            padding-inline-end: 0
        }

        .rich-text :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
            padding-top: .571429em;
            padding-inline-end: .571429em;
            padding-bottom: .571429em;
            padding-inline-start: .571429em
        }

        .rich-text :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
            padding-inline-start: 0
        }

        .rich-text :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
            padding-inline-end: 0
        }

        .rich-text :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-top: 2em;
            margin-bottom: 2em
        }

        .rich-text :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-top: 0
        }

        .rich-text :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
            margin-bottom: 0
        }

    .rich-text {
        width: 100%
    }

    @media(min-width:64rem) {
        .rich-text {
            font-size: 1.125rem;
            line-height: 1.77778
        }

            .rich-text :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 1.33333em;
                margin-bottom: 1.33333em
            }

            .rich-text :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 1.09091em;
                margin-bottom: 1.09091em;
                font-size: 1.22222em;
                line-height: 1.45455
            }

            .rich-text :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 1.66667em;
                margin-bottom: 1.66667em;
                padding-inline-start: 1em
            }

            .rich-text :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 0;
                margin-bottom: .833333em;
                font-size: 2.66667em;
                line-height: 1
            }

            .rich-text :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 1.86667em;
                margin-bottom: 1.06667em;
                font-size: 1.66667em;
                line-height: 1.33333
            }

            .rich-text :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 1.66667em;
                margin-bottom: .666667em;
                font-size: 1.33333em;
                line-height: 1.5
            }

            .rich-text :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 1.77778em;
                margin-bottom: .444444em;
                line-height: 1.55556
            }

            .rich-text :where(img):not(:where([class~=not-prose],[class~=not-prose] *)), .rich-text :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 1.77778em;
                margin-bottom: 1.77778em
            }

            .rich-text :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 0;
                margin-bottom: 0
            }

            .rich-text :where(video):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 1.77778em;
                margin-bottom: 1.77778em
            }

            .rich-text :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
                padding-top: .222222em;
                padding-inline-end: .444444em;
                padding-bottom: .222222em;
                border-radius: .3125rem;
                padding-inline-start: .444444em;
                font-size: .888889em
            }

            .rich-text :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
                font-size: .888889em
            }

            .rich-text :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
                font-size: .866667em
            }

            .rich-text :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
                font-size: .875em
            }

            .rich-text :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
                padding-top: 1em;
                padding-inline-end: 1.5em;
                padding-bottom: 1em;
                border-radius: .375rem;
                margin-top: 2em;
                margin-bottom: 2em;
                padding-inline-start: 1.5em;
                font-size: .888889em;
                line-height: 1.75
            }

            .rich-text :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)), .rich-text :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 1.33333em;
                margin-bottom: 1.33333em;
                padding-inline-start: 1.55556em
            }

            .rich-text :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: .666667em;
                margin-bottom: .666667em
            }

            .rich-text :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)), .rich-text :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
                padding-inline-start: .444444em
            }

            .rich-text :where(.lg\:prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: .888889em;
                margin-bottom: .888889em
            }

            .rich-text :where(.lg\:prose-lg>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 1.33333em
            }

            .rich-text :where(.lg\:prose-lg>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-bottom: 1.33333em
            }

            .rich-text :where(.lg\:prose-lg>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 1.33333em
            }

            .rich-text :where(.lg\:prose-lg>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-bottom: 1.33333em
            }

            .rich-text :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: .888889em;
                margin-bottom: .888889em
            }

            .rich-text :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 1.33333em;
                margin-bottom: 1.33333em
            }

            .rich-text :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 1.33333em
            }

            .rich-text :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: .666667em;
                padding-inline-start: 1.55556em
            }

            .rich-text :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 3.11111em;
                margin-bottom: 3.11111em
            }

            .rich-text :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)), .rich-text :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)), .rich-text :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)), .rich-text :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 0
            }

            .rich-text :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
                font-size: .888889em;
                line-height: 1.5
            }

            .rich-text :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
                padding-inline-end: .75em;
                padding-bottom: .75em;
                padding-inline-start: .75em
            }

            .rich-text :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
                padding-inline-start: 0
            }

            .rich-text :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
                padding-inline-end: 0
            }

            .rich-text :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
                padding-top: .75em;
                padding-inline-end: .75em;
                padding-bottom: .75em;
                padding-inline-start: .75em
            }

            .rich-text :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
                padding-inline-start: 0
            }

            .rich-text :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
                padding-inline-end: 0
            }

            .rich-text :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 1.77778em;
                margin-bottom: 1.77778em
            }

            .rich-text :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 0;
                margin-bottom: 0
            }

            .rich-text :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 1em;
                font-size: .888889em;
                line-height: 1.5
            }

            .rich-text :where(.lg\:prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-top: 0
            }

            .rich-text :where(.lg\:prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
                margin-bottom: 0
            }
    }

    .rich-text ul li, .rich-text .prose ul li {
        margin-bottom: calc(var(--spacing)*1);
        font-family: var(--font-filson-pro),sans-serif;
        --tw-leading: 1.4;
        --tw-font-weight: var(--font-weight-normal);
        font-size: 16px;
        line-height: 1.4;
        font-weight: var(--font-weight-normal);
        list-style-type: none;
        position: relative;
        padding-left: 18px !important
    }

    :is(.rich-text ul li,.rich-text .prose ul li):before {
        top: .25em;
        left: calc(var(--spacing)*0);
        height: calc(var(--spacing)*2.5);
        width: calc(var(--spacing)*2.5);
        background-image: var(--rich-text-bullet-icon);
        --tw-content: "";
        content: var(--tw-content);
        background-position: 0;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute
    }

    .rich-text ul li::marker {
        content: none;
        display: none
    }

    .rich-text .prose ul li::marker {
        content: none;
        display: none
    }

    .rich-text ul li > :first-child, .rich-text .prose ul li > :first-child {
        margin-left: calc(var(--spacing)*0);
        padding-left: calc(var(--spacing)*0)
    }

    .rich-text--blog .prose blockquote, .rich-text.rich-text--blog blockquote {
        border-style: var(--tw-border-style) !important;
        padding-left: calc(var(--spacing)*0) !important;
        --tw-font-weight: var(--font-weight-medium) !important;
        font-size: 18px !important;
        font-weight: var(--font-weight-medium) !important;
        border-width: 0 !important
    }

        .rich-text--blog .prose blockquote:before, .rich-text.rich-text--blog blockquote:before {
            display: none
        }

        .rich-text--blog .prose blockquote p, .rich-text.rich-text--blog blockquote p {
            --tw-font-weight: var(--font-weight-medium) !important;
            font-size: 18px !important;
            font-weight: var(--font-weight-medium) !important
        }
}

@layer utilities {
    .pointer-events-none {
        pointer-events: none
    }

    .invisible {
        visibility: hidden
    }

    .link {
        text-decoration-line: none;
        position: relative
    }

        .link:after {
            bottom: -2px;
            left: calc(var(--spacing)*0);
            height: 1px;
            width: calc(var(--spacing)*0);
            transition-property: width;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            --tw-duration: .4s;
            --tw-ease: var(--ease-in-out);
            transition-duration: .4s;
            transition-timing-function: var(--ease-in-out);
            --tw-content: "";
            content: var(--tw-content);
            background-color: currentColor;
            position: absolute
        }

        .link:hover:after {
            width: 100%
        }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .inset-0 {
        inset: calc(var(--spacing)*0)
    }

    .top-0 {
        top: calc(var(--spacing)*0)
    }

    .top-\[11px\] {
        top: 11px
    }

    .right-0 {
        right: calc(var(--spacing)*0)
    }

    .right-\[11px\] {
        right: 11px
    }

    .bottom-0 {
        bottom: calc(var(--spacing)*0)
    }

    .bottom-\[11px\] {
        bottom: 11px
    }

    .left-0 {
        left: calc(var(--spacing)*0)
    }

    .left-1\/2 {
        left: 50%
    }

    .isolate {
        isolation: isolate
    }

    .z-0 {
        z-index: 0
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-\[1\] {
        z-index: 1
    }

    .z-\[19\] {
        z-index: 19
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .col-span-4 {
        grid-column: span 4/span 4
    }

    .col-span-full {
        grid-column: 1/-1
    }

    .col-start-1 {
        grid-column-start: 1
    }

    .container {
        width: 100%
    }

    @media(min-width:30rem) {
        .container {
            max-width: 30rem
        }
    }

    @media(min-width:40rem) {
        .container {
            max-width: 40rem
        }
    }

    @media(min-width:48rem) {
        .container {
            max-width: 48rem
        }
    }

    @media(min-width:64rem) {
        .container {
            max-width: 64rem
        }
    }

    @media(min-width:80rem) {
        .container {
            max-width: 80rem
        }
    }

    @media(min-width:96rem) {
        .container {
            max-width: 96rem
        }
    }

    @media(min-width:120rem) {
        .container {
            max-width: 120rem
        }
    }

    .m-0 {
        margin: calc(var(--spacing)*0)
    }

    .mx-1 {
        margin-inline: calc(var(--spacing)*1)
    }

    .mx-auto {
        margin-inline: auto
    }

    .mt-1 {
        margin-top: calc(var(--spacing)*1)
    }

    .mt-2 {
        margin-top: calc(var(--spacing)*2)
    }

    .mt-5 {
        margin-top: calc(var(--spacing)*5)
    }

    .mt-6 {
        margin-top: calc(var(--spacing)*6)
    }

    .mt-\[8px\] {
        margin-top: 8px
    }

    .mt-\[11px\] {
        margin-top: 11px
    }

    .mt-\[28px\] {
        margin-top: 28px
    }

    .mt-\[31px\] {
        margin-top: 31px
    }

    .mt-\[59\.5px\] {
        margin-top: 59.5px
    }

    .mr-space {
        margin-right: var(--space-x)
    }

    .mb-0 {
        margin-bottom: calc(var(--spacing)*0)
    }

    .mb-0\! {
        margin-bottom: calc(var(--spacing)*0) !important
    }

    .mb-2 {
        margin-bottom: calc(var(--spacing)*2)
    }

    .mb-4 {
        margin-bottom: calc(var(--spacing)*4)
    }

    .mb-5 {
        margin-bottom: calc(var(--spacing)*5)
    }

    .mb-\[3px\] {
        margin-bottom: 3px
    }

    .mb-\[4px\] {
        margin-bottom: 4px
    }

    .mb-\[7px\] {
        margin-bottom: 7px
    }

    .mb-\[8px\] {
        margin-bottom: 8px
    }

    .mb-\[13px\] {
        margin-bottom: 13px
    }

    .mb-\[20px\] {
        margin-bottom: 20px
    }

    .mb-\[30px\] {
        margin-bottom: 30px
    }

    .mb-\[59\.5px\] {
        margin-bottom: 59.5px
    }

    .ml-5 {
        margin-left: calc(var(--spacing)*5)
    }

    .ml-auto {
        margin-left: auto
    }

    .ml-space {
        margin-left: var(--space-x)
    }

    .line-clamp-3 {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .block {
        display: block
    }

    .flex {
        display: flex 
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .aspect-\[0\.98\/1\] {
        aspect-ratio: .98
    }

    .aspect-\[4\/3\] {
        aspect-ratio: 4/3
    }

    .aspect-\[4\/5\] {
        aspect-ratio: 4/5
    }

    .aspect-\[5\/4\] {
        aspect-ratio: 5/4
    }

    .aspect-square {
        aspect-ratio: 1
    }

    .aspect-video {
        aspect-ratio: var(--aspect-video)
    }

    .h-2 {
        height: calc(var(--spacing)*2)
    }

    .h-3 {
        height: calc(var(--spacing)*3)
    }

    .h-4 {
        height: calc(var(--spacing)*4)
    }

    .h-10 {
        height: calc(var(--spacing)*10)
    }

    .h-\[30\%\] {
        height: 30%
    }

    .h-\[34px\] {
        height: 34px
    }

    .h-dvh {
        height: 100dvh
    }

    .h-full {
        height: 100%
    }

    .min-h-0 {
        min-height: calc(var(--spacing)*0)
    }

    .min-h-\[120\%\] {
        min-height: 120%
    }

    .min-h-\[120px\] {
        min-height: 120px
    }

    .min-h-\[200px\] {
        min-height: 200px
    }

    .min-h-\[270px\] {
        min-height: 270px
    }

    .w-0 {
        width: calc(var(--spacing)*0)
    }

    .w-1\/2 {
        width: 50%
    }

    .w-3 {
        width: calc(var(--spacing)*3)
    }

    .w-4 {
        width: calc(var(--spacing)*4)
    }

    .w-10 {
        width: calc(var(--spacing)*10)
    }

    .w-\[34px\] {
        width: 34px
    }

    .w-\[47px\] {
        width: 47px
    }

    .w-\[123px\] {
        width: 123px
    }

    .w-\[170px\]\! {
        width: 170px !important
    }

    .w-\[calc\(100\%-8px\)\] {
        width: calc(100% - 8px)
    }

    .w-\[var\(--mobile-menu-lottie-size\)\] {
        width: var(--mobile-menu-lottie-size)
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .max-w-2xl {
        max-width: var(--container-2xl)
    }

    .max-w-4xl {
        max-width: var(--container-4xl)
    }

    .max-w-\[206px\] {
        max-width: 206px
    }

    .max-w-\[880px\] {
        max-width: 880px
    }

    .max-w-full {
        max-width: 100%
    }

    .min-w-0 {
        min-width: calc(var(--spacing)*0)
    }

    .min-w-full {
        min-width: 100%
    }

    .flex-1 {
        flex: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .grow {
        flex-grow: 1
    }

    .-translate-y-full {
        --tw-translate-y: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .transform {
        transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
    }

    .cursor-pointer {
        cursor: pointer
    }

    .resize {
        resize: both
    }

    .resize-y {
        resize: vertical
    }

    .grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .flex-col {
        flex-direction: column
    }

    .items-center {
        align-items: center
    }

    .items-end {
        align-items: flex-end
    }

    .items-start {
        align-items: flex-start
    }

    .justify-between {
        justify-content: space-between
    }

    .justify-center {
        justify-content: center
    }

    .justify-end {
        justify-content: flex-end
    }

    .justify-start {
        justify-content: flex-start
    }

    .gap-2 {
        gap: calc(var(--spacing)*2)
    }

    .gap-4 {
        gap: calc(var(--spacing)*4)
    }

    .gap-6 {
        gap: calc(var(--spacing)*6)
    }

    .gap-\[12px\] {
        gap: 12px
    }

    .gap-\[20px\] {
        gap: 20px
    }

    :where(.space-y-2>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-2\.5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))
    }

    .gap-x-4 {
        column-gap: calc(var(--spacing)*4)
    }

    .gap-x-\[25px\] {
        column-gap: 25px
    }

    .gap-y-5 {
        row-gap: calc(var(--spacing)*5)
    }

    .gap-y-7 {
        row-gap: calc(var(--spacing)*7)
    }

    .gap-y-8 {
        row-gap: calc(var(--spacing)*8)
    }

    .gap-y-\[25px\] {
        row-gap: 25px
    }

    .gap-y-\[28px\] {
        row-gap: 28px
    }

    .gap-y-\[40px\] {
        row-gap: 40px
    }

    .self-start {
        align-self: flex-start
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-x-visible {
        overflow-x: visible
    }

    .rounded-md {
        border-radius: var(--radius-md)
    }

    .rounded-none {
        border-radius: 0
    }

    .rounded-tl-\[40px\] {
        border-top-left-radius: 40px
    }

    .rounded-br-2xl {
        border-bottom-right-radius: var(--radius-2xl)
    }

    .rounded-br-\[20px\] {
        border-bottom-right-radius: 20px
    }

    .rounded-br-\[40px\] {
        border-bottom-right-radius: 40px
    }

    .rounded-bl-\[40px\] {
        border-bottom-left-radius: 40px
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-transparent {
        border-color: #0000
    }

    .bg-black\/80 {
        background-color: #000c
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-black\/80 {
            background-color: color-mix(in oklab,var(--color-black)80%,transparent)
        }
    }

    .bg-green-1 {
        background-color: var(--color-green-1)
    }

    .bg-grey {
        background-color: var(--color-grey)
    }

    .bg-grey-600 {
        background-color: var(--color-grey-600)
    }

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

    .bg-transparent {
        background-color: #0000
    }

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

    .bg-gradient-to-t {
        --tw-gradient-position: to top in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .from-black\/80 {
        --tw-gradient-from: #000c
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-black\/80 {
            --tw-gradient-from: color-mix(in oklab,var(--color-black)80%,transparent)
        }
    }

    .from-black\/80 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-transparent {
        --tw-gradient-to: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .bg-cover {
        background-size: cover
    }

    .bg-center {
        background-position: 50%
    }

    .bg-no-repeat {
        background-repeat: no-repeat
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .object-bottom-right {
        object-position: right bottom
    }

    .object-right {
        object-position: right
    }

    .p-1\.5 {
        padding: calc(var(--spacing)*1.5)
    }

    .p-4 {
        padding: calc(var(--spacing)*4)
    }

    .p-\[21px_20px_20px_20px\] {
        padding: 21px 20px 20px
    }

    .px-4 {
        padding-inline: calc(var(--spacing)*4)
    }

    .px-\[20px\] {
        padding-inline: 20px
    }

    .px-\[31px\] {
        padding-inline: 31px
    }

    .px-\[32px\] {
        padding-inline: 32px
    }

    .py-\[28px\] {
        padding-block: 28px
    }

    .py-\[31px\] {
        padding-block: 31px
    }

    .py-\[48px\] {
        padding-block: 48px
    }

    .py-space {
        padding-top: var(--space-y)
    }

        .py-space.bg-transparent + .py-space.bg-transparent, .py-space.bg-white + .py-space.bg-white, .py-space.bg-black + .py-space.bg-black, .py-space.bg-primary + .py-space.bg-primary, .py-space.bg-secondary + .py-space.bg-secondary, .py-space.bg-accent + .py-space.bg-accent, .py-space.bg-transparent + script + .py-space.bg-transparent, .py-space.bg-white + script + .py-space.bg-white, .py-space.bg-black + script + .py-space.bg-black, .py-space.bg-primary + script + .py-space.bg-primary, .py-space.bg-secondary + script + .py-space.bg-secondary, .py-space.bg-accent + script + .py-space.bg-accent {
            padding-top: 0 !important
        }

    .py-space {
        padding-bottom: var(--space-y)
    }

    .pt-4 {
        padding-top: calc(var(--spacing)*4)
    }

    .pt-5 {
        padding-top: calc(var(--spacing)*5)
    }

    .pt-8 {
        padding-top: calc(var(--spacing)*8)
    }

    .pt-\[10px\] {
        padding-top: 10px
    }

    .pt-\[17px\] {
        padding-top: 17px
    }

    .pt-\[21px\] {
        padding-top: 21px
    }

    .pt-\[25px\] {
        padding-top: 25px
    }

    .px-space {
        padding-right: var(--space-x);
        padding-left: var(--space-x)
    }

    .pr-6 {
        padding-right: calc(var(--spacing)*6)
    }

    .pr-\[15px\] {
        padding-right: 15px
    }

    .pr-\[calc\(var\(--space-x\)-4px\)\] {
        padding-right: calc(var(--space-x) - 4px)
    }

    .pr-\[calc\(var\(--space-x\)-10px\)\] {
        padding-right: calc(var(--space-x) - 10px)
    }

    .pb-0\.5 {
        padding-bottom: calc(var(--spacing)*.5)
    }

    .pb-6 {
        padding-bottom: calc(var(--spacing)*6)
    }

    .pb-\[8px\] {
        padding-bottom: 8px
    }

    .pb-\[16\.31px\] {
        padding-bottom: 16.31px
    }

    .pb-\[17px\] {
        padding-bottom: 17px
    }

    .pb-\[23px\] {
        padding-bottom: 23px
    }

    .pb-\[37px\] {
        padding-bottom: 37px
    }

    .pb-\[68\.66px\] {
        padding-bottom: 68.66px
    }

    .pb-\[min\(280px\,40vh\)\] {
        padding-bottom: min(280px,40vh)
    }

    .pl-5 {
        padding-left: calc(var(--spacing)*5)
    }

    .pl-\[calc\(var\(--space-x\)-4px\)\] {
        padding-left: calc(var(--space-x) - 4px)
    }

    .pl-space {
        padding-left: var(--space-x)
    }

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .display-1 {
        font-family: var(--font-tt-ramillas),sans-serif;
        --tw-leading: 1;
        --tw-font-weight: var(--font-weight-bold);
        font-size: 48px;
        line-height: 1;
        font-weight: var(--font-weight-bold)
    }

    @media(min-width:48rem) {
        .display-1 {
            font-size: 82px
        }
    }

    .h1 {
        font-family: var(--font-tt-ramillas),sans-serif;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        --tw-leading: 1.2;
        font-size: 34px;
        line-height: 1.2
    }

    @media(min-width:48rem) {
        .h1 {
            font-size: 48px
        }
    }

    .h3 {
        font-family: var(--font-tt-ramillas),sans-serif;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        --tw-leading: 1.1;
        font-size: 28px;
        line-height: 1.1
    }

    @media(min-width:48rem) {
        .h3 {
            font-size: 34px
        }
    }

    .h4 {
        font-family: var(--font-tt-ramillas),sans-serif;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        --tw-leading: 1.1;
        font-size: 24px;
        line-height: 1.1
    }

    @media(min-width:48rem) {
        .h4 {
            font-size: 28px
        }
    }

    .h5 {
        font-family: var(--font-tt-ramillas),sans-serif;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        --tw-leading: 1.1;
        font-size: 22px;
        line-height: 1.1
    }

    @media(min-width:48rem) {
        .h5 {
            font-size: 24px
        }
    }

    .stats {
        font-family: var(--font-tt-ramillas),sans-serif;
        --tw-leading: 1;
        --tw-font-weight: var(--font-weight-bold);
        font-size: 80px;
        line-height: 1;
        font-weight: var(--font-weight-bold)
    }

    @media(min-width:48rem) {
        .stats {
            font-size: 100px
        }
    }

    .body-1 {
        font-family: var(--font-filson-pro),sans-serif;
        --tw-leading: 1.4;
        --tw-font-weight: var(--font-weight-normal);
        font-size: 18px;
        line-height: 1.4;
        font-weight: var(--font-weight-normal)
    }

    .body-1-bold {
        font-family: var(--font-filson-pro),sans-serif;
        --tw-leading: 1.4;
        --tw-font-weight: var(--font-weight-medium);
        font-size: 18px;
        line-height: 1.4;
        font-weight: var(--font-weight-medium)
    }

    .body-2 {
        font-family: var(--font-filson-pro),sans-serif;
        --tw-leading: 1.4;
        --tw-font-weight: var(--font-weight-normal);
        font-size: 16px;
        line-height: 1.4;
        font-weight: var(--font-weight-normal)
    }

    .body-3 {
        font-family: var(--font-filson-pro),sans-serif;
        --tw-leading: 1.4;
        --tw-font-weight: var(--font-weight-normal);
        font-size: 14px;
        line-height: 1.4;
        font-weight: var(--font-weight-normal)
    }

    .body-3-bold {
        font-family: var(--font-filson-pro),sans-serif;
        --tw-leading: 1.4;
        --tw-font-weight: var(--font-weight-medium);
        font-size: 14px;
        line-height: 1.4;
        font-weight: var(--font-weight-medium)
    }

    .display-2 {
        font-family: var(--font-tt-ramillas),sans-serif;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .heading-1\! {
        font-family: var(--font-tt-ramillas),sans-serif !important;
        --tw-font-weight: var(--font-weight-bold) !important;
        font-weight: var(--font-weight-bold) !important
    }

    .heading-4 {
        font-family: var(--font-tt-ramillas),sans-serif;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .title {
        font-family: var(--font-filson-pro),sans-serif;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .text-\[40px\]\! {
        font-size: 40px !important
    }

    .leading-\[109\%\]\! {
        --tw-leading: 109% !important;
        line-height: 109% !important
    }

    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }

    .whitespace-pre-line {
        white-space: pre-line
    }

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

    .text-green-1 {
        color: var(--color-green-1)
    }

    .text-green-3 {
        color: var(--color-green-3)
    }

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

    .uppercase {
        text-transform: uppercase
    }

    .no-underline {
        text-decoration-line: none
    }

    .opacity-0 {
        opacity: 0
    }

    .mix-blend-multiply {
        mix-blend-mode: multiply
    }

    .transition-\[border-color\] {
        transition-property: border-color;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .transition-\[grid-template-rows\] {
        transition-property: grid-template-rows;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .transition-transform {
        transition-property: transform,translate,scale,rotate;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .duration-400, .duration-\[400ms\] {
        --tw-duration: .4s;
        transition-duration: .4s
    }

    .duration-\[600ms\] {
        --tw-duration: .6s;
        transition-duration: .6s
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .will-change-transform {
        will-change: transform
    }

    @media(hover:hover) {
        .group-hover\:scale-105:is(:where(.group):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .hover\:border-green-1:hover {
            border-color: var(--color-green-1)
        }
    }

    @media(min-width:48rem) {
        .md\:mt-\[20px\] {
            margin-top: 20px
        }

        .md\:mt-\[49\.5px\] {
            margin-top: 49.5px
        }

        .md\:mb-2 {
            margin-bottom: calc(var(--spacing)*2)
        }

        .md\:mb-5 {
            margin-bottom: calc(var(--spacing)*5)
        }

        .md\:mb-\[8px\] {
            margin-bottom: 8px
        }

        .md\:mb-\[13px\] {
            margin-bottom: 13px
        }

        .md\:mb-\[15px\] {
            margin-bottom: 15px
        }

        .md\:mb-\[49\.5px\] {
            margin-bottom: 49.5px
        }

        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:hidden {
            display: none
        }

        .md\:min-h-\[420px\] {
            min-height: 420px
        }

        .md\:w-\[209\.997px\]\! {
            width: 209.997px !important
        }

        .md\:p-2\.5 {
            padding: calc(var(--spacing)*2.5)
        }

        .md\:pr-\[calc\(var\(--space-x\)-10px\)\] {
            padding-right: calc(var(--space-x) - 10px)
        }

        .md\:pb-0 {
            padding-bottom: calc(var(--spacing)*0)
        }

        .md\:pl-\[calc\(var\(--space-x\)-10px\)\] {
            padding-left: calc(var(--space-x) - 10px)
        }

        .md\:body-1 {
            font-family: var(--font-filson-pro),sans-serif;
            --tw-leading: 1.4;
            --tw-font-weight: var(--font-weight-normal);
            font-size: 18px;
            line-height: 1.4;
            font-weight: var(--font-weight-normal)
        }

        .md\:text-\[82px\]\! {
            font-size: 82px !important
        }
    }

    @media(min-width:64rem) {
        .lg\:col-span-2 {
            grid-column: span 2/span 2
        }

        .lg\:col-span-3 {
            grid-column: span 3/span 3
        }

        .lg\:col-span-4 {
            grid-column: span 4/span 4
        }

        .lg\:col-span-6 {
            grid-column: span 6/span 6
        }

        .lg\:col-start-1 {
            grid-column-start: 1
        }

        .lg\:col-start-4 {
            grid-column-start: 4
        }

        .lg\:row-start-2 {
            grid-row-start: 2
        }

        .lg\:mb-0 {
            margin-bottom: calc(var(--spacing)*0)
        }

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

        .lg\:hidden {
            display: none
        }

        .lg\:min-h-\[280px\] {
            min-height: 280px
        }

        .lg\:grid-cols-6 {
            grid-template-columns: repeat(6,minmax(0,1fr))
        }

        .lg\:items-end {
            align-items: flex-end
        }

        .lg\:gap-x-6 {
            column-gap: calc(var(--spacing)*6)
        }

        .lg\:gap-y-0 {
            row-gap: calc(var(--spacing)*0)
        }

        .lg\:gap-y-6 {
            row-gap: calc(var(--spacing)*6)
        }

        .lg\:gap-y-8 {
            row-gap: calc(var(--spacing)*8)
        }

        .lg\:gap-y-10 {
            row-gap: calc(var(--spacing)*10)
        }
    }

    @media(min-width:80rem) {
        .xl\:sticky {
            position: sticky
        }

        .xl\:top-8 {
            top: calc(var(--spacing)*8)
        }

        .xl\:z-1 {
            z-index: 1
        }

        .xl\:order-0 {
            order: 0
        }

        .xl\:col-span-1 {
            grid-column: span 1/span 1
        }

        .xl\:col-span-3 {
            grid-column: span 3/span 3
        }

        .xl\:col-span-4 {
            grid-column: span 4/span 4
        }

        .xl\:col-span-5 {
            grid-column: span 5/span 5
        }

        .xl\:col-span-6 {
            grid-column: span 6/span 6
        }

        .xl\:col-span-7 {
            grid-column: span 7/span 7
        }

        .xl\:col-span-8 {
            grid-column: span 8/span 8
        }

        .xl\:col-span-12 {
            grid-column: span 12/span 12
        }

        .xl\:col-span-full {
            grid-column: 1/-1
        }

        .xl\:col-start-1 {
            grid-column-start: 1
        }

        .xl\:col-start-2 {
            grid-column-start: 2
        }

        .xl\:col-start-5 {
            grid-column-start: 5
        }

        .xl\:col-start-6 {
            grid-column-start: 6
        }

        .xl\:col-start-7 {
            grid-column-start: 7
        }

        .xl\:col-start-8 {
            grid-column-start: 8
        }

        .xl\:col-start-9 {
            grid-column-start: 9
        }

        .xl\:row-start-1 {
            grid-row-start: 1
        }

        .xl\:mb-5 {
            margin-bottom: calc(var(--spacing)*5)
        }

        .xl\:mb-\[20px\] {
            margin-bottom: 20px
        }

        .xl\:flex {
            display: flex
        }

        .xl\:aspect-auto {
            aspect-ratio: auto
        }

        .xl\:h-full {
            height: 100%
        }

        .xl\:min-h-0 {
            min-height: calc(var(--spacing)*0)
        }

        .xl\:min-h-\[320px\] {
            min-height: 320px
        }

        .xl\:flex-1 {
            flex: 1
        }

        .xl\:grid-cols-3 {
            grid-template-columns: repeat(3,minmax(0,1fr))
        }

        .xl\:grid-cols-12 {
            grid-template-columns: repeat(12,minmax(0,1fr))
        }

        .xl\:flex-col {
            flex-direction: column
        }

        .xl\:items-stretch {
            align-items: stretch
        }

        .xl\:gap-x-6 {
            column-gap: calc(var(--spacing)*6)
        }

        .xl\:gap-x-\[91px\] {
            column-gap: 91px
        }

        .xl\:gap-y-0 {
            row-gap: calc(var(--spacing)*0)
        }

        .xl\:pt-0 {
            padding-top: calc(var(--spacing)*0)
        }

        .xl\:pt-\[100px\] {
            padding-top: 100px
        }

        .xl\:pr-\[93px\] {
            padding-right: 93px
        }

        .xl\:pb-\[32px\] {
            padding-bottom: 32px
        }

        .xl\:pb-\[102px\] {
            padding-bottom: 102px
        }

        .xl\:pl-\[29px\] {
            padding-left: 29px
        }

        .xl\:pl-\[95px\] {
            padding-left: 95px
        }
    }

    .\[\&_p\+p\]\:mt-3 p + p {
        margin-top: calc(var(--spacing)*3)
    }
}

h1 {
    font-family: var(--font-tt-ramillas),sans-serif;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-leading: 1.2;
    font-size: 34px;
    line-height: 1.2
}

@media(min-width:48rem) {
    h1 {
        font-size: 48px
    }
}

.h2, h2 {
    font-family: var(--font-tt-ramillas),sans-serif;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-leading: 1;
    font-size: 30px;
    line-height: 1
}

@media(min-width:48rem) {
    .h2, h2 {
        font-size: 40px
    }
}

.h3, h3 {
    font-family: var(--font-tt-ramillas),sans-serif;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-leading: 1.1;
    font-size: 28px;
    line-height: 1.1
}

@media(min-width:48rem) {
    .h3, h3 {
        font-size: 34px
    }
}

.h4, h4 {
    font-family: var(--font-tt-ramillas),sans-serif;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-leading: 1.1;
    font-size: 24px;
    line-height: 1.1
}

@media(min-width:48rem) {
    .h4, h4 {
        font-size: 28px
    }
}

.h5, h5 {
    font-family: var(--font-tt-ramillas),sans-serif;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-leading: 1.1;
    font-size: 22px;
    line-height: 1.1
}

@media(min-width:48rem) {
    .h5, h5 {
        font-size: 24px
    }
}

.h6, h6 {
    font-family: var(--font-tt-ramillas),sans-serif;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-leading: 1.1;
    font-size: 22px;
    line-height: 1.1
}

@media(min-width:48rem) {
    .h6, h6 {
        font-size: 24px
    }
}

* {
    font-family: var(--font-filson-pro),sans-serif
}

body {
    --tw-leading: calc(var(--spacing)*6);
    font-size: 16px;
    line-height: calc(var(--spacing)*6);
    font-family: var(--font-filson-pro),sans-serif
}

[data-testid=grid-lines] {
    pointer-events: none;
    inset: calc(var(--spacing)*0);
    z-index: 9999;
    box-sizing: border-box;
    display: none;
    position: fixed
}

    [data-testid=grid-lines].lg\:grid {
        gap: var(--grid-gutter);
        padding-right: var(--grid-margin-sm);
        padding-left: var(--grid-margin-sm);
        grid-template-columns: repeat(4,minmax(0,1fr));
        display: grid
    }

@media(min-width:900px) {
    [data-testid=grid-lines].lg\:grid {
        padding-right: var(--grid-margin-md);
        padding-left: var(--grid-margin-md);
        grid-template-columns: repeat(6,minmax(0,1fr))
    }
}

@media(min-width:1280px) {
    [data-testid=grid-lines].lg\:grid {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }
}

[data-testid=grid-lines] .grid-line {
    background-color: #00572e1a;
    min-height: 100%
}

@supports (color:color-mix(in lab,red,red)) {
    [data-testid=grid-lines] .grid-line {
        background-color: color-mix(in oklab,var(--color-primary)10%,transparent)
    }
}

@media(min-width:900px) {
    .layout-grid-inner {
        grid-template-columns: repeat(6,minmax(0,1fr))
    }
}

@media(min-width:1280px) {
    .layout-grid-inner {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }
}

.pt-block-space {
    padding-top: calc(var(--spacing)*0) !important
}

@media(min-width:48rem) {
    .pt-block-space {
        padding-top: var(--block-space-y-desktop) !important
    }
}

.pb-block-space {
    padding-bottom: var(--block-space-y-mobile) !important
}

@media(min-width:48rem) {
    .pb-block-space {
        padding-bottom: var(--block-space-y-desktop) !important
    }
}

.py-block-space {
    padding-top: var(--block-space-y-mobile) !important;
    padding-bottom: var(--block-space-y-mobile) !important
}

@media(min-width:48rem) {
    .py-block-space {
        padding-top: var(--block-space-y-desktop) !important;
        padding-bottom: var(--block-space-y-desktop) !important
    }
}

.my-block-space {
    margin-top: var(--block-space-y-mobile) !important;
    margin-bottom: var(--block-space-y-mobile) !important
}

@media(min-width:48rem) {
    .my-block-space {
        padding-top: var(--block-space-y-desktop) !important;
        padding-bottom: var(--block-space-y-desktop) !important
    }
}

.mb-block-space {
    margin-bottom: var(--block-space-y-mobile) !important
}

@media(min-width:48rem) {
    .mb-block-space {
        margin-bottom: var(--block-space-y-desktop) !important
    }
}

main > section:nth-child(2) {
    padding-top: 60px !important
}

@media(min-width:48rem) {
    main > section:nth-child(2) {
        padding-top: 120px !important
    }
}

main > section:last-child {
    padding-bottom: 60px !important
}

@media(min-width:48rem) {
    main > section:last-child {
        padding-bottom: 120px !important
    }
}

.btn-nav {
    padding-inline: calc(var(--spacing)*4);
    padding-block: calc(var(--spacing)*2.5);
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-medium);
    font-size: 18px;
    line-height: 1.4;
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .4s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .4s;
    transition-timing-function: var(--ease-in-out);
    background-color: #0000;
    border-radius: 12px 2px;
    text-decoration-line: none
}

    .btn-nav:hover {
        background: #f3f3f333;
        color: var(--color-white);
        text-decoration: none
    }

@supports (color:color-mix(in lab,red,red)) {
    .btn-nav:hover {
        background: color-mix(in srgb,var(--color-nav-hover-bg)20%,transparent);
        color: var(--color-white);
        text-decoration: none
    }
}

.btn-nav-dropdown {
    align-items: center;
    gap: calc(var(--spacing)*1);
    padding-inline: calc(var(--spacing)*4);
    padding-block: calc(var(--spacing)*2.5);
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-medium);
    font-size: 18px;
    line-height: 1.4;
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .4s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .4s;
    transition-timing-function: var(--ease-in-out);
    background-color: #0000;
    border-radius: 12px 2px;
    text-decoration-line: none;
    display: inline-flex
}

    .btn-nav-dropdown:hover, .btn-nav-dropdown[aria-expanded=true] {
        cursor: pointer;
        background: #f3f3f333
    }

@supports (color:color-mix(in lab,red,red)) {
    .btn-nav-dropdown:hover, .btn-nav-dropdown[aria-expanded=true] {
        background: color-mix(in srgb,var(--color-nav-hover-bg)20%,transparent)
    }
}

.btn-nav-dropdown .dropdown-caret {
    transition-property: transform,translate,scale,rotate;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .4s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .4s;
    transition-timing-function: var(--ease-in-out);
    flex-shrink: 0
}

.btn-nav-dropdown[aria-expanded=true] .dropdown-caret {
    rotate: 180deg
}

.nav-dropdown {
    pointer-events: none;
    visibility: hidden;
    top: 100%;
    left: calc(var(--spacing)*0);
    z-index: 20;
    margin-top: calc(var(--spacing)*1);
    width: 100%;
    min-width: calc(var(--spacing)*0);
    --tw-translate-y: calc(var(--spacing)*-2);
    translate: var(--tw-translate-x)var(--tw-translate-y);
    gap: calc(var(--spacing)*.5);
    border-radius: var(--radius-sm);
    background-color: var(--color-white);
    padding: calc(var(--spacing)*.5);
    opacity: 0;
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .4s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .4s;
    transition-timing-function: var(--ease-in-out);
    flex-direction: column;
    display: flex;
    position: absolute
}

    .nav-dropdown.is-open {
        pointer-events: auto;
        visibility: visible;
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y);
        opacity: 1
    }

.nav-dropdown-item {
    border-radius: var(--radius-sm);
    width: 100%;
    padding-inline: calc(var(--spacing)*4);
    padding-block: calc(var(--spacing)*2);
    text-align: left;
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-medium);
    font-size: 16px;
    line-height: 1.4;
    font-weight: var(--font-weight-medium);
    color: var(--color-green-1);
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .4s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .4s;
    transition-timing-function: var(--ease-in-out);
    background-color: #0000;
    text-decoration-line: none;
    display: block
}

@media(hover:hover) {
    .nav-dropdown-item:hover {
        background-color: var(--color-green-3);
        color: var(--color-white);
        text-decoration: none;
    }
}

.mobile-nav-link {
    border-bottom-style: var(--tw-border-style);
    border-color: #fff3;
    border-bottom-width: 1px;
    display: block
}

@supports (color:color-mix(in lab,red,red)) {
    .mobile-nav-link {
        border-color: color-mix(in oklab,var(--color-white)20%,transparent)
    }
}

.mobile-nav-link {
    padding-block: calc(var(--spacing)*5);
    color: var(--color-white);
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .4s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .4s;
    transition-timing-function: var(--ease-in-out);
    text-decoration-line: none;
    font-family: var(--font-tt-ramillas),sans-serif !important;
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
    font-size: var(--text-2xl) !important;
    line-height: var(--tw-leading,var(--text-2xl--line-height)) !important
}

nav > a.mobile-nav-link:first-of-type {
    padding-top: calc(var(--spacing)*0)
}

.mobile-nav-link:hover {
    color: var(--color-nav-hover-bg)
}

.mobile-nav-group .mobile-nav-link.mobile-nav-accordion-trigger {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing)*2);
    border-bottom-style: var(--tw-border-style);
    border-color: #fff3;
    border-bottom-width: 1px;
    display: flex
}

@supports (color:color-mix(in lab,red,red)) {
    .mobile-nav-group .mobile-nav-link.mobile-nav-accordion-trigger {
        border-color: color-mix(in oklab,var(--color-white)20%,transparent)
    }
}

.mobile-nav-group .mobile-nav-link.mobile-nav-accordion-trigger .mobile-nav-accordion-icon {
    flex-shrink: 0;
    margin-left: auto
}

.mobile-nav-group:has(.mobile-nav-sub.is-open) .mobile-nav-link.mobile-nav-accordion-trigger {
    border-bottom-color: #0000
}

.mobile-nav-accordion-icon {
    height: calc(var(--spacing)*6);
    width: calc(var(--spacing)*6);
    color: var(--color-white);
    justify-content: center;
    align-items: center;
    display: flex
}

    .mobile-nav-accordion-icon .accordion-plus {
        transition: transform .7s cubic-bezier(.32,.72,0,1)
    }

.mobile-nav-group:has(.mobile-nav-sub.is-open) .mobile-nav-accordion-icon .accordion-plus {
    rotate: 45deg
}

.mobile-nav-sub {
    border-bottom-style: var(--tw-border-style);
    border-color: #0000;
    border-bottom-width: 1px;
    grid-template-rows: 0fr;
    transition: grid-template-rows .7s cubic-bezier(.32,.72,0,1),border-color .7s ease-out;
    display: grid;
    overflow: hidden
}

    .mobile-nav-sub.is-open {
        border-color: #fff3
    }

@supports (color:color-mix(in lab,red,red)) {
    .mobile-nav-sub.is-open {
        border-color: color-mix(in oklab,var(--color-white)20%,transparent)
    }
}

.mobile-nav-sub.is-open {
    grid-template-rows: 1fr
}

.mobile-nav-sub-inner {
    min-height: calc(var(--spacing)*0);
    overflow: hidden
}

.mobile-nav-sublink {
    padding-block: calc(var(--spacing)*2.5);
    padding-left: calc(var(--spacing)*0);
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-normal);
    font-size: 18px;
    line-height: 1.4;
    font-weight: var(--font-weight-normal);
    color: var(--color-white);
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .4s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .4s;
    transition-timing-function: var(--ease-in-out);
    text-decoration-line: none;
    display: block
}

.mobile-nav-sub-inner .mobile-nav-sublink:last-child {
    padding-bottom: calc(var(--spacing)*5)
}

.mobile-nav-sublink:hover {
    color: var(--color-white);
    background: #ffffff1a
}

@supports (color:color-mix(in lab,red,red)) {
    .mobile-nav-sublink:hover {
        background: color-mix(in srgb,var(--color-white)10%,transparent)
    }
}

.btn-cta-mobile {
    background-color: var(--color-grey);
    padding-inline: calc(var(--spacing)*4);
    padding-block: calc(var(--spacing)*2.5);
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-medium);
    font-size: 16px;
    line-height: 1.4;
    font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-medium);
    color: var(--color-green-1);
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .4s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .4s;
    transition-timing-function: var(--ease-in-out);
    border-radius: 12px 2px;
    text-decoration-line: none;
    display: inline-block;
    font-family: var(--font-tt-ramillas),sans-serif !important;
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
    font-size: var(--text-2xl) !important;
    line-height: var(--tw-leading,var(--text-2xl--line-height)) !important
}

@media(hover:hover) {
    .btn-cta-mobile:hover {
        background-color: var(--color-white);
        color: var(--color-green-1)
    }
}

@media(max-width:767px) {
    main {
        transition-property: transform,translate,scale,rotate;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .6s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .6s;
        transition-timing-function: var(--ease-in-out)
    }

    body.mobile-menu-open main {
        --tw-translate-y: calc(var(--spacing)*20);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
}

.header-logo-size {
    --mobile-header-logo-width: calc(.375*(100vw - 2*var(--space-x) - 3*var(--grid-gutter)));
    --mobile-header-logo-height: calc(var(--mobile-header-logo-width)/3);
    min-width: calc(var(--spacing)*0);
    width: var(--mobile-header-logo-width);
    height: var(--mobile-header-logo-height)
}

@media(min-width:768px) {
    .header-logo-size {
        width: 209.997px;
        height: 70.001px;
        min-width: unset
    }
}

.header-logo-size [data-lottie] {
    width: 100%;
    height: 100%;
    display: block
}

.mobile-menu-pattern {
    --mobile-menu-lottie-size: calc(100vw - 2*var(--space-x))
}

.mobile-menu-pattern-lottie [data-lottie] {
    object-fit: cover;
    object-position: right bottom;
    width: 100%;
    height: 100%;
    display: block
}

.btn-cta {
    background-color: var(--color-green-1);
    padding-inline: calc(var(--spacing)*4);
    padding-block: calc(var(--spacing)*2.5);
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-medium);
    font-size: 16px;
    line-height: 1.4;
    font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .4s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .4s;
    transition-timing-function: var(--ease-in-out);
    border-radius: 12px 2px;
    text-decoration-line: none;
    display: inline-block
}

    .btn-cta:hover {
        background-color: var(--color-white);
        color: var(--color-green-1);
        text-decoration: none
    }

.btn-primary {
    background-color: var(--color-green-1);
    padding-inline: calc(var(--spacing)*4);
    padding-block: calc(var(--spacing)*2.5);
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-medium);
    font-size: 16px;
    line-height: 1.4;
    font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .4s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .4s;
    transition-timing-function: var(--ease-in-out);
    border-radius: 12px 2px;
    text-decoration-line: none;
    display: inline-block
}

    .btn-primary:hover {
        background-color: var(--color-green-3);
        color: var(--color-white)
    }

.btn-cta-outline {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-green-1);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing)*4);
    padding-block: calc(var(--spacing)*2.5);
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-medium);
    font-size: 16px;
    line-height: 1.4;
    font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-medium);
    color: var(--color-green-1);
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .4s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .4s;
    transition-timing-function: var(--ease-in-out);
    border-radius: 12px 2px;
    text-decoration-line: none;
    display: inline-block
}

    .btn-cta-outline:hover {
        border-color: var(--color-green-3);
        background-color: var(--color-green-3);
        color: var(--color-white)
    }

.footer {
    background-color: var(--color-green-1);
    margin-inline: 6px;
    margin-bottom: 6px
}

@media(min-width:48rem) {
    .footer {
        margin-inline: 10px;
        margin-bottom: 10px
    }
}

.footer-content {
    padding-right: calc(var(--space-x) - 6px);
    padding-bottom: calc(var(--spacing)*0);
    padding-left: calc(var(--space-x) - 6px)
}

@media(min-width:48rem) {
    .footer-content {
        padding-right: calc(var(--space-x) - 10px);
        padding-bottom: calc(var(--spacing)*16);
        padding-left: calc(var(--space-x) - 10px)
    }
}

.footer-grid {
    gap: calc(var(--spacing)*0);
    grid-template-columns: repeat(4,minmax(0,1fr));
    display: grid
}

@media(min-width:48rem) {
    .footer-grid {
        gap: var(--grid-gutter);
        grid-template-columns: repeat(12,minmax(0,1fr))
    }
}

.footer-get-in-touch {
    margin-top: calc(var(--spacing)*10);
    grid-column: 1/span 4
}

@media(min-width:48rem) {
    .footer-get-in-touch {
        margin-top: calc(var(--spacing)*0);
        grid-column: 1/span 3
    }
}

.footer-address {
    margin-top: calc(var(--spacing)*10);
    grid-column: 1/span 4
}

@media(min-width:48rem) {
    .footer-address {
        margin-top: calc(var(--spacing)*0);
        grid-column: 5/span 2
    }
}

.footer-contact {
    margin-top: calc(var(--spacing)*10);
    grid-column: 1/span 4
}

@media(min-width:48rem) {
    .footer-contact {
        margin-top: calc(var(--spacing)*0);
        grid-column: 7/span 2
    }
}

.footer-logo-col {
    margin-top: calc(var(--spacing)*10);
    min-width: calc(var(--spacing)*0);
    padding-right: calc(var(--spacing)*0);
    grid-column: 1/span 3;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

@media(min-width:48rem) {
    .footer-logo-col {
        margin-top: calc(var(--spacing)*0);
        padding-bottom: calc(var(--spacing)*0);
        grid-column: 10/span 3;
        justify-content: flex-end;
        align-self: flex-start
    }
}

.footer-heading {
    margin-bottom: calc(var(--spacing)*2);
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-medium);
    font-size: 14px;
    line-height: 1.4;
    font-weight: var(--font-weight-medium);
    color: var(--color-green-3);
    text-transform: uppercase
}

.footer-text {
    margin-bottom: calc(var(--spacing)*4);
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-normal);
    font-size: 16px;
    line-height: 1.4;
    font-weight: var(--font-weight-normal);
    color: var(--color-white)
}

    .footer-text:last-child {
        margin-bottom: calc(var(--spacing)*0)
    }

.footer-address .footer-text, .footer-contact .footer-text {
    white-space: pre-line
}

.footer-cta {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-white);
    padding-inline: calc(var(--spacing)*4);
    padding-block: calc(var(--spacing)*2.5);
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-normal);
    font-size: 12px;
    line-height: 1.4;
    font-weight: var(--font-weight-normal)
}

@media(hover:hover) {
    .footer-cta:hover {
        border-color: var(--color-green-1)
    }
}

.footer-logo-graphic {
    --tw-leading: 1;
    flex-shrink: 0;
    width: 100%;
    max-width: 316px;
    line-height: 1;
    overflow: hidden
}

    .footer-logo-graphic [data-lottie], .footer-logo-lottie {
        object-fit: contain;
        object-position: left top;
        vertical-align: top;
        width: 100%;
        height: 100%;
        max-height: 100%;
        margin-right: auto;
        display: block
    }

@media(min-width:48rem) {
    .footer-logo-graphic [data-lottie], .footer-logo-lottie {
        margin-right: calc(var(--spacing)*0);
        object-position: right top;
        margin-left: auto
    }
}

.footer-pattern-strip {
    justify-content: flex-end;
    align-items: flex-start;
    gap: calc(var(--spacing)*1.5);
    min-height: 122px;
    padding-block: calc(var(--spacing)*5);
    padding-right: calc(var(--space-x) - 6px);
    padding-left: calc(var(--space-x) - 6px);
    flex-flow: column wrap;
    display: flex;
    position: relative
}

@media(min-width:48rem) {
    .footer-pattern-strip {
        justify-content: space-between;
        align-items: flex-end;
        gap: calc(var(--spacing)*4);
        padding-right: calc(var(--space-x) - 10px);
        padding-left: calc(var(--space-x) - 10px);
        flex-direction: row
    }
}

.footer-pattern-strip {
    margin-top: 39.93px
}

@media(min-width:768px) {
    .footer-pattern-strip {
        margin-top: 0
    }
}

.footer-pattern-strip:before {
    inset: calc(var(--spacing)*0);
    z-index: 0;
    background-image: var(--footer-pattern-url);
    opacity: .2;
    --tw-content: "";
    content: var(--tw-content);
    background-repeat: repeat;
    background-size: auto;
    position: absolute
}

.footer-pattern-strip > * {
    z-index: 10;
    position: relative
}

.footer-legal-left {
    align-items: center;
    gap: calc(var(--spacing)*10);
    flex-flow: wrap;
    display: flex
}

.footer-legal {
    margin: calc(var(--spacing)*0);
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-filson-pro),sans-serif;
    font-size: 11px;
    line-height: 1.4;
    font-weight: var(--font-weight-normal);
    font-weight: var(--font-filson-pro),sans-serif;
    color: var(--color-white)
}

    .footer-legal a {
        color: var(--color-white)
    }

.footer-legal-right {
    margin-top: calc(var(--spacing)*5);
    text-align: left
}

@media(min-width:48rem) {
    .footer-legal-right {
        margin-top: calc(var(--spacing)*0);
        text-align: right
    }
}

@media(min-width:768px) {
    body[data-hero=page_hero] header .btn-cta {
        background-color: var(--color-white);
        color: var(--color-green-1)
    }

        body[data-hero=page_hero] header .btn-cta:hover {
            background-color: var(--color-green-3);
            color: var(--color-white)
        }
}

.hero-section--page .hero-section__inner {
    --page-hero-logo-h: calc(170px/3);
    padding-top: calc(31px + var(--page-hero-logo-h) + 30px)
}

@media(min-width:768px) {
    .hero-section--page .hero-section__inner {
        --page-hero-logo-h: 70.001px
    }
}

.hero-section--page .hero-section__content {
    z-index: 10;
    isolation: isolate;
    position: relative;
    transform: translateZ(0)
}

.hero-section__pattern {
    pointer-events: none;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex
}

    .hero-section__pattern [data-lottie] {
        justify-content: flex-end;
        align-items: flex-end;
        width: 100%;
        height: 100%;
        display: flex
    }

        .hero-section__pattern [data-lottie] canvas, .hero-section__pattern [data-lottie] svg {
            object-fit: contain;
            object-position: right bottom;
            max-width: 100%;
            max-height: 100%;
            width: auto !important;
            height: auto !important
        }

.hero-section--main .hero-section__video-overlay {
    pointer-events: none;
    inset: calc(var(--spacing)*0);
    z-index: 1;
    background: linear-gradient(#0000,#0003),linear-gradient(#0000001a 0% 100%);
    position: absolute
}

.hero-section__pattern-mobile [data-lottie] {
    justify-content: flex-end;
    align-items: flex-end;
    display: flex
}

    .hero-section__pattern-mobile [data-lottie] canvas, .hero-section__pattern-mobile [data-lottie] svg {
        object-position: right bottom
    }

.double-cta-tiles__tile-bg {
    --tw-translate-z: calc(var(--spacing)*0);
    translate: var(--tw-translate-x)var(--tw-translate-y)var(--tw-translate-z);
    transition-property: transform,translate,scale,rotate;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .5s;
    will-change: transform;
    backface-visibility: hidden;
    transition-duration: .5s;
    transition-timing-function: ease
}

.double-cta-tiles__tile:hover .double-cta-tiles__tile-bg {
    --tw-translate-z: calc(var(--spacing)*0);
    translate: var(--tw-translate-x)var(--tw-translate-y)var(--tw-translate-z);
    scale: 1.04
}

.double-cta-tiles__arrow {
    --tw-translate-x: calc(var(--spacing)*0);
    translate: var(--tw-translate-x)var(--tw-translate-y);
    --tw-translate-z: calc(var(--spacing)*0);
    translate: var(--tw-translate-x)var(--tw-translate-y)var(--tw-translate-z);
    transition-property: transform,translate,scale,rotate;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .5s;
    will-change: transform;
    transition-duration: .5s;
    transition-timing-function: ease
}

.double-cta-tiles__tile:hover .double-cta-tiles__arrow {
    --tw-translate-x: calc(var(--spacing)*2);
    translate: var(--tw-translate-x)var(--tw-translate-y);
    --tw-translate-z: calc(var(--spacing)*0);
    translate: var(--tw-translate-x)var(--tw-translate-y)var(--tw-translate-z)
}

.image-and-text__image {
    flex-shrink: 0;
    max-width: 100%
}

.image-and-text__body span {
    color: var(--color-green-1)
}

.image-and-text__body .rich-text h5 span {
    font-family: var(--font-tt-ramillas),sans-serif;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-leading: 1.1;
    font-size: 22px;
    line-height: 1.1
}

@media(min-width:48rem) {
    .image-and-text__body .rich-text h5 span {
        font-size: 24px
    }
}

.image-and-text__body .rich-text p span, .image-and-text__body .rich-text p {
    margin-top: calc(var(--spacing)*0);
    margin-bottom: calc(var(--spacing)*0);
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-normal);
    font-size: 16px;
    line-height: 1.4;
    font-weight: var(--font-weight-normal)
}

.image-and-text__body .rich-text ul, .image-and-text__body .rich-text ol {
    margin: calc(var(--spacing)*0);
    padding-left: calc(var(--spacing)*5)
}

    .image-and-text__body .rich-text ul li, .image-and-text__body .rich-text ol li {
        padding: calc(var(--spacing)*0)
    }

        .image-and-text__body .rich-text ul li::marker {
            color: var(--color-green-1)
        }

        .image-and-text__body .rich-text ol li::marker {
            color: var(--color-green-1)
        }

.image-and-text__body .rich-text a {
    text-decoration-line: none;
    position: relative
}

    .image-and-text__body .rich-text a:after {
        bottom: -2px;
        left: calc(var(--spacing)*0);
        height: 1px;
        width: calc(var(--spacing)*0);
        transition-property: width;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .4s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .4s;
        transition-timing-function: var(--ease-in-out);
        --tw-content: "";
        content: var(--tw-content);
        background-color: currentColor;
        position: absolute
    }

    .image-and-text__body .rich-text a:hover:after {
        width: 100%
    }

.image-and-text__body .rich-text a {
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-normal);
    font-size: 16px;
    line-height: 1.4;
    font-weight: var(--font-weight-normal);
    color: var(--color-green-1)
}

.text-content__body .rich-text {
    width: 100%;
    max-width: none
}

    .text-content__body .rich-text span {
        color: var(--color-green-1)
    }

    .text-content__body .rich-text h1 {
        margin-top: calc(var(--spacing)*0);
        margin-bottom: calc(var(--spacing)*4);
        font-family: var(--font-tt-ramillas),sans-serif;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        --tw-leading: 1.2;
        font-size: 34px;
        line-height: 1.2
    }

@media(min-width:48rem) {
    .text-content__body .rich-text h1 {
        font-size: 48px
    }
}

.text-content__body .rich-text h1 {
    color: var(--color-green-1)
}

    .text-content__body .rich-text h1:last-child {
        margin-bottom: calc(var(--spacing)*0)
    }

.text-content__body .rich-text h2 {
    margin-top: calc(var(--spacing)*0);
    margin-bottom: calc(var(--spacing)*4);
    font-family: var(--font-tt-ramillas),sans-serif;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-leading: 1;
    font-size: 30px;
    line-height: 1
}

@media(min-width:48rem) {
    .text-content__body .rich-text h2 {
        font-size: 40px
    }
}

.text-content__body .rich-text h2 {
    color: var(--color-green-1)
}

    .text-content__body .rich-text h2:last-child {
        margin-bottom: calc(var(--spacing)*0)
    }

.text-content__body .rich-text h3 {
    margin-top: calc(var(--spacing)*0);
    margin-bottom: calc(var(--spacing)*4);
    font-family: var(--font-tt-ramillas),sans-serif;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-leading: 1.1;
    font-size: 28px;
    line-height: 1.1
}

@media(min-width:48rem) {
    .text-content__body .rich-text h3 {
        font-size: 34px
    }
}

.text-content__body .rich-text h3 {
    color: var(--color-green-1)
}

    .text-content__body .rich-text h3:last-child {
        margin-bottom: calc(var(--spacing)*0)
    }

.text-content__body .rich-text h4 {
    margin-top: calc(var(--spacing)*0);
    margin-bottom: calc(var(--spacing)*4);
    font-family: var(--font-tt-ramillas),sans-serif;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-leading: 1.1;
    font-size: 24px;
    line-height: 1.1
}

@media(min-width:48rem) {
    .text-content__body .rich-text h4 {
        font-size: 28px
    }
}

.text-content__body .rich-text h4 {
    color: var(--color-green-1)
}

    .text-content__body .rich-text h4:last-child {
        margin-bottom: calc(var(--spacing)*0)
    }

.text-content__body .rich-text h5 {
    margin-top: calc(var(--spacing)*0);
    margin-bottom: calc(var(--spacing)*4);
    font-family: var(--font-tt-ramillas),sans-serif;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-leading: 1.1;
    font-size: 22px;
    line-height: 1.1
}

@media(min-width:48rem) {
    .text-content__body .rich-text h5 {
        font-size: 24px
    }
}

.text-content__body .rich-text h5 {
    color: var(--color-green-1)
}

    .text-content__body .rich-text h5:last-child {
        margin-bottom: calc(var(--spacing)*0)
    }

.text-content__body .rich-text h6 {
    margin-top: calc(var(--spacing)*0);
    margin-bottom: calc(var(--spacing)*4);
    font-family: var(--font-tt-ramillas),sans-serif;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-leading: 1.1;
    font-size: 22px;
    line-height: 1.1
}

@media(min-width:48rem) {
    .text-content__body .rich-text h6 {
        font-size: 24px
    }
}

.text-content__body .rich-text h6 {
    color: var(--color-green-1)
}

    .text-content__body .rich-text h6:last-child {
        margin-bottom: calc(var(--spacing)*0)
    }

    .text-content__body .rich-text h1 span, .text-content__body .rich-text h2 span, .text-content__body .rich-text h3 span, .text-content__body .rich-text h4 span, .text-content__body .rich-text h5 span, .text-content__body .rich-text h6 span {
        color: var(--color-green-1)
    }

.text-content__body .rich-text p, .text-content__body .rich-text p span {
    margin-top: calc(var(--spacing)*0);
    margin-bottom: calc(var(--spacing)*4);
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-normal);
    font-size: 18px;
    line-height: 1.4;
    font-weight: var(--font-weight-normal);
    color: var(--color-green-1)
}

:is(.text-content__body .rich-text p,.text-content__body .rich-text p span):last-child {
    margin-bottom: calc(var(--spacing)*0)
}

.text-content__body .rich-text a {
    text-decoration-line: none;
    position: relative
}

    .text-content__body .rich-text a:after {
        bottom: -2px;
        left: calc(var(--spacing)*0);
        height: 1px;
        width: calc(var(--spacing)*0);
        transition-property: width;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .4s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .4s;
        transition-timing-function: var(--ease-in-out);
        --tw-content: "";
        content: var(--tw-content);
        background-color: currentColor;
        position: absolute
    }

    .text-content__body .rich-text a:hover:after {
        width: 100%
    }

.text-content__body .rich-text a {
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-normal);
    font-size: 18px;
    line-height: 1.4;
    font-weight: var(--font-weight-normal);
    color: var(--color-green-1)
}

.text-content__body .rich-text ul {
    margin: calc(var(--spacing)*0);
    padding-left: calc(var(--spacing)*6);
    list-style-type: disc;
    list-style-position: outside
}

.text-content__body .rich-text ol {
    margin: calc(var(--spacing)*0);
    padding-left: calc(var(--spacing)*5)
}

.text-content__body .rich-text ul li {
    margin-top: calc(var(--spacing)*0);
    margin-bottom: calc(var(--spacing)*1);
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-normal);
    font-size: 18px;
    line-height: 1.4;
    font-weight: var(--font-weight-normal);
    color: var(--color-green-1);
    list-style-type: disc;
    display: list-item;
    position: relative;
    padding: calc(var(--spacing)*0) !important;
    padding-left: calc(var(--spacing)*2) !important
}

    .text-content__body .rich-text ul li:before {
        content: var(--tw-content);
        display: none !important
    }

.text-content__body .rich-text ol li {
    padding: calc(var(--spacing)*0)
}

.text-content__body .rich-text ul li::marker {
    content: revert;
    display: revert;
    color: var(--color-green-1)
}

.text-content__body .rich-text ol li::marker {
    color: var(--color-green-1)
}

.text-content__body--highlight-link .rich-text a {
    color: var(--color-green-1);
    text-underline-offset: 4px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 1px
}

    .text-content__body--highlight-link .rich-text a:after {
        display: none
    }

.image-and-list .image-and-list__list {
    margin: calc(var(--spacing)*0);
    width: 100%;
    padding: calc(var(--spacing)*0);
    flex-direction: column;
    gap: 8px;
    list-style-type: none;
    display: flex
}

.image-and-list .image-and-list__row {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing)*4);
    background-color: var(--color-white);
    flex-direction: row;
    padding: 17px 28px 16px 24px;
    display: flex
}

.image-and-list .image-and-list__row-label {
    min-width: calc(var(--spacing)*0);
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-normal);
    font-size: 18px;
    line-height: 1.4;
    font-weight: var(--font-weight-normal);
    color: var(--color-green-1)
}

.image-and-list .image-and-list__row-value {
    text-align: right;
    font-family: var(--font-tt-ramillas),sans-serif;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-leading: 1.1;
    flex-shrink: 0;
    font-size: 24px;
    line-height: 1.1
}

@media(min-width:48rem) {
    .image-and-list .image-and-list__row-value {
        font-size: 28px
    }
}

.image-and-list .image-and-list__row-value {
    color: var(--color-green-1)
}

.stats__number {
    font-family: var(--font-tt-ramillas),sans-serif;
    --tw-leading: 1.2;
    --tw-font-weight: var(--font-weight-bold);
    font-size: 80px;
    line-height: 1.2;
    font-weight: var(--font-weight-bold);
    color: var(--color-green-3)
}

@media(min-width:48rem) {
    .stats__number {
        font-size: 100px
    }
}

.accordion-item {
    transition-property: border-color;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .4s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .4s;
    transition-timing-function: var(--ease-in-out)
}

.accordion-item--open {
    border-color: var(--color-green-1)
}

.accordion-item__icon {
    --tw-duration: .4s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .4s;
    transition-timing-function: var(--ease-in-out)
}

.three-tiles-swiper-container {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow: visible
}

.three-tiles__mobile-carousel {
    max-width: 100%;
    min-width: calc(var(--spacing)*0)
}

    .three-tiles__mobile-carousel .three-tiles-swiper {
        position: relative
    }

        .three-tiles__mobile-carousel .three-tiles-swiper .swiper-wrapper {
            align-items: stretch
        }

        .three-tiles__mobile-carousel .three-tiles-swiper .swiper-slide {
            box-sizing: border-box;
            height: auto;
            display: flex
        }

            .three-tiles__mobile-carousel .three-tiles-swiper .swiper-slide > .three-tiles__tile--swiper {
                flex: auto;
                width: 100%
            }

    .three-tiles__mobile-carousel .three-tiles__progress {
        box-sizing: border-box;
        width: min(100%,calc(100vw - 2*var(--space-x)));
        max-width: 100%;
        margin-inline: auto
    }

    .three-tiles__mobile-carousel .three-tiles__progress-track {
        background-color: var(--color-grey-400);
        width: 100%;
        height: 3px;
        overflow: hidden
    }

    .three-tiles__mobile-carousel .three-tiles__progress-fill {
        transform-origin: 0;
        background-color: var(--color-green-1);
        width: 100%;
        height: 100%;
        transition: transform .35s var(--ease-fluid);
        transform: scaleX(0)
    }

.form-block .form-block__label {
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-normal);
    font-size: 18px;
    line-height: 1.4;
    font-weight: var(--font-weight-normal);
    color: var(--color-green-1);
    display: block
}

.form-block .form-block__field {
    border-style: var(--tw-border-style);
    background-color: var(--color-white);
    width: 100%;
    padding-inline: calc(var(--spacing)*4);
    padding-block: calc(var(--spacing)*3);
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-normal);
    font-size: 18px;
    line-height: 1.4;
    font-weight: var(--font-weight-normal);
    color: var(--color-black);
    border-width: 1px;
    border-color: #0000001a;
    border-radius: 4px
}

@supports (color:color-mix(in lab,red,red)) {
    .form-block .form-block__field {
        border-color: color-mix(in srgb,var(--color-black)10%,transparent)
    }
}

.form-block .form-block__field:focus {
    border-color: var(--color-green-3);
    --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none
}

.form-block .form-block__field--error {
    border-color: var(--color-error)
}

    .form-block .form-block__field--error:focus {
        border-color: var(--color-error);
        --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-ring-color: var(--color-error)
    }

.form-block .form-block__error {
    color: var(--color-error)
}

.form-block .form-block__submit.btn-primary {
    cursor: pointer
}

    .form-block .form-block__submit.btn-primary:disabled {
        cursor: not-allowed;
        background-color: var(--color-grey-400);
        color: #f3f3f3
    }

        .form-block .form-block__submit.btn-primary:disabled:hover {
            background-color: var(--color-grey-400);
            color: #f3f3f3
        }

.grecaptcha-badge {
    z-index: 1000
}

.text-box-with-pattern__body .rich-text h5, .text-box-with-pattern__body .rich-text h5 span {
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-medium);
    font-size: 18px;
    line-height: 1.4;
    font-weight: var(--font-weight-medium);
    color: var(--color-white)
}

.text-box-with-pattern__body .rich-text h6 {
    font-family: var(--font-filson-pro),sans-serif;
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-medium);
    font-size: 18px;
    line-height: 1.4;
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    padding-top: 25px
}

    .text-box-with-pattern__body .rich-text h6:first-of-type {
        padding-top: calc(var(--spacing)*0)
    }

    .text-box-with-pattern__body .rich-text h6 span {
        font-family: var(--font-filson-pro),sans-serif;
        --tw-leading: 1.4;
        --tw-font-weight: var(--font-weight-medium);
        font-size: 18px;
        line-height: 1.4;
        font-weight: var(--font-weight-medium);
        color: var(--color-white)
    }

.text-box-with-pattern__body .rich-text p {
    padding-bottom: calc(var(--spacing)*0) !important;
    font-family: var(--font-filson-pro),sans-serif !important;
    --tw-leading: 1.4 !important;
    --tw-font-weight: var(--font-weight-normal) !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: var(--font-weight-normal) !important;
    color: var(--color-white) !important
}

    .text-box-with-pattern__body .rich-text p span {
        font-family: var(--font-filson-pro),sans-serif;
        --tw-leading: 1.4;
        --tw-font-weight: var(--font-weight-normal);
        font-size: 18px;
        line-height: 1.4;
        font-weight: var(--font-weight-normal);
        color: var(--color-white)
    }

.text-box-with-pattern__box {
    position: relative
}

    .text-box-with-pattern__box:before {
        content: "";
        pointer-events: none;
        z-index: 0;
        opacity: .2;
        background-image: var(--pattern-mobile-url);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        background-size: contain;
        width: 62.5%;
        max-width: 62.5%;
        position: absolute;
        inset: 22px 15px 22px auto
    }

@media(min-width:1024px)and (max-width:1279.98px) {
    .text-box-with-pattern__box:before {
        background-position: 100% 100%;
        background-repeat: no-repeat;
        background-size: contain;
        width: auto;
        max-width: none;
        inset: 22px 15px 22px 50%
    }
}

@media(min-width:1280px) {
    .text-box-with-pattern__box:before {
        background-image: var(--pattern-desktop-url);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        background-size: contain;
        width: auto;
        max-width: none;
        inset: 22px 15px 22px 0
    }
}

.image-gallery__hero {
    flex-shrink: 0
}

.image-gallery-block {
    --overlay-opacity: .2;
    --gallery-radius: 20px;
    isolation: isolate;
    width: 100%;
    position: relative;
    overflow: hidden
}

    .image-gallery-block.is-pinned {
        touch-action: none;
        -ms-touch-action: none;
        overscroll-behavior: none
    }

.image-gallery-block {
    aspect-ratio: 9/16;
    border-radius: var(--gallery-radius);
    -webkit-border-radius: var(--gallery-radius);
    border-bottom-left-radius: var(--gallery-radius);
    border-bottom-right-radius: var(--gallery-radius);
    -webkit-border-bottom-left-radius: var(--gallery-radius);
    -webkit-border-bottom-right-radius: var(--gallery-radius);
    backface-visibility: hidden;
    clip-path: inset(0 round var(--gallery-radius));
    -webkit-clip-path: inset(0 round var(--gallery-radius));
    transform: translateZ(0)
}

@media(max-width:767px) {
    .image-gallery-block {
        aspect-ratio: 9/16;
        max-width: 100%
    }

    .image-gallery-block__viewport, .image-gallery-block__track, .image-gallery-block__slide, .image-gallery-block__image-wrap {
        max-width: 100%;
        min-height: 100%
    }
}

.image-gallery-block__viewport {
    border-radius: var(--gallery-radius);
    -webkit-border-radius: var(--gallery-radius);
    border-bottom-left-radius: var(--gallery-radius);
    border-bottom-right-radius: var(--gallery-radius);
    -webkit-border-bottom-left-radius: var(--gallery-radius);
    -webkit-border-bottom-right-radius: var(--gallery-radius);
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
    clip-path: inset(0 round var(--gallery-radius));
    -webkit-clip-path: inset(0 round var(--gallery-radius));
    position: relative;
    overflow: hidden
}

.image-gallery-block__track {
    border-radius: var(--gallery-radius);
    -webkit-border-radius: var(--gallery-radius);
    border-bottom-left-radius: var(--gallery-radius);
    border-bottom-right-radius: var(--gallery-radius);
    -webkit-border-bottom-left-radius: var(--gallery-radius);
    -webkit-border-bottom-right-radius: var(--gallery-radius);
    width: 100%;
    height: 100%;
    clip-path: inset(0 round var(--gallery-radius));
    -webkit-clip-path: inset(0 round var(--gallery-radius));
    position: relative;
    overflow: hidden
}

.image-gallery-block__slide {
    inset: calc(var(--spacing)*0);
    border-radius: var(--gallery-radius);
    -webkit-border-radius: var(--gallery-radius);
    border-bottom-left-radius: var(--gallery-radius);
    border-bottom-right-radius: var(--gallery-radius);
    -webkit-border-bottom-left-radius: var(--gallery-radius);
    -webkit-border-bottom-right-radius: var(--gallery-radius);
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
    clip-path: inset(0 round var(--gallery-radius));
    -webkit-clip-path: inset(0 round var(--gallery-radius));
    justify-content: center;
    align-items: center;
    transition: transform 1s ease-in-out;
    display: flex;
    position: absolute;
    overflow: hidden;
    transform: translateY(0)
}

    .image-gallery-block__slide.is-entering, .image-gallery-block__slide.is-exiting {
        transform: translateY(100%)
    }

    .image-gallery-block__slide.is-previous .image-gallery-block__overlay {
        opacity: .8
    }

    .image-gallery-block__slide.is-previous .image-gallery-block__image-wrap {
        transform: translateY(-6%)
    }

    .image-gallery-block__slide.is-previous .image-gallery-block__text {
        opacity: .2;
        transform: translateY(-40px)
    }

.image-gallery-block__image-wrap {
    inset: calc(var(--spacing)*0);
    border-radius: var(--gallery-radius);
    -webkit-border-radius: var(--gallery-radius);
    border-bottom-left-radius: var(--gallery-radius);
    border-bottom-right-radius: var(--gallery-radius);
    -webkit-border-bottom-left-radius: var(--gallery-radius);
    -webkit-border-bottom-right-radius: var(--gallery-radius);
    backface-visibility: hidden;
    clip-path: inset(0 round var(--gallery-radius));
    -webkit-clip-path: inset(0 round var(--gallery-radius));
    transition: transform 1s ease-in-out;
    position: absolute;
    overflow: hidden
}

.image-gallery-block__image {
    inset: calc(var(--spacing)*0);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute
}

.image-gallery-block__image--desktop {
    display: none
}

.image-gallery-block__image--mobile {
    display: block
}

@media(max-width:767px) {
    .image-gallery-block.is-pinned {
        z-index: 10;
        border-radius: var(--gallery-radius);
        -webkit-border-radius: var(--gallery-radius);
        border-bottom-left-radius: var(--gallery-radius);
        border-bottom-right-radius: var(--gallery-radius);
        -webkit-border-bottom-left-radius: var(--gallery-radius);
        -webkit-border-bottom-right-radius: var(--gallery-radius);
        clip-path: inset(0 round var(--gallery-radius));
        -webkit-clip-path: inset(0 round var(--gallery-radius))
    }

        .image-gallery-block.is-pinned .image-gallery-block__viewport, .image-gallery-block.is-pinned .image-gallery-block__track, .image-gallery-block.is-pinned .image-gallery-block__slide, .image-gallery-block.is-pinned .image-gallery-block__image-wrap {
            border-bottom-left-radius: var(--gallery-radius);
            border-bottom-right-radius: var(--gallery-radius);
            -webkit-border-bottom-left-radius: var(--gallery-radius);
            -webkit-border-bottom-right-radius: var(--gallery-radius)
        }
}

@media(min-width:768px) {
    .image-gallery-block {
        aspect-ratio: var(--aspect-video)
    }

    .image-gallery-block__image--desktop {
        display: block
    }

    .image-gallery-block__image--mobile {
        display: none
    }
}

.image-gallery-block__overlay {
    pointer-events: none;
    inset: calc(var(--spacing)*0);
    background-color: var(--color-black);
    opacity: var(--overlay-opacity);
    transition: opacity 1s ease-in-out;
    position: absolute
}

.image-gallery-block__text {
    z-index: 2;
    --tw-translate-y: calc(var(--spacing)*0);
    max-width: 90%;
    translate: var(--tw-translate-x)var(--tw-translate-y);
    text-align: center;
    opacity: 1;
    padding-left: var(--space-x);
    padding-right: var(--space-x);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform 1s ease-in-out,opacity 1s ease-in-out;
    display: flex;
    position: relative
}

.image-gallery-block__label {
    margin-bottom: calc(var(--spacing)*5);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    display: block
}

.image-gallery-block__nav {
    pointer-events: none;
    right: calc(var(--spacing)*0);
    bottom: calc(var(--spacing)*6);
    left: calc(var(--spacing)*0);
    z-index: 10;
    justify-content: center;
    gap: calc(var(--spacing)*3);
    display: flex;
    position: absolute
}

    .image-gallery-block__nav .image-gallery-block__btn {
        pointer-events: auto
    }

.image-gallery-block__btn {
    height: calc(var(--spacing)*11);
    width: calc(var(--spacing)*11);
    cursor: pointer;
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing)*0);
    font-size: var(--text-xl);
    line-height: var(--tw-leading,var(--text-xl--line-height));
    --tw-leading: 1;
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .2s;
    color: #111;
    background: #ffffffe6;
    border-width: 0;
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    line-height: 1;
    transition-duration: .2s;
    display: inline-flex
}

    .image-gallery-block__btn:hover:not(:disabled) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x)var(--tw-scale-y);
        background: #fff
    }

    .image-gallery-block__btn:disabled {
        cursor: not-allowed;
        opacity: .4
    }

    .image-gallery-block__btn:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-offset: 2px;
        outline-width: 2px;
        outline-color: currentColor
    }

.text-marquee-block {
    --marquee-display-size: var(--Block-Display-1,82px)
}

.text-marquee-block__track {
    width: 100%;
    overflow: hidden
}

.text-marquee-block__inner {
    width: max-content;
    animation: 30s linear infinite text-marquee-scroll;
    display: flex
}

@media(prefers-reduced-motion:reduce) {
    .text-marquee-block__inner {
        animation: none
    }
}

.text-marquee-block__copy {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex
}

.text-marquee-block__text {
    --tw-leading: 1.1;
    --tw-font-weight: var(--font-weight-bold);
    line-height: 1.1;
    font-weight: var(--font-weight-bold);
    white-space: nowrap;
    color: var(--color-green-1);
    font-size: 48px;
    font-family: var(--font-tt-ramillas),serif
}

@media(min-width:768px) {
    .text-marquee-block__text {
        font-size: var(--marquee-display-size)
    }
}

.text-marquee-block__sep {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    margin-inline: 60px;
    display: inline-flex
}

    .text-marquee-block__sep svg {
        height: calc(var(--spacing)*7);
        width: calc(var(--spacing)*7)
    }

@keyframes text-marquee-scroll {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-16.666%)
    }
}

[data-lottie] {
    width: auto;
    height: auto;
    display: block
}

    [data-lottie] canvas, [data-lottie] svg {
        width: auto !important;
        height: auto !important
    }

html, body {
    margin: calc(var(--spacing)*0);
    -webkit-overflow-scrolling: touch;
    min-height: 100%
}

main {
    margin: calc(var(--spacing)*0)
}

body {
    background-color: var(--color-grey)
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px;

    .swiper-slide, .swiper-cube-shadow {
        transform-style: preserve-3d
    }
}

.swiper-css-mode {
    > .swiper-wrapper {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;

        &::-webkit-scrollbar {
            display: none
        }
    }

        > .swiper-wrapper > .swiper-slide {
            scroll-snap-align: start start
        }

    &.swiper-horizontal {
        > .swiper-wrapper {
            scroll-snap-type: x mandatory
        }
    }

    &.swiper-vertical {
        > .swiper-wrapper {
            scroll-snap-type: y mandatory
        }
    }

    &.swiper-free-mode {
        > .swiper-wrapper {
            scroll-snap-type: none
        }

            > .swiper-wrapper > .swiper-slide {
                scroll-snap-align: none
            }
    }

    &.swiper-centered {
        > .swiper-wrapper:before {
            content: "";
            flex-shrink: 0;
            order: 9999
        }

        > .swiper-wrapper > .swiper-slide {
            scroll-snap-align: center center;
            scroll-snap-stop: always
        }
    }

        &.swiper-centered.swiper-horizontal {
            > .swiper-wrapper > .swiper-slide:first-child {
                margin-inline-start: var(--swiper-centered-offset-before)
            }

            > .swiper-wrapper:before {
                height: 100%;
                min-height: 1px;
                width: var(--swiper-centered-offset-after)
            }
        }

        &.swiper-centered.swiper-vertical {
            > .swiper-wrapper > .swiper-slide:first-child {
                margin-block-start: var(--swiper-centered-offset-before)
            }

            > .swiper-wrapper:before {
                width: 100%;
                min-width: 1px;
                height: var(--swiper-centered-offset-after)
            }
        }
}

.swiper-3d {
    .swiper-slide-shadow, .swiper-slide-shadow-left, .swiper-slide-shadow-right, .swiper-slide-shadow-top, .swiper-slide-shadow-bottom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-slide-shadow {
        background: #00000026
    }

    .swiper-slide-shadow-left {
        background-image: linear-gradient(to left,#00000080,#0000)
    }

    .swiper-slide-shadow-right {
        background-image: linear-gradient(to right,#00000080,#0000)
    }

    .swiper-slide-shadow-top {
        background-image: linear-gradient(to top,#00000080,#0000)
    }

    .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom,#00000080,#0000)
    }
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible {
    .swiper-lazy-preloader {
        animation: swiper-preloader-spin 1s infinite linear
    }
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.footer {
    height: auto !important;
}

@media (min-width: 768px) {
    #div-nav {
        display: flex !important;
    }

    #div-nav-nav {
        display: flex !important;
    }
}

/*#hero-tagline {
    font-family: var(--font-filson-pro), sans-serif;
}*/

#rdy-footer {
    text-align: left !important;
}

.footer-contact a {
    color: var(--color-white) !important;
    text-decoration: none;
}

.footer-contact a:hover,
.footer-contact a:focus {
    color: var(--color-white) !important;
    text-decoration: none;
}

/*.footer-text {
    margin-top: 0 !important;
}*/

.footer-heading {
    font-family: var(--font-filson-pro), sans-serif !important;
}

#rdy-footer-01 {
    text-align: center;
    color: #333 !important;
    margin-bottom: 10px !important;
}

#rdy-footer-01 .phx-copyright {
    color: #333 !important;
}

p {
    font-family: var(--font-filson-pro), sans-serif !important;
    /*color: var(--color-green-1) !important;*/
}

h1 a, h2 a, h3 a,
.h1 a, .h2 a, .h3 a {
    font-family: var(--font-tt-ramillas), sans-serif !important;
    color: var(--color-green-1) !important;
}

.btn {
    background-color: #004126 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #004126 !important;
    border-radius: 12px 2px !important;
    color: #fff !important;
    text-transform: uppercase !important;
}

    .btn:hover,
    .btn:focus {
        
        background-color: var(--color-white) !important;
        color: #004126 !important;
        border-width: 1px !important;
        border-style: solid !important;
        border-color: #004126 !important;
    }


    .btn[class*="btn-share"] {
        background-color: #004126 !important;
        border-color: #004126 !important;
        color: #fff !important;
    }

        .btn[class*="btn-share"]:hover,
        .btn[class*="btn-share"]:focus {
            background-color: var(--color-white) !important;
            border-color: #004126 !important;
            color: #333 !important;
        }

.btn[class*="btn-share"] i,
.btn[class*="btn-share"] .fa,
.social-share i,
.social-share .fa {
    color: #004126 !important;
}

body {
    color: var(--color-green-1) !important;
}

a {
    color: var(--color-green-1) !important;
}

a:hover, a:focus {
    color: var(--color-green-1) !important;
}

.thumbnail .caption {
    color: #004126 !important;
}

h1, .h1 {
    font-family: var(--font-tt-ramillas), sans-serif !important;
    font-size: 34px !important;
    font-weight: bold !important;
    color: var(--color-green-1) !important;
}
@media (min-width: 768px) {
    h1, .h1 {
        font-size: 48px !important;
    }
}

h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: var(--font-tt-ramillas), sans-serif !important;
}

.heading-1\! {
    color: var(--color-white) !important;
}

/*.row .job-ad {
    color: var(--color-green-1) !important;
}*/

.careernav a {
    color: var(--color-green-1) !important;
}

.careernav a:hover,
.careernav a:focus {
    background-color: var(--color-green-1) !important;
    color: var(--color-white) !important;
    text-decoration: none !important;
}


.vacany-info-body {
    color: #004126 !important;
}

.vacancy-info h2 {
    color: #004126 !important;
}

.vacancy-info h2 a {
    color: #004126 !important;
}

.vacancy-item .thumbnail {
    border: 1px solid #004126 !important;
}

.job-search_title {
    color: #004126 !important;
}

.job-options a {
    color: #004126 !important;
}

.modal-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.modal-header .close {
    float: none !important;
    margin-left: auto !important;
}

.modal-title,
.modal-content h4,
.modal-content h5 {
    color: var(--color-green-1) !important;
}
.btn-cta {
    color: var(--color-white) !important;
}

.footer-legal a {
    color: var(--color-white) !important;
}

.btn-nav {
    color: var(--color-white) !important;
}
    .btn-nav:hover,
    .btn-nav:focus {
        color: var(--color-white) !important;
    }

.nav-dropdown-item:hover,
.nav-dropdown-item:focus {
    color: var(--color-white) !important;
}