/*! tailwindcss v4.3.1 | 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-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-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-outline-style: solid;
            --tw-duration: initial;
            --tw-ease: initial
        }
    }
}

@layer theme {
    :root,
    :host {
        --font-sans: "Onest Variable", ui-sans-serif, system-ui, sans-serif;
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --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);
        --color-maroon: #470b2b;
        --color-forest: #305031;
        --color-cream: #f7f6f4;
        --color-ink: #2e2e2e;
        --color-muted: #6b6b6b;
        --color-sage: #94a69b;
        --color-lavender: #eceaf6;
        --color-success-bg: #e7f2e7;
        --color-success-border: #b9d8b9;
        --text-body: 16px
    }
}

@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]) {
        text-decoration: underline dotted
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }
    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: 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 {
        display: inline-flex
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }
    ::-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
    }
    html {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizelegibility
    }
    body {
        font-family: var(--font-sans);
        color: var(--color-ink);
        letter-spacing: .05em;
        font-size: var(--text-body);
        background: #fff;
        line-height: 1.55
    }
}

@layer components;

@layer utilities {
    .visible {
        visibility: visible
    }
    .absolute {
        position: absolute
    }
    .relative {
        position: relative
    }
    .static {
        position: static
    }
    .sticky {
        position: sticky
    }
    .top-0 {
        top: 0
    }
    .bottom-5 {
        bottom: calc(var(--spacing) * 5)
    }
    .left-8 {
        left: calc(var(--spacing) * 8)
    }
    .z-50 {
        z-index: 50
    }
    .order-1 {
        order: 1
    }
    .order-2 {
        order: 2
    }
    .container-site {
        width: 100%;
        max-width: 1140px;
        margin-inline: auto;
        padding-inline: 1.5rem
    }
    .mx-auto {
        margin-inline: auto
    }
    .mt-0\.5 {
        margin-top: calc(var(--spacing) * .5)
    }
    .mt-1 {
        margin-top: var(--spacing)
    }
    .mt-3 {
        margin-top: calc(var(--spacing) * 3)
    }
    .mt-4 {
        margin-top: calc(var(--spacing) * 4)
    }
    .mt-5 {
        margin-top: calc(var(--spacing) * 5)
    }
    .mt-6 {
        margin-top: calc(var(--spacing) * 6)
    }
    .mt-7 {
        margin-top: calc(var(--spacing) * 7)
    }
    .mt-8 {
        margin-top: calc(var(--spacing) * 8)
    }
    .mt-10 {
        margin-top: calc(var(--spacing) * 10)
    }
    .mt-12 {
        margin-top: calc(var(--spacing) * 12)
    }
    .mt-14 {
        margin-top: calc(var(--spacing) * 14)
    }
    .mb-4 {
        margin-bottom: calc(var(--spacing) * 4)
    }
    .mb-10 {
        margin-bottom: calc(var(--spacing) * 10)
    }
    .block {
        display: block
    }
    .flex {
        display: flex
    }
    .grid {
        display: grid
    }
    .hidden {
        display: none
    }
    .inline {
        display: inline
    }
    .inline-flex {
        display: inline-flex
    }
    .aspect-\[4\/3\] {
        aspect-ratio: 4/3
    }
    .aspect-\[400\/370\] {
        aspect-ratio: 400/370
    }
    .h-2 {
        height: calc(var(--spacing) * 2)
    }
    .h-\[52px\] {
        height: 52px
    }
    .h-\[84px\] {
        height: 84px
    }
    .h-\[150px\] {
        height: 150px
    }
    .h-auto {
        height: auto
    }
    .h-full {
        height: 100%
    }
    .max-h-\[280px\] {
        max-height: 280px
    }
    .min-h-\[240px\] {
        min-height: 240px
    }
    .min-h-\[280px\] {
        min-height: 280px
    }
    .min-h-\[300px\] {
        min-height: 300px
    }
    .min-h-\[320px\] {
        min-height: 320px
    }
    .min-h-screen {
        min-height: 100vh
    }
    .w-2 {
        width: calc(var(--spacing) * 2)
    }
    .w-\[150px\] {
        width: 150px
    }
    .w-auto {
        width: auto
    }
    .w-full {
        width: 100%
    }
    .max-w-\[320px\] {
        max-width: 320px
    }
    .max-w-\[420px\] {
        max-width: 420px
    }
    .max-w-\[460px\] {
        max-width: 460px
    }
    .max-w-\[480px\] {
        max-width: 480px
    }
    .max-w-\[560px\] {
        max-width: 560px
    }
    .max-w-\[760px\] {
        max-width: 760px
    }
    .max-w-\[940px\] {
        max-width: 940px
    }
    .max-w-\[1000px\] {
        max-width: 1000px
    }
    .shrink-0 {
        flex-shrink: 0
    }
    .transform {
        transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
    }
    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .flex-col {
        flex-direction: column
    }
    .items-baseline {
        align-items: baseline
    }
    .items-center {
        align-items: center
    }
    .items-start {
        align-items: flex-start
    }
    .justify-between {
        justify-content: space-between
    }
    .justify-center {
        justify-content: center
    }
    .justify-end {
        justify-content: flex-end
    }
    .gap-1 {
        gap: var(--spacing)
    }
    .gap-2 {
        gap: calc(var(--spacing) * 2)
    }
    .gap-2\.5 {
        gap: calc(var(--spacing) * 2.5)
    }
    .gap-3 {
        gap: calc(var(--spacing) * 3)
    }
    .gap-4 {
        gap: calc(var(--spacing) * 4)
    }
    .gap-5 {
        gap: calc(var(--spacing) * 5)
    }
    .gap-6 {
        gap: calc(var(--spacing) * 6)
    }
    .gap-8 {
        gap: calc(var(--spacing) * 8)
    }
    .gap-9 {
        gap: calc(var(--spacing) * 9)
    }
    .gap-10 {
        gap: calc(var(--spacing) * 10)
    }
    :where(.space-y-1\.5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-3>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-4>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-6>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-7>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-12>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-16>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))
    }
    .gap-x-10 {
        column-gap: calc(var(--spacing) * 10)
    }
    .gap-y-12 {
        row-gap: calc(var(--spacing) * 12)
    }
    .overflow-hidden {
        overflow: hidden
    }
    .rounded-full {
        border-radius: 3.40282e38px
    }
    .rounded-lg {
        border-radius: var(--radius-lg)
    }
    .rounded-md {
        border-radius: var(--radius-md)
    }
    .rounded-sm {
        border-radius: var(--radius-sm)
    }
    .rounded-xl {
        border-radius: var(--radius-xl)
    }
    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }
    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }
    .border-black\/10 {
        border-color: #0000001a
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-black\/10 {
            border-color: color-mix(in oklab, var(--color-black) 10%, transparent)
        }
    }
    .border-black\/15 {
        border-color: #00000026
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-black\/15 {
            border-color: color-mix(in oklab, var(--color-black) 15%, transparent)
        }
    }
    .border-black\/25 {
        border-color: #00000040
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-black\/25 {
            border-color: color-mix(in oklab, var(--color-black) 25%, transparent)
        }
    }
    .border-success-border {
        border-color: var(--color-success-border)
    }
    .bg-cream {
        background-color: var(--color-cream)
    }
    .bg-cream\/40 {
        background-color: #f7f6f466
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-cream\/40 {
            background-color: color-mix(in oklab, var(--color-cream) 40%, transparent)
        }
    }
    .bg-forest {
        background-color: var(--color-forest)
    }
    .bg-forest\/25 {
        background-color: #30503140
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-forest\/25 {
            background-color: color-mix(in oklab, var(--color-forest) 25%, transparent)
        }
    }
    .bg-lavender {
        background-color: var(--color-lavender)
    }
    .bg-maroon {
        background-color: var(--color-maroon)
    }
    .bg-success-bg {
        background-color: var(--color-success-bg)
    }
    .bg-white {
        background-color: var(--color-white)
    }
    .object-cover {
        object-fit: cover
    }
    .p-6 {
        padding: calc(var(--spacing) * 6)
    }
    .px-4 {
        padding-inline: calc(var(--spacing) * 4)
    }
    .px-5 {
        padding-inline: calc(var(--spacing) * 5)
    }
    .px-6 {
        padding-inline: calc(var(--spacing) * 6)
    }
    .px-7 {
        padding-inline: calc(var(--spacing) * 7)
    }
    .py-2 {
        padding-block: calc(var(--spacing) * 2)
    }
    .py-3 {
        padding-block: calc(var(--spacing) * 3)
    }
    .py-4 {
        padding-block: calc(var(--spacing) * 4)
    }
    .py-5 {
        padding-block: calc(var(--spacing) * 5)
    }
    .py-10 {
        padding-block: calc(var(--spacing) * 10)
    }
    .py-12 {
        padding-block: calc(var(--spacing) * 12)
    }
    .py-14 {
        padding-block: calc(var(--spacing) * 14)
    }
    .py-16 {
        padding-block: calc(var(--spacing) * 16)
    }
    .pt-1 {
        padding-top: var(--spacing)
    }
    .pt-2 {
        padding-top: calc(var(--spacing) * 2)
    }
    .pt-4 {
        padding-top: calc(var(--spacing) * 4)
    }
    .pt-16 {
        padding-top: calc(var(--spacing) * 16)
    }
    .pr-6 {
        padding-right: calc(var(--spacing) * 6)
    }
    .pb-8 {
        padding-bottom: calc(var(--spacing) * 8)
    }
    .pb-16 {
        padding-bottom: calc(var(--spacing) * 16)
    }
    .pb-20 {
        padding-bottom: calc(var(--spacing) * 20)
    }
    .pl-8 {
        padding-left: calc(var(--spacing) * 8)
    }
    .pl-\[54px\] {
        padding-left: 54px
    }
    .pl-gutter {
        padding-left: max(1.5rem, 50vw - 570px)
    }
    .text-center {
        text-align: center
    }
    .text-\[13px\] {
        font-size: 13px
    }
    .text-\[14px\] {
        font-size: 14px
    }
    .text-\[15px\] {
        font-size: 15px
    }
    .text-\[16px\] {
        font-size: 16px
    }
    .text-\[17px\] {
        font-size: 17px
    }
    .text-\[18px\] {
        font-size: 18px
    }
    .text-\[20px\] {
        font-size: 20px
    }
    .text-\[25px\] {
        font-size: 25px
    }
    .text-\[28px\] {
        font-size: 28px
    }
    .text-\[30px\] {
        font-size: 30px
    }
    .text-\[32px\] {
        font-size: 32px
    }
    .text-\[34px\] {
        font-size: 34px
    }
    .text-\[42px\] {
        font-size: 42px
    }
    .leading-\[1\.3\] {
        --tw-leading: 1.3;
        line-height: 1.3
    }
    .leading-\[1\.5\] {
        --tw-leading: 1.5;
        line-height: 1.5
    }
    .leading-\[1\.6\] {
        --tw-leading: 1.6;
        line-height: 1.6
    }
    .leading-\[1\.18\] {
        --tw-leading: 1.18;
        line-height: 1.18
    }
    .leading-\[1\.45\] {
        --tw-leading: 1.45;
        line-height: 1.45
    }
    .leading-\[1\.55\] {
        --tw-leading: 1.55;
        line-height: 1.55
    }
    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }
    .font-light {
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light)
    }
    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }
    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }
    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }
    .tracking-\[0\.03em\] {
        --tw-tracking: .03em;
        letter-spacing: .03em
    }
    .tracking-\[0\.04em\] {
        --tw-tracking: .04em;
        letter-spacing: .04em
    }
    .tracking-\[0\.05em\] {
        --tw-tracking: .05em;
        letter-spacing: .05em
    }
    .tracking-\[0\.12em\] {
        --tw-tracking: .12em;
        letter-spacing: .12em
    }
    .tracking-\[0\.14em\] {
        --tw-tracking: .14em;
        letter-spacing: .14em
    }
    .text-cream {
        color: var(--color-cream)
    }
    .text-cream\/80 {
        color: #f7f6f4cc
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-cream\/80 {
            color: color-mix(in oklab, var(--color-cream) 80%, transparent)
        }
    }
    .text-cream\/90 {
        color: #f7f6f4e6
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-cream\/90 {
            color: color-mix(in oklab, var(--color-cream) 90%, transparent)
        }
    }
    .text-cream\/95 {
        color: #f7f6f4f2
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-cream\/95 {
            color: color-mix(in oklab, var(--color-cream) 95%, transparent)
        }
    }
    .text-forest {
        color: var(--color-forest)
    }
    .text-ink {
        color: var(--color-ink)
    }
    .text-ink\/85 {
        color: #2e2e2ed9
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-ink\/85 {
            color: color-mix(in oklab, var(--color-ink) 85%, transparent)
        }
    }
    .text-maroon {
        color: var(--color-maroon)
    }
    .text-muted {
        color: var(--color-muted)
    }
    .text-sage {
        color: var(--color-sage)
    }
    .uppercase {
        text-transform: uppercase
    }
    .underline {
        text-decoration-line: underline
    }
    .decoration-1 {
        text-decoration-thickness: 1px
    }
    .underline-offset-4 {
        text-underline-offset: 4px
    }
    .underline-offset-\[6px\] {
        text-underline-offset: 6px
    }
    .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }
    .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .transition-colors {
        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))
    }
    .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-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }
    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }
    .duration-700 {
        --tw-duration: .7s;
        transition-duration: .7s
    }
    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }
    .outline-none {
        --tw-outline-style: none;
        outline-style: none
    }
    @media (hover:hover) {
        .hover\:bg-\[\#274226\]:hover {
            background-color: #274226
        }
        .hover\:bg-\[\#360820\]:hover {
            background-color: #360820
        }
        .hover\:bg-white:hover {
            background-color: var(--color-white)
        }
        .hover\:opacity-60:hover {
            opacity: .6
        }
        .hover\:opacity-70:hover {
            opacity: .7
        }
    }
    .focus\:border-ink:focus {
        border-color: var(--color-ink)
    }
    .data-\[active\]\:bg-cream[data-active] {
        background-color: var(--color-cream)
    }
    .data-\[active\]\:bg-forest[data-active] {
        background-color: var(--color-forest)
    }
    @media (width >= 40rem) {
        .sm\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
        .sm\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }
    @media (width >= 48rem) {
        .md\:bottom-6 {
            bottom: calc(var(--spacing) * 6)
        }
        .md\:left-\[88px\] {
            left: 88px
        }
        .md\:order-1 {
            order: 1
        }
        .md\:order-2 {
            order: 2
        }
        .md\:col-span-3 {
            grid-column: span 3 / span 3
        }
        .md\:col-span-7 {
            grid-column: span 7 / span 7
        }
        .md\:col-start-2 {
            grid-column-start: 2
        }
        .md\:col-start-5 {
            grid-column-start: 5
        }
        .md\:col-start-10 {
            grid-column-start: 10
        }
        .md\:block {
            display: block
        }
        .md\:grid {
            display: grid
        }
        .md\:min-h-0 {
            min-height: 0
        }
        .md\:min-h-\[400px\] {
            min-height: 400px
        }
        .md\:min-h-\[460px\] {
            min-height: 460px
        }
        .md\:min-h-\[520px\] {
            min-height: 520px
        }
        .md\:min-h-\[560px\] {
            min-height: 560px
        }
        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
        .md\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }
        .md\:grid-cols-\[5fr_7fr\] {
            grid-template-columns: 5fr 7fr
        }
        .md\:grid-cols-\[180px_1fr\] {
            grid-template-columns: 180px 1fr
        }
        .md\:grid-cols-\[360px_1fr\] {
            grid-template-columns: 360px 1fr
        }
        .md\:grid-cols-\[400px_1fr\] {
            grid-template-columns: 400px 1fr
        }
        .md\:grid-cols-\[auto_1fr_auto\] {
            grid-template-columns: auto 1fr auto
        }
        .md\:items-center {
            align-items: center
        }
        .md\:gap-6 {
            gap: calc(var(--spacing) * 6)
        }
        .md\:gap-8 {
            gap: calc(var(--spacing) * 8)
        }
        .md\:gap-12 {
            gap: calc(var(--spacing) * 12)
        }
        .md\:gap-14 {
            gap: calc(var(--spacing) * 14)
        }
        .md\:gap-16 {
            gap: calc(var(--spacing) * 16)
        }
        :where(.md\:space-y-16>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))
        }
        :where(.md\:space-y-20>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)))
        }
        .md\:gap-x-14 {
            column-gap: calc(var(--spacing) * 14)
        }
        .md\:p-10 {
            padding: calc(var(--spacing) * 10)
        }
        .md\:px-12 {
            padding-inline: calc(var(--spacing) * 12)
        }
        .md\:px-16 {
            padding-inline: calc(var(--spacing) * 16)
        }
        .md\:py-12 {
            padding-block: calc(var(--spacing) * 12)
        }
        .md\:py-14 {
            padding-block: calc(var(--spacing) * 14)
        }
        .md\:py-16 {
            padding-block: calc(var(--spacing) * 16)
        }
        .md\:py-20 {
            padding-block: calc(var(--spacing) * 20)
        }
        .md\:py-24 {
            padding-block: calc(var(--spacing) * 24)
        }
        .md\:pt-1 {
            padding-top: var(--spacing)
        }
        .md\:pt-3 {
            padding-top: calc(var(--spacing) * 3)
        }
        .md\:pt-8 {
            padding-top: calc(var(--spacing) * 8)
        }
        .md\:pt-20 {
            padding-top: calc(var(--spacing) * 20)
        }
        .md\:pr-12 {
            padding-right: calc(var(--spacing) * 12)
        }
        .md\:pb-20 {
            padding-bottom: calc(var(--spacing) * 20)
        }
        .md\:pb-24 {
            padding-bottom: calc(var(--spacing) * 24)
        }
        .md\:pb-28 {
            padding-bottom: calc(var(--spacing) * 28)
        }
        .md\:pl-\[88px\] {
            padding-left: 88px
        }
        .md\:text-right {
            text-align: right
        }
        .md\:text-\[18px\] {
            font-size: 18px
        }
        .md\:text-\[22px\] {
            font-size: 22px
        }
        .md\:text-\[32px\] {
            font-size: 32px
        }
        .md\:text-\[33px\] {
            font-size: 33px
        }
        .md\:text-\[35px\] {
            font-size: 35px
        }
        .md\:text-\[45px\] {
            font-size: 45px
        }
    }
    @media (width >= 64rem) {
        .lg\:flex {
            display: flex
        }
        .lg\:hidden {
            display: none
        }
        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
        .lg\:gap-6 {
            gap: calc(var(--spacing) * 6)
        }
        .lg\:gap-8 {
            gap: calc(var(--spacing) * 8)
        }
    }
}

/* Fonts */
@font-face {
    font-family: Onest Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(data:font/woff2;base64,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) format("woff2-variations");
    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Onest Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/_astro/onest-cyrillic-wght-normal.DXI_y_WF.woff2) format("woff2-variations");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}

@font-face {
    font-family: Onest Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/_astro/onest-latin-ext-wght-normal.CnNj8hVb.woff2) format("woff2-variations");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Onest Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/_astro/onest-latin-wght-normal.CUIqqgP9.woff2) format("woff2-variations");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

/* Custom responsive overrides */
@media (width >= 768px) {
    .pl-gutter {
        padding-left: max(2.5rem, 50vw - 570px)
    }
    .container-site {
        padding-inline: 2.5rem
    }
}

@media (width >= 1280px) {
    .container-site {
        padding-inline: 0
    }
}

/* Custom properties definitions */
@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-leading {
    syntax: "*";
    inherits: false
}

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

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

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

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

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