/*! 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-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-space-y-reverse: 0;
            --tw-border-style: solid;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --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-duration: initial;
            --tw-text-shadow-color: initial;
            --tw-text-shadow-alpha: 100%;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-ease: initial;
            --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-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0
        }
    }
}

@layer theme {

    :root,
    :host {
        --font-sans: "Lora", ui-sans-serif, system-ui, sans-serif;
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-500: oklch(63.7% .237 25.331);
        --color-red-600: oklch(57.7% .245 27.325);
        --spacing: .25rem;
        --container-4xl: 56rem;
        --text-xs: var(--text-xs);
        --text-sm: var(--text-sm);
        --text-sm--line-height: 1.7;
        --text-base: var(--text-base);
        --text-base--line-height: 1.7;
        --text-lg: var(--text-lg);
        --text-lg--line-height: 1.7;
        --text-xl: var(--text-2xl);
        --text-xl--line-height: 1.7;
        --text-2xl: 1.5rem;
        --text-2xl--line-height: 1.6;
        --text-3xl: var(--text-3xl);
        --text-3xl--line-height: 1.5;
        --text-4xl: var(--text-4xl);
        --text-4xl--line-height: 1.4;
        --text-5xl: var(--text-5xl);
        --text-5xl--line-height: 1.3;
        --text-6xl: var(--text-6xl);
        --text-6xl--line-height: 1.3;
        --font-weight-normal: 400;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-black: 900;
        --leading-relaxed: 1.625;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
        --blur-md: 12px;
        --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-dark-olive-green: #475a00;
        --color-old-lace: #fdf6e8;
        --color-pale-lavender: #d8c4fc;
        --color-pale-blue: #c0e6ee;
        --color-orange: #ec5629;
        --color-red-orange: #ff4800;
        --color-midnight-blue: #00528a;
        --font-display: "The Year of Handicrafts", "Adobe Arabic", serif;
        --text-btn: var(--text-btn);
        --text-btn--line-height: 1.5;
        --text-paragraph: var(--text-paragraph);
        --radius-section-cards: 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;
        -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-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        text-size-adjust: 100%;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: var(--color-dark-olive-green);
        font-size: 16px
    }

    body {
        font-size: var(--text-base);
        flex-direction: column;
        justify-content: space-between;
        min-height: 100vh;
        line-height: 1.6;
        font-family: The Year of Handicrafts !important
    }

    * {
        font-family: The Year of Handicrafts !important
    }

    main {
        flex: 1
    }

    p {
        font-size: var(--text-paragraph);
        font-weight: 400;
        line-height: 1.7
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        --tw-font-weight: var(--font-weight-black);
        line-height: 1.4;
        font-weight: var(--font-weight-black)
    }

    .text-shadow-soft {
        text-shadow: 0 6px 18px #00000040, 0 2px 8px #0000002e
    }
}

@layer components;

@layer utilities {
    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

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

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

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

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

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

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

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

    .z-0 {
        z-index: 0
    }

    .z-1 {
        z-index: 1
    }

    .z-10 {
        z-index: 10
    }

    .z-50 {
        z-index: 50
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

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

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

    .container {
        width: 100%
    }

    @media (min-width:450px) {
        .container {
            max-width: 450px
        }
    }

    @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
        }
    }

    .mx-auto {
        margin-inline: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .block {
        display: block
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .table {
        display: table
    }

    .aspect-square {
        aspect-ratio: 1
    }

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

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

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

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

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

    .h-\[57px\]\! {
        height: 57px !important
    }

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

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

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

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

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

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

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

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

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

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

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

    .h-auto {
        height: auto
    }

    .h-full {
        height: 100%
    }

    .max-h-\[300px\] {
        max-height: 300px
    }

    .max-h-\[590px\] {
        max-height: 590px
    }

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

    .min-h-screen {
        min-height: 100vh
    }

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

    .w-3\/5 {
        width: 60%
    }

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

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

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

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

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

    .w-full {
        width: 100%
    }

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

    .max-w-none {
        max-width: none
    }

    .flex-1 {
        flex: 1
    }

    .flex-shrink-0,
    .shrink-0 {
        flex-shrink: 0
    }

    .border-collapse {
        border-collapse: collapse
    }

    .scale-90 {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .animate-pulse {
        animation: var(--animate-pulse)
    }

    .cursor-pointer {
        cursor: pointer
    }

    .list-disc {
        list-style-type: disc
    }

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

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

    .flex-col {
        flex-direction: column
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .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: calc(var(--spacing)*1)
    }

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

    .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)
    }

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

    :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-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-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)))
    }

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

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

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

    .overflow-hidden {
        overflow: hidden
    }

    .rounded {
        border-radius: .25rem
    }

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

    .rounded-full {
        border-radius: 3.40282e38px
    }

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

    .rounded-section-cards {
        border-radius: var(--radius-section-cards)
    }

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

    .rounded-b-section-cards {
        border-bottom-right-radius: var(--radius-section-cards);
        border-bottom-left-radius: var(--radius-section-cards)
    }

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

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

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

    .border-dark-olive-green {
        border-color: var(--color-dark-olive-green)
    }

    .border-dark-olive-green\/30 {
        border-color: #475a004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-dark-olive-green\/30 {
            border-color: color-mix(in oklab, var(--color-dark-olive-green)30%, transparent)
        }
    }

    .border-t-pale-lavender {
        border-top-color: var(--color-pale-lavender)
    }

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

    .bg-dark-olive-green\! {
        background-color: var(--color-dark-olive-green) !important
    }

    .bg-dark-olive-green\/10 {
        background-color: #475a001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-dark-olive-green\/10 {
            background-color: color-mix(in oklab, var(--color-dark-olive-green)10%, transparent)
        }
    }

    .bg-dark-olive-green\/15 {
        background-color: #475a0026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-dark-olive-green\/15 {
            background-color: color-mix(in oklab, var(--color-dark-olive-green)15%, transparent)
        }
    }

    .bg-midnight-blue {
        background-color: var(--color-midnight-blue)
    }

    .bg-midnight-blue\! {
        background-color: var(--color-midnight-blue) !important
    }

    .bg-midnight-blue\/90 {
        background-color: #00528ae6
    }

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

    .bg-old-lace {
        background-color: var(--color-old-lace)
    }

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

    .bg-pale-blue {
        background-color: var(--color-pale-blue)
    }

    .bg-pale-blue\! {
        background-color: var(--color-pale-blue) !important
    }

    .bg-pale-lavender {
        background-color: var(--color-pale-lavender)
    }

    .bg-pale-lavender\! {
        background-color: var(--color-pale-lavender) !important
    }

    .bg-red-orange {
        background-color: var(--color-red-orange)
    }

    .bg-red-orange\! {
        background-color: var(--color-red-orange) !important
    }

    .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
    }

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

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

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

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

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

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

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

    .px-8\! {
        padding-inline: calc(var(--spacing)*8) !important
    }

    .px-12\! {
        padding-inline: calc(var(--spacing)*12) !important
    }

    .py-2\! {
        padding-block: calc(var(--spacing)*2) !important
    }

    .py-3 {
        padding-block: calc(var(--spacing)*3)
    }

    .py-6 {
        padding-block: calc(var(--spacing)*6)
    }

    .py-8 {
        padding-block: calc(var(--spacing)*8)
    }

    .py-10 {
        padding-block: calc(var(--spacing)*10)
    }

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

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

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

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

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

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

    .text-center {
        text-align: center
    }

    .font-display {
        font-family: var(--font-display)
    }

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height))
    }

    .text-6xl {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height))
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .text-btn {
        font-size: var(--text-btn);
        line-height: var(--tw-leading, var(--text-btn--line-height))
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .leading-relaxed {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed)
    }

    .font-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black)
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .wrap-break-word {
        overflow-wrap: break-word
    }

    .text-dark-olive-green {
        color: var(--color-dark-olive-green)
    }

    .text-midnight-blue {
        color: var(--color-midnight-blue)
    }

    .text-midnight-blue\! {
        color: var(--color-midnight-blue) !important
    }

    .text-old-lace {
        color: var(--color-old-lace)
    }

    .text-pale-blue {
        color: var(--color-pale-blue)
    }

    .text-pale-lavender {
        color: var(--color-pale-lavender)
    }

    .text-red-orange {
        color: var(--color-red-orange)
    }

    .italic {
        font-style: italic
    }

    .opacity-10 {
        opacity: .1
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-35 {
        opacity: .35
    }

    .opacity-50 {
        opacity: .5
    }

    .shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .transition-all {
        transition-property: all;
        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))
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .text-shadow-2xs {
        text-shadow: 0px 1px 0px var(--tw-text-shadow-color, #00000026)
    }

    .placeholder\:text-pale-blue::placeholder {
        color: var(--color-pale-blue)
    }

    @media (hover:hover) {
        .hover\:bg-dark-olive-green\!:hover {
            background-color: var(--color-dark-olive-green) !important
        }

        .hover\:bg-pale-lavender:hover {
            background-color: var(--color-pale-lavender)
        }

        .hover\:text-midnight-blue:hover {
            color: var(--color-midnight-blue)
        }

        .hover\:text-old-lace\!:hover {
            color: var(--color-old-lace) !important
        }

        .hover\:underline:hover {
            text-decoration-line: underline
        }
    }

    @media (min-width:450px) {
        .xs\:col-span-1 {
            grid-column: span 1/span 1
        }

        .xs\:col-span-2 {
            grid-column: span 2/span 2
        }

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

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

        .xs\:h-\[260px\] {
            height: 260px
        }

        .xs\:h-\[300px\] {
            height: 300px
        }

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

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

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

        .xs\:text-start {
            text-align: start
        }
    }

    @media (min-width:40rem) {
        .sm\:order-1 {
            order: 1
        }

        .sm\:order-2 {
            order: 2
        }

        .sm\:mt-8 {
            margin-top: calc(var(--spacing)*8)
        }

        .sm\:mt-10 {
            margin-top: calc(var(--spacing)*10)
        }

        .sm\:mt-16 {
            margin-top: calc(var(--spacing)*16)
        }

        .sm\:mt-20 {
            margin-top: calc(var(--spacing)*20)
        }

        .sm\:mb-3 {
            margin-bottom: calc(var(--spacing)*3)
        }

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

        .sm\:mb-6 {
            margin-bottom: calc(var(--spacing)*6)
        }

        .sm\:mb-8 {
            margin-bottom: calc(var(--spacing)*8)
        }

        .sm\:mb-12 {
            margin-bottom: calc(var(--spacing)*12)
        }

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

        .sm\:h-5 {
            height: calc(var(--spacing)*5)
        }

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

        .sm\:h-\[160px\] {
            height: 160px
        }

        .sm\:h-\[210px\] {
            height: 210px
        }

        .sm\:h-\[240px\] {
            height: 240px
        }

        .sm\:h-\[250px\] {
            height: 250px
        }

        .sm\:h-\[315px\] {
            height: 315px
        }

        .sm\:h-\[360px\] {
            height: 360px
        }

        .sm\:h-\[400px\] {
            height: 400px
        }

        .sm\:max-h-\[870px\] {
            max-height: 870px
        }

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

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

        .sm\:w-\[90\%\] {
            width: 90%
        }

        .sm\:w-\[90px\] {
            width: 90px
        }

        .sm\:w-\[106px\] {
            width: 106px
        }

        .sm\:w-\[113px\] {
            width: 113px
        }

        .sm\:w-\[115px\] {
            width: 115px
        }

        .sm\:w-auto {
            width: auto
        }

        .sm\:scale-100 {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

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

        .sm\:flex-row {
            flex-direction: row
        }

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

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

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

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

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

        .sm\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        :where(.sm\: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(.sm\: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(.sm\:space-y-8>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))
        }

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

        .sm\:p-6 {
            padding: calc(var(--spacing)*6)
        }

        .sm\:p-8 {
            padding: calc(var(--spacing)*8)
        }

        .sm\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .sm\:px-10 {
            padding-inline: calc(var(--spacing)*10)
        }

        .sm\:py-8 {
            padding-block: calc(var(--spacing)*8)
        }

        .sm\:py-10 {
            padding-block: calc(var(--spacing)*10)
        }

        .sm\:py-15 {
            padding-block: calc(var(--spacing)*15)
        }

        .sm\:pt-20 {
            padding-top: calc(var(--spacing)*20)
        }

        .sm\:pb-32 {
            padding-bottom: calc(var(--spacing)*32)
        }

        .sm\:text-right {
            text-align: right
        }

        .sm\:text-start {
            text-align: start
        }

        .sm\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .sm\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }

        .sm\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }
    }

    @media (min-width:48rem) {
        .md\:col-span-1 {
            grid-column: span 1/span 1
        }

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

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

        .md\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

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

        .md\:grid {
            display: grid
        }

        .md\:h-7 {
            height: calc(var(--spacing)*7)
        }

        .md\:h-12 {
            height: calc(var(--spacing)*12)
        }

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

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

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

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

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

        .md\:w-7 {
            width: calc(var(--spacing)*7)
        }

        .md\:w-12 {
            width: calc(var(--spacing)*12)
        }

        .md\:w-\[85\%\] {
            width: 85%
        }

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

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

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

        .md\:flex-row {
            flex-direction: row
        }

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

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

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

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

        .md\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

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

        .md\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

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

        .md\:gap-x-10 {
            column-gap: calc(var(--spacing)*10)
        }

        .md\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .md\:px-10 {
            padding-inline: calc(var(--spacing)*10)
        }

        .md\:py-4 {
            padding-block: calc(var(--spacing)*4)
        }

        .md\:py-10 {
            padding-block: calc(var(--spacing)*10)
        }

        .md\:pt-32 {
            padding-top: calc(var(--spacing)*32)
        }

        .md\:text-start {
            text-align: start
        }
    }

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

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

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

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

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

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

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

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

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

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

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

        .lg\:max-h-\[1100px\] {
            max-height: 1100px
        }

        .lg\:min-h-screen {
            min-height: 100vh
        }

        .lg\:w-80 {
            width: calc(var(--spacing)*80)
        }

        .lg\:w-\[60\%\] {
            width: 60%
        }

        .lg\:w-\[80\%\] {
            width: 80%
        }

        .lg\:w-auto {
            width: auto
        }

        .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\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }

        .lg\:flex-row {
            flex-direction: row
        }

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

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

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

        .lg\:gap-12 {
            gap: calc(var(--spacing)*12)
        }

        .lg\:px-20 {
            padding-inline: calc(var(--spacing)*20)
        }

        .lg\:py-15 {
            padding-block: calc(var(--spacing)*15)
        }

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

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

        .lg\:text-start {
            text-align: start
        }

        .lg\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }
    }

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

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

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

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

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

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

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

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

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

        .xl\:w-2\/3 {
            width: 66.6667%
        }

        .xl\:w-\[60\%\] {
            width: 60%
        }

        .xl\:w-\[80\%\] {
            width: 80%
        }

        .xl\:w-\[85\%\] {
            width: 85%
        }

        .xl\:w-\[90\%\] {
            width: 90%
        }

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

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

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

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

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

    .\[\&_a\]\:text-base a {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .\[\&_a\]\:text-lg a {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    @media (min-width:40rem) {
        .sm\:\[\&_a\]\:text-lg a {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }
    }

    @media (min-width:64rem) {
        .lg\:\[\&_a\]\:text-xl a {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }
    }

    .\[\&_p\]\:text-lg p {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .\[\&_span\]\:text-base span {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .\[\&_span\]\:text-lg span {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    @media (min-width:40rem) {
        .sm\:\[\&_span\]\:text-lg span {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }
    }

    @media (min-width:64rem) {
        .lg\:\[\&_span\]\:text-xl span {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }
    }

    .img-full {
        object-fit: cover;
        width: 100%;
        height: 100%
    }

    nav[data-fixed-nav] {
        top: calc(var(--spacing)*0);
        right: calc(var(--spacing)*0);
        left: calc(var(--spacing)*0);
        z-index: 50;
        border-bottom-style: var(--tw-border-style);
        padding-block: calc(var(--spacing)*6);
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        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: .3s;
        background-color: #0000;
        border-color: #0000;
        border-bottom-width: 1px;
        transition-duration: .3s;
        position: fixed
    }

    @media (min-width:48rem) {
        nav[data-fixed-nav] {
            padding-block: calc(var(--spacing)*8)
        }
    }

    @media (min-width:64rem) {
        nav[data-fixed-nav] {
            padding-block: calc(var(--spacing)*10)
        }
    }

    nav[data-fixed-nav].has-bg {
        border-color: #475a001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        nav[data-fixed-nav].has-bg {
            border-color: color-mix(in oklab, var(--color-dark-olive-green)10%, transparent)
        }
    }

    nav[data-fixed-nav].has-bg {
        background-color: #fdf6e8e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        nav[data-fixed-nav].has-bg {
            background-color: color-mix(in oklab, var(--color-old-lace)90%, transparent)
        }
    }

    nav[data-fixed-nav].has-bg {
        padding-block: calc(var(--spacing)*4);
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-backdrop-blur: blur(var(--blur-md));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    @media (min-width:48rem) {
        nav[data-fixed-nav].has-bg {
            padding-block: calc(var(--spacing)*6)
        }
    }

    nav.pages-nav {
        background-color: var(--color-old-lace);
        padding-block: calc(var(--spacing)*6)
    }

    .menu-btn {
        height: calc(var(--spacing)*6);
        width: calc(var(--spacing)*6)
    }

    @media (min-width:48rem) {
        .menu-btn {
            height: calc(var(--spacing)*8);
            width: calc(var(--spacing)*8)
        }
    }

    .logo {
        width: 100px;
        height: 33px
    }

    @media (min-width:48rem) {
        .logo {
            width: 140px;
            height: 46px
        }
    }

    .home-btn svg {
        height: calc(var(--spacing)*6);
        width: calc(var(--spacing)*6)
    }

    @media (min-width:48rem) {
        .home-btn svg {
            height: calc(var(--spacing)*8);
            width: calc(var(--spacing)*8)
        }
    }

    .menu-btn path {
        fill: var(--color-old-lace) !important
    }

    nav.main-nav .menu-btn path,
    nav.pale-lavender .menu-btn path {
        fill: var(--color-dark-olive-green) !important
    }

    nav.pale-lavender .home-btn path {
        stroke: var(--color-dark-olive-green) !important
    }

    nav.pale-blue .menu-btn path {
        fill: var(--color-midnight-blue) !important
    }

    nav.pale-blue .home-btn path {
        stroke: var(--color-midnight-blue) !important
    }

    .container {
        margin: 0 auto;
        padding: 0 1rem
    }

    .btn-lavender {
        cursor: pointer;
        background-color: var(--color-pale-lavender);
        padding-inline: calc(var(--spacing)*6);
        padding-block: calc(var(--spacing)*2);
        font-size: var(--text-btn);
        line-height: var(--tw-leading, var(--text-btn--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        white-space: nowrap;
        color: var(--color-dark-olive-green);
        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: .3s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .3s;
        transition-timing-function: var(--ease-in-out);
        border-radius: 3.40282e38px;
        justify-content: center;
        align-items: center;
        display: inline-flex
    }

    @media (hover:hover) {
        .btn-lavender:hover {
            background-color: var(--color-old-lace)
        }
    }

    @media (min-width:48rem) {
        .btn-lavender {
            padding-inline: calc(var(--spacing)*8);
            padding-block: calc(var(--spacing)*3)
        }
    }

    .btn-dark-olive-green {
        cursor: pointer;
        border-radius: var(--radius-lg);
        background-color: var(--color-dark-olive-green);
        padding-inline: calc(var(--spacing)*6);
        padding-block: calc(var(--spacing)*2);
        font-size: var(--text-btn);
        line-height: var(--tw-leading, var(--text-btn--line-height));
        white-space: nowrap;
        color: var(--color-pale-lavender);
        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: .3s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .3s;
        transition-timing-function: var(--ease-in-out);
        justify-content: center;
        align-items: center;
        display: inline-flex
    }

    @media (hover:hover) {
        .btn-dark-olive-green:hover {
            background-color: var(--color-pale-lavender);
            color: var(--color-dark-olive-green)
        }
    }

    @media (min-width:48rem) {
        .btn-dark-olive-green {
            padding-inline: calc(var(--spacing)*8)
        }
    }

    .btn-read-more {
        cursor: pointer;
        background-color: var(--color-old-lace);
        padding-inline: calc(var(--spacing)*4);
        padding-block: calc(var(--spacing)*1.5);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        white-space: nowrap;
        color: var(--color-dark-olive-green);
        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: .3s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .3s;
        transition-timing-function: var(--ease-in-out);
        border-radius: 3.40282e38px;
        justify-content: center;
        align-items: center;
        display: inline-flex
    }

    @media (hover:hover) {
        .btn-read-more:hover {
            background-color: var(--color-pale-lavender)
        }
    }

    @media (min-width:48rem) {
        .btn-read-more {
            padding-inline: calc(var(--spacing)*5);
            padding-block: calc(var(--spacing)*2)
        }
    }

    .share-btn-container {
        width: 100%;
        position: relative
    }

    @media (min-width:64rem) {
        .share-btn-container {
            width: auto
        }
    }

    .share-dropdown {
        pointer-events: none;
        top: 100%;
        left: calc(var(--spacing)*0);
        z-index: 50;
        margin-top: calc(var(--spacing)*2);
        border-radius: var(--radius-lg);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: #475a0033;
        width: 100%;
        min-width: 200px;
        position: absolute
    }

    @supports (color:color-mix(in lab, red, red)) {
        .share-dropdown {
            border-color: color-mix(in oklab, var(--color-dark-olive-green)20%, transparent)
        }
    }

    .share-dropdown {
        background-color: var(--color-pale-lavender);
        opacity: 0;
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        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: .3s;
        transition-duration: .3s
    }

    @media (min-width:40rem) {
        .share-dropdown {
            right: calc(var(--spacing)*0);
            width: auto;
            left: auto
        }
    }

    .share-dropdown.open {
        pointer-events: auto;
        opacity: 1
    }

    .share-dropdown-item {
        align-items: center;
        gap: calc(var(--spacing)*3);
        border-radius: var(--radius-lg);
        padding-inline: calc(var(--spacing)*4);
        padding-block: calc(var(--spacing)*3);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        color: var(--color-dark-olive-green);
        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));
        display: flex
    }

    @media (hover:hover) {
        .share-dropdown-item:hover {
            background-color: var(--color-old-lace)
        }
    }

    .lift-card {
        border-radius: var(--radius-2xl);
        transition: all .4s ease-in-out;
        position: relative;
        transform: translateY(0)
    }

    .lift-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 35px #00000029
    }

    .section-margin {
        margin-block: calc(var(--spacing)*15)
    }

    @media (min-width:64rem) {
        .section-margin {
            margin-block: calc(var(--spacing)*20)
        }
    }

    .section-padding {
        padding-block: calc(var(--spacing)*10)
    }

    @media (min-width:40rem) {
        .section-padding {
            padding-block: calc(var(--spacing)*15)
        }
    }

    @media (min-width:64rem) {
        .section-padding {
            padding-block: calc(var(--spacing)*20)
        }
    }

    .hero-light-overlay:before {
        content: "";
        pointer-events: none;
        inset: calc(var(--spacing)*0);
        z-index: 0;
        --tw-gradient-position: to bottom;
        position: absolute
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .hero-light-overlay:before {
            --tw-gradient-position: to bottom in oklab
        }
    }

    .hero-light-overlay:before {
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: oklab(97.69% .00470525 .0179682/.35);
        --tw-gradient-via: oklab(97.69% .00470525 .0179682/.25);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --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));
        --tw-gradient-to: oklab(97.69% .00470525 .0179682/.15);
        mix-blend-mode: lighten
    }

    .gradient-bg {
        background: linear-gradient(#fcd9b3 -6.99%, #fcdfbf -4.38%, #fde9d0 6.03%, #fef1df 15.58%, #fff6ea 23.39%, #fffaf2 27.73%, #eceff4 51.17%, #e3f3fb 79.81%)
    }

    .main-content {
        padding-top: 92px
    }

    .layered-text {
        font-size: var(--text-6xl);
        letter-spacing: 4px;
        word-spacing: 5px;
        max-width: 300px;
        font-weight: 500;
        display: inline-block;
        position: relative
    }

    @media (min-width:48rem) {
        .layered-text {
            max-width: 400px
        }
    }

    .layered-text--large {
        max-width: 300px
    }

    @media (min-width:48rem) {
        .layered-text--large {
            max-width: 400px
        }
    }

    .layered-text--small {
        max-width: 200px
    }

    @media (min-width:48rem) {
        .layered-text--small {
            max-width: 300px
        }
    }

    .layer-outer {
        color: #0000;
        -webkit-text-stroke: 12px var(--color-dark-olive-green);
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0
    }

    .layer-middle {
        color: #0000;
        -webkit-text-stroke: 8px var(--color-old-lace);
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0
    }

    .layer-inner {
        color: var(--color-dark-olive-green);
        z-index: 3;
        position: relative
    }

    .layered-text.white .layer-inner {
        color: var(--color-old-lace)
    }

    .layered-text.white .layer-outer {
        -webkit-text-stroke: 12px var(--color-old-lace)
    }

    .layered-text.white .layer-middle {
        -webkit-text-stroke: 8px var(--color-dark-olive-green)
    }

    .layered-text.lavender .layer-middle {
        -webkit-text-stroke: 8px var(--color-pale-lavender)
    }

    .needs-card {
        background-color: var(--color-pale-lavender);
        padding-inline: calc(var(--spacing)*8);
        padding-block: calc(var(--spacing)*4);
        border-radius: 3.40282e38px;
        justify-content: center;
        align-items: center;
        display: flex
    }

    @media (min-width:48rem) {
        .needs-card {
            padding-block: calc(var(--spacing)*6)
        }
    }

    .needs-card p {
        -webkit-line-clamp: 1;
        text-align: center;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .clamp {
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .clamp-1 {
        -webkit-line-clamp: 1
    }

    .clamp-2 {
        -webkit-line-clamp: 2
    }

    .clamp-3 {
        -webkit-line-clamp: 3
    }

    .about-card-bg {
        background: linear-gradient(#dde8f2 12.09%, #e8ecf1 21.64%, #f2ede7 33.79%, #f9f1e3 45.07%, #fdf4e2 56.36%, #fcefd9 61.56%, #fcebd4 71.11%, #fbd4b4 83.26%, #fac99a 98.89%)
    }

    .store-bg {
        background: linear-gradient(#fde6d5 -6.99%, #fee9da -4.38%, #feefe5 6.03%, #fff3ec 15.58%, #fff6f0 23.39%, #fff7f2 27.73%, #f3f6f8 51.17%, #eaf2f9 79.81%)
    }

    footer h3 {
        color: var(--color-old-lace) !important
    }

    footer.main-footer h3 {
        color: var(--color-pale-lavender) !important
    }

    footer.pale-lavender * {
        color: var(--color-dark-olive-green) !important
    }

    footer.pale-lavender svg path {
        fill: var(--color-dark-olive-green) !important
    }

    footer.pale-blue * {
        color: var(--color-midnight-blue) !important
    }

    footer.pale-blue svg path {
        fill: var(--color-midnight-blue) !important
    }

    .wavy-card {
        aspect-ratio: 4/3;
        width: 100%;
        position: relative
    }

    .wavy-card .wavy-border {
        top: calc(var(--spacing)*0);
        left: calc(var(--spacing)*0);
        width: 100%;
        height: 100%;
        position: absolute
    }

    .wavy-card .card-content {
        z-index: 2;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex;
        position: relative
    }

    .wavy-card .card-title {
        margin: calc(var(--spacing)*0);
        -webkit-line-clamp: 3;
        text-align: center;
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    @media (min-width:48rem) {
        .wavy-card .card-title {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height))
        }
    }

    .faq-item {
        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: .3s;
        transition-duration: .3s
    }

    .faq-question {
        color: var(--color-dark-olive-green);
        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: .3s;
        transition-duration: .3s
    }

    @media (hover:hover) {
        .faq-question:hover {
            color: var(--color-red-orange)
        }
    }

    .faq-question-text {
        margin: calc(var(--spacing)*0);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    @media (min-width:40rem) {
        .faq-question-text {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }
    }

    @media (min-width:64rem) {
        .faq-question-text {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height))
        }
    }

    .faq-answer {
        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: .3s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .3s;
        transition-timing-function: var(--ease-in-out);
        grid-template-rows: 0fr;
        display: grid
    }

    .faq-item[data-open=true] .faq-answer {
        grid-template-rows: 1fr
    }

    .faq-answer-content {
        overflow: hidden
    }

    .faq-item[data-open=true] .faq-answer-content {
        padding: calc(var(--spacing)*4);
        padding-top: calc(var(--spacing)*0)
    }

    @media (min-width:40rem) {
        .faq-item[data-open=true] .faq-answer-content {
            padding: calc(var(--spacing)*6)
        }
    }

    .faq-item[data-open=true] .faq-icon {
        rotate: 180deg
    }

    .faq-answer p {
        margin: calc(var(--spacing)*0);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed);
        color: var(--color-dark-olive-green)
    }

    @media (min-width:40rem) {
        .faq-answer p {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }
    }

    .faq-answer h4 {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    @media (min-width:40rem) {
        .faq-answer h4 {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }
    }

    @media (min-width:64rem) {
        .faq-answer h4 {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }
    }

    .dropdown-menu {
        pointer-events: none;
        visibility: hidden;
        opacity: 0;
        --tw-translate-y: calc(var(--spacing)*-2.5);
        min-width: 280px;
        max-width: 320px;
        translate: var(--tw-translate-x)var(--tw-translate-y);
        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: .3s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .3s;
        transition-timing-function: var(--ease-in-out);
        z-index: 1000;
        inset-inline-end: calc(var(--spacing)*0);
        position: absolute;
        top: calc(100% + 1rem)
    }

    @media (max-width:768px) {
        .dropdown-menu {
            top: 70px;
            right: calc(var(--spacing)*4);
            left: calc(var(--spacing)*4);
            max-width: none;
            min-width: calc(var(--spacing)*0);
            position: fixed
        }
    }

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

    .dropdown-content {
        border-radius: var(--radius-2xl);
        background-color: var(--color-old-lace);
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--color-dark-olive-green);
        overflow: hidden
    }

    .menu-list {
        margin: calc(var(--spacing)*0);
        padding: calc(var(--spacing)*0);
        list-style-type: none
    }

    .menu-list li {
        border-bottom-style: var(--tw-border-style);
        border-color: #475a001a;
        border-bottom-width: 1px
    }

    @supports (color:color-mix(in lab, red, red)) {
        .menu-list li {
            border-color: color-mix(in oklab, var(--color-dark-olive-green)10%, transparent)
        }
    }

    .menu-list li:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .menu-link {
        padding-inline: calc(var(--spacing)*6);
        padding-block: calc(var(--spacing)*4);
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        color: var(--color-dark-olive-green);
        text-decoration-line: none;
        display: block
    }

    .menu-link:hover:not(.active) {
        background-color: var(--color-dark-olive-green);
        color: var(--color-old-lace)
    }

    .menu-link.active {
        color: var(--color-red-orange)
    }

    @media (max-width:768px) {
        .menu-link {
            padding-inline: calc(var(--spacing)*5);
            padding-block: calc(var(--spacing)*3.5);
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }
    }

    .wavy-border-mask {
        position: relative;
        overflow: hidden;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%' height='100%'  preserveAspectRatio='none' viewBox='0 0 248 356' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.39105 348.8C-1.05895 342.32 -1.03885 333.44 2.87115 326.09C3.61115 324.69 4.81106 323.69 5.28106 322.19C2.95106 316.98 0.831115 312.56 0.461115 306.71C-0.0388853 298.8 1.94114 292.82 5.11114 285.77C1.88114 279.96 -0.938934 275.39 0.661066 268.43C2.88107 258.8 6.89106 253.47 4.28106 242.64C3.40106 238.99 1.42112 236.13 0.0911196 232.76C1.18112 230.08 2.8111 227.79 3.7011 224.89C8.1711 210.34 -0.478861 205.39 0.111139 192.84C0.361139 187.5 2.72103 182.13 5.50103 177.68C3.07103 172.77 0.791115 168.17 0.461115 162.54C0.0211147 154.93 2.75105 151.21 4.64105 144.51C7.21105 135.41 4.12104 130.18 0.261041 122.23C3.59104 116.49 6.13106 109.4 5.65106 102.65C4.95106 92.8798 -1.56886 87.9098 1.61114 76.7898C2.44114 73.8898 4.19109 71.7298 5.31109 69.0198C4.87109 66.8598 3.54107 65.0398 2.79107 62.9998C-0.958929 52.7998 0.171071 42.2498 5.29107 32.7498C4.48107 30.2998 2.51106 28.3898 1.53106 25.8298C-5.43894 7.62978 12.7311 -5.27018 28.9411 2.11982C31.5211 3.29982 33.2811 5.05979 35.7911 6.21979C45.6511 1.07979 55.9311 0.14977 66.4711 3.75977C67.9911 4.27977 70.561 5.97976 72.001 5.99976C73.661 6.01976 80.021 2.99977 82.521 2.44977C93.401 0.0797722 95.4911 3.23979 104.791 5.71979C111.811 7.58979 117.901 5.36982 124.121 2.30982C129.251 5.31982 135.361 7.19977 141.401 6.25977C143.571 5.91977 145.801 4.49981 147.871 3.85981C154.561 1.80981 159.541 1.12977 166.511 2.75977C168.751 3.27977 175.021 6.29981 176.231 6.29981C177.591 6.29981 179.521 4.79978 180.861 4.32978C191.831 0.499777 202.131 1.15978 212.391 6.64978C233.421 -10.9002 259.521 9.36982 242.201 32.8098C243.081 35.5398 244.641 37.7598 245.541 40.5398C248.761 50.5698 246.681 60.2598 241.981 69.3798C245.991 75.5698 248.111 80.6398 246.171 88.1198C243.281 99.2598 238.631 105.31 244.251 117.61C244.991 119.22 246.751 120.93 246.671 122.6C246.611 124 244.111 127.58 243.411 129.35C237.611 143.99 246.021 146.77 247.031 158.82C247.611 165.71 245.401 171.79 241.551 177.37C243.891 181.82 246.121 185.22 246.921 190.35C248.271 198.99 245.361 202.4 243.061 209.95C240.231 219.24 243.311 224.75 247.621 232.76C243.441 239.67 241.001 247.77 242.761 255.86C245.001 266.13 250.481 269.96 244.991 281.37C244.361 282.68 242.581 284.65 242.571 285.98C242.551 287.69 244.451 290.28 245.081 291.99C248.891 302.22 247.781 312.86 242.211 322.22C246.961 328.07 249.141 335.41 246.911 342.8C242.801 356.43 227.581 358.25 216.591 351.52C215.211 350.68 213.491 348.58 212.071 348.61C211.191 348.63 208.741 350.33 207.561 350.77C200.751 353.34 193.001 353.96 185.941 352.23C183.481 351.63 177.331 348.63 175.861 348.63C174.411 348.63 169.671 350.96 167.621 351.49C162.611 352.77 157.801 353.33 152.761 352.15C144.391 350.2 142.031 347.12 132.491 349.25C129.921 349.82 125.371 352.45 123.381 352.36C121.861 352.29 119.571 350.5 118.011 349.94C105.491 345.47 99.831 353.44 88.631 353.48C83.191 353.5 76.5711 350.29 71.5711 348.37C60.1611 354.7 47.2811 355.08 35.7811 348.67C34.8411 348.67 32.0511 351.22 30.9011 351.9C22.3211 356.94 11.071 356.74 4.39105 348.8Z' fill='black'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg width='100%' height='100%'  preserveAspectRatio='none' viewBox='0 0 248 356' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.39105 348.8C-1.05895 342.32 -1.03885 333.44 2.87115 326.09C3.61115 324.69 4.81106 323.69 5.28106 322.19C2.95106 316.98 0.831115 312.56 0.461115 306.71C-0.0388853 298.8 1.94114 292.82 5.11114 285.77C1.88114 279.96 -0.938934 275.39 0.661066 268.43C2.88107 258.8 6.89106 253.47 4.28106 242.64C3.40106 238.99 1.42112 236.13 0.0911196 232.76C1.18112 230.08 2.8111 227.79 3.7011 224.89C8.1711 210.34 -0.478861 205.39 0.111139 192.84C0.361139 187.5 2.72103 182.13 5.50103 177.68C3.07103 172.77 0.791115 168.17 0.461115 162.54C0.0211147 154.93 2.75105 151.21 4.64105 144.51C7.21105 135.41 4.12104 130.18 0.261041 122.23C3.59104 116.49 6.13106 109.4 5.65106 102.65C4.95106 92.8798 -1.56886 87.9098 1.61114 76.7898C2.44114 73.8898 4.19109 71.7298 5.31109 69.0198C4.87109 66.8598 3.54107 65.0398 2.79107 62.9998C-0.958929 52.7998 0.171071 42.2498 5.29107 32.7498C4.48107 30.2998 2.51106 28.3898 1.53106 25.8298C-5.43894 7.62978 12.7311 -5.27018 28.9411 2.11982C31.5211 3.29982 33.2811 5.05979 35.7911 6.21979C45.6511 1.07979 55.9311 0.14977 66.4711 3.75977C67.9911 4.27977 70.561 5.97976 72.001 5.99976C73.661 6.01976 80.021 2.99977 82.521 2.44977C93.401 0.0797722 95.4911 3.23979 104.791 5.71979C111.811 7.58979 117.901 5.36982 124.121 2.30982C129.251 5.31982 135.361 7.19977 141.401 6.25977C143.571 5.91977 145.801 4.49981 147.871 3.85981C154.561 1.80981 159.541 1.12977 166.511 2.75977C168.751 3.27977 175.021 6.29981 176.231 6.29981C177.591 6.29981 179.521 4.79978 180.861 4.32978C191.831 0.499777 202.131 1.15978 212.391 6.64978C233.421 -10.9002 259.521 9.36982 242.201 32.8098C243.081 35.5398 244.641 37.7598 245.541 40.5398C248.761 50.5698 246.681 60.2598 241.981 69.3798C245.991 75.5698 248.111 80.6398 246.171 88.1198C243.281 99.2598 238.631 105.31 244.251 117.61C244.991 119.22 246.751 120.93 246.671 122.6C246.611 124 244.111 127.58 243.411 129.35C237.611 143.99 246.021 146.77 247.031 158.82C247.611 165.71 245.401 171.79 241.551 177.37C243.891 181.82 246.121 185.22 246.921 190.35C248.271 198.99 245.361 202.4 243.061 209.95C240.231 219.24 243.311 224.75 247.621 232.76C243.441 239.67 241.001 247.77 242.761 255.86C245.001 266.13 250.481 269.96 244.991 281.37C244.361 282.68 242.581 284.65 242.571 285.98C242.551 287.69 244.451 290.28 245.081 291.99C248.891 302.22 247.781 312.86 242.211 322.22C246.961 328.07 249.141 335.41 246.911 342.8C242.801 356.43 227.581 358.25 216.591 351.52C215.211 350.68 213.491 348.58 212.071 348.61C211.191 348.63 208.741 350.33 207.561 350.77C200.751 353.34 193.001 353.96 185.941 352.23C183.481 351.63 177.331 348.63 175.861 348.63C174.411 348.63 169.671 350.96 167.621 351.49C162.611 352.77 157.801 353.33 152.761 352.15C144.391 350.2 142.031 347.12 132.491 349.25C129.921 349.82 125.371 352.45 123.381 352.36C121.861 352.29 119.571 350.5 118.011 349.94C105.491 345.47 99.831 353.44 88.631 353.48C83.191 353.5 76.5711 350.29 71.5711 348.37C60.1611 354.7 47.2811 355.08 35.7811 348.67C34.8411 348.67 32.0511 351.22 30.9011 351.9C22.3211 356.94 11.071 356.74 4.39105 348.8Z' fill='black'/%3E%3C/svg%3E");
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .video-border-mask {
        position: relative;
        overflow: hidden;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' preserveAspectRatio='none' viewBox='0 0 472 329' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.66525 5.85216C17.2652 -1.37784 29.0454 -1.35785 38.7954 3.84215C40.6454 4.83215 41.9853 6.42209 43.9753 7.03209C50.8953 3.93209 56.7553 1.12219 64.5153 0.632191C75.0053 -0.0278094 82.9454 2.59211 92.3054 6.80211C100.015 2.51211 106.085 -1.22779 115.315 0.90221C128.095 3.84221 135.165 9.17201 149.545 5.70201C154.395 4.53201 158.185 1.9022 162.655 0.1422C166.215 1.5922 169.245 3.75224 173.095 4.93224C192.405 10.8722 198.975 -0.61777 215.625 0.17223C222.705 0.50223 229.845 3.63214 235.735 7.33214C242.255 4.11214 248.355 1.0722 255.825 0.6422C265.935 0.0522004 270.865 3.68225 279.755 6.19225C291.825 9.60225 298.775 5.50218 309.325 0.372181C316.935 4.79218 326.355 8.16208 335.305 7.52208C348.275 6.59208 354.865 -2.05778 369.615 2.16222C373.465 3.26222 376.325 5.58212 379.925 7.06212C382.795 6.47212 385.205 4.71202 387.905 3.71202C401.445 -1.25798 415.445 0.242083 428.045 7.02208C431.295 5.95208 433.835 3.33209 437.235 2.03209C461.385 -7.21791 478.515 16.8922 468.705 38.4122C467.145 41.8322 464.805 44.1721 463.265 47.5021C470.085 60.5821 471.325 74.232 466.525 88.222C465.835 90.232 463.575 93.6521 463.555 95.5621C463.525 97.7721 467.535 106.202 468.265 109.532C471.415 123.962 467.215 126.742 463.925 139.082C461.445 148.392 464.385 156.482 468.455 164.732C464.465 171.542 461.965 179.652 463.215 187.672C463.665 190.542 465.555 193.522 466.395 196.262C469.125 205.142 470.015 211.742 467.855 221.002C467.165 223.972 463.165 232.292 463.165 233.902C463.165 235.702 465.165 238.272 465.785 240.052C470.875 254.612 469.985 268.282 462.715 281.902C486.005 309.802 459.105 344.452 428.005 321.462C424.385 322.632 421.435 324.702 417.745 325.892C404.435 330.162 391.575 327.402 379.465 321.172C371.245 326.492 364.515 329.302 354.595 326.722C339.805 322.882 331.775 316.712 315.465 324.172C313.325 325.152 311.055 327.482 308.845 327.392C306.985 327.312 302.245 323.992 299.885 323.062C280.455 315.372 276.765 326.522 260.775 327.872C251.635 328.642 243.565 325.712 236.155 320.602C230.245 323.712 225.745 326.662 218.925 327.722C207.455 329.512 202.925 325.652 192.915 322.602C180.575 318.842 173.275 322.932 162.645 328.652C153.485 323.102 142.725 319.872 131.985 322.212C118.345 325.182 113.275 332.462 98.1352 325.172C96.3952 324.332 93.7854 321.972 92.0254 321.952C89.7654 321.932 86.3154 324.442 84.0454 325.292C70.4654 330.352 56.3453 328.872 43.9253 321.482C36.1653 327.792 26.4152 330.672 16.6052 327.722C-1.48481 322.272 -3.89464 302.072 5.03536 287.492C6.15536 285.662 8.93524 283.382 8.90524 281.502C8.88524 280.332 6.62536 277.082 6.03536 275.522C2.63536 266.492 1.80519 256.192 4.10519 246.832C4.90519 243.572 8.87522 235.402 8.88522 233.452C8.88522 231.532 5.79518 225.242 5.09518 222.512C3.39518 215.862 2.65529 209.482 4.21529 202.792C6.80529 191.692 10.8954 188.552 8.06539 175.892C7.30539 172.482 3.81527 166.442 3.94527 163.802C4.03527 161.792 6.41524 158.742 7.15524 156.672C13.0852 140.062 2.50529 132.552 2.46529 117.682C2.44529 110.462 6.70533 101.682 9.25533 95.0321C0.855333 79.8921 0.355186 62.7921 8.85519 47.5321C8.85519 46.2821 5.4654 42.5821 4.5754 41.0621C-2.1046 29.6821 -1.84474 14.7422 8.68526 5.88219L8.66525 5.85216Z' fill='black'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' preserveAspectRatio='none' viewBox='0 0 472 329' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.66525 5.85216C17.2652 -1.37784 29.0454 -1.35785 38.7954 3.84215C40.6454 4.83215 41.9853 6.42209 43.9753 7.03209C50.8953 3.93209 56.7553 1.12219 64.5153 0.632191C75.0053 -0.0278094 82.9454 2.59211 92.3054 6.80211C100.015 2.51211 106.085 -1.22779 115.315 0.90221C128.095 3.84221 135.165 9.17201 149.545 5.70201C154.395 4.53201 158.185 1.9022 162.655 0.1422C166.215 1.5922 169.245 3.75224 173.095 4.93224C192.405 10.8722 198.975 -0.61777 215.625 0.17223C222.705 0.50223 229.845 3.63214 235.735 7.33214C242.255 4.11214 248.355 1.0722 255.825 0.6422C265.935 0.0522004 270.865 3.68225 279.755 6.19225C291.825 9.60225 298.775 5.50218 309.325 0.372181C316.935 4.79218 326.355 8.16208 335.305 7.52208C348.275 6.59208 354.865 -2.05778 369.615 2.16222C373.465 3.26222 376.325 5.58212 379.925 7.06212C382.795 6.47212 385.205 4.71202 387.905 3.71202C401.445 -1.25798 415.445 0.242083 428.045 7.02208C431.295 5.95208 433.835 3.33209 437.235 2.03209C461.385 -7.21791 478.515 16.8922 468.705 38.4122C467.145 41.8322 464.805 44.1721 463.265 47.5021C470.085 60.5821 471.325 74.232 466.525 88.222C465.835 90.232 463.575 93.6521 463.555 95.5621C463.525 97.7721 467.535 106.202 468.265 109.532C471.415 123.962 467.215 126.742 463.925 139.082C461.445 148.392 464.385 156.482 468.455 164.732C464.465 171.542 461.965 179.652 463.215 187.672C463.665 190.542 465.555 193.522 466.395 196.262C469.125 205.142 470.015 211.742 467.855 221.002C467.165 223.972 463.165 232.292 463.165 233.902C463.165 235.702 465.165 238.272 465.785 240.052C470.875 254.612 469.985 268.282 462.715 281.902C486.005 309.802 459.105 344.452 428.005 321.462C424.385 322.632 421.435 324.702 417.745 325.892C404.435 330.162 391.575 327.402 379.465 321.172C371.245 326.492 364.515 329.302 354.595 326.722C339.805 322.882 331.775 316.712 315.465 324.172C313.325 325.152 311.055 327.482 308.845 327.392C306.985 327.312 302.245 323.992 299.885 323.062C280.455 315.372 276.765 326.522 260.775 327.872C251.635 328.642 243.565 325.712 236.155 320.602C230.245 323.712 225.745 326.662 218.925 327.722C207.455 329.512 202.925 325.652 192.915 322.602C180.575 318.842 173.275 322.932 162.645 328.652C153.485 323.102 142.725 319.872 131.985 322.212C118.345 325.182 113.275 332.462 98.1352 325.172C96.3952 324.332 93.7854 321.972 92.0254 321.952C89.7654 321.932 86.3154 324.442 84.0454 325.292C70.4654 330.352 56.3453 328.872 43.9253 321.482C36.1653 327.792 26.4152 330.672 16.6052 327.722C-1.48481 322.272 -3.89464 302.072 5.03536 287.492C6.15536 285.662 8.93524 283.382 8.90524 281.502C8.88524 280.332 6.62536 277.082 6.03536 275.522C2.63536 266.492 1.80519 256.192 4.10519 246.832C4.90519 243.572 8.87522 235.402 8.88522 233.452C8.88522 231.532 5.79518 225.242 5.09518 222.512C3.39518 215.862 2.65529 209.482 4.21529 202.792C6.80529 191.692 10.8954 188.552 8.06539 175.892C7.30539 172.482 3.81527 166.442 3.94527 163.802C4.03527 161.792 6.41524 158.742 7.15524 156.672C13.0852 140.062 2.50529 132.552 2.46529 117.682C2.44529 110.462 6.70533 101.682 9.25533 95.0321C0.855333 79.8921 0.355186 62.7921 8.85519 47.5321C8.85519 46.2821 5.4654 42.5821 4.5754 41.0621C-2.1046 29.6821 -1.84474 14.7422 8.68526 5.88219L8.66525 5.85216Z' fill='black'/%3E%3C/svg%3E");
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .knowledge-sources-mask {
        position: relative;
        overflow: hidden;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' preserveAspectRatio='none' viewBox='-5 -5 364 257' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.48737 4.3846C12.9374 -1.0354 21.7675 -1.01538 29.0875 2.87462C30.4775 3.61462 31.4773 4.80462 32.9673 5.27462C38.1573 2.95462 42.5475 0.8446 48.3775 0.4746C56.2475 -0.0253996 62.1973 1.94461 69.2173 5.10461C75.0073 1.88461 79.5576 -0.915387 86.4776 0.674613C96.0676 2.88461 101.368 6.87462 112.148 4.27462C115.788 3.39462 118.628 1.42461 121.978 0.104605C124.648 1.19461 126.917 2.81461 129.807 3.70461C144.287 8.15461 149.218 -0.455396 161.708 0.134604C167.018 0.384604 172.367 2.7246 176.797 5.5046C181.687 3.0846 186.267 0.81461 191.867 0.48461C199.447 0.0446101 203.147 2.76461 209.807 4.64461C218.857 7.20461 224.078 4.1246 231.978 0.284598C237.688 3.5946 244.747 6.12461 251.467 5.64461C261.197 4.94461 266.138 -1.53538 277.208 1.62462C280.098 2.45462 282.238 4.19462 284.938 5.30462C287.088 4.86462 288.897 3.54461 290.927 2.79461C301.077 -0.935392 311.588 0.194619 321.038 5.27462C323.478 4.46462 325.377 2.50462 327.927 1.52462C346.037 -5.41538 358.887 12.6746 351.527 28.8046C350.357 31.3746 348.597 33.1246 347.447 35.6246C352.557 45.4346 353.498 55.6746 349.898 66.1646C349.378 67.6746 347.688 70.2346 347.668 71.6646C347.648 73.3246 350.647 79.6446 351.197 82.1346C353.557 92.9546 350.408 95.0446 347.938 104.295C346.078 111.275 348.287 117.345 351.327 123.535C348.337 128.645 346.458 134.725 347.398 140.735C347.738 142.895 349.148 145.115 349.788 147.175C351.828 153.835 352.497 158.785 350.887 165.725C350.367 167.955 347.367 174.195 347.367 175.395C347.367 176.745 348.867 178.675 349.327 180.005C353.147 190.925 352.477 201.175 347.027 211.395C364.487 232.325 344.328 258.315 320.998 241.065C318.288 241.935 316.067 243.495 313.297 244.385C303.317 247.585 293.667 245.525 284.587 240.845C278.417 244.835 273.378 246.945 265.938 245.015C254.848 242.135 248.827 237.505 236.587 243.105C234.987 243.835 233.277 245.595 231.628 245.515C230.238 245.455 226.677 242.965 224.907 242.265C210.337 236.495 207.567 244.865 195.577 245.865C188.717 246.445 182.667 244.245 177.117 240.415C172.687 242.745 169.307 244.955 164.197 245.755C155.597 247.095 152.198 244.205 144.688 241.915C135.438 239.095 129.957 242.155 121.987 246.455C115.117 242.295 107.047 239.865 98.9874 241.625C88.7574 243.855 84.9572 249.315 73.5972 243.845C72.2872 243.215 70.3376 241.445 69.0176 241.435C67.3176 241.415 64.7377 243.305 63.0377 243.935C52.8577 247.725 42.2573 246.625 32.9473 241.075C27.1273 245.805 19.8176 247.975 12.4576 245.755C-1.11242 241.665 -2.92259 226.515 3.77741 215.585C4.6174 214.215 6.69731 212.505 6.67731 211.085C6.65731 210.205 4.96741 207.765 4.52741 206.595C1.97741 199.825 1.35721 192.105 3.07721 185.075C3.67721 182.625 6.65729 176.505 6.65729 175.035C6.65729 173.595 4.33744 168.875 3.81744 166.835C2.54744 161.855 1.98729 157.065 3.15729 152.045C5.09729 143.715 8.16743 141.365 6.04742 131.875C5.47742 129.315 2.86758 124.785 2.95758 122.805C3.02758 121.295 4.80725 119.015 5.36725 117.455C9.81725 104.995 1.88723 99.3646 1.84723 88.2146C1.82723 82.7946 5.02756 76.2146 6.93756 71.2246C0.637561 59.8646 0.257268 47.0446 6.63727 35.6046C6.63727 34.6646 4.09731 31.8946 3.42731 30.7546C-1.58269 22.2146 -1.39236 11.0146 6.51764 4.36461L6.48737 4.3846Z' fill='black'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' preserveAspectRatio='none' viewBox='-5 -5 364 257' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.48737 4.3846C12.9374 -1.0354 21.7675 -1.01538 29.0875 2.87462C30.4775 3.61462 31.4773 4.80462 32.9673 5.27462C38.1573 2.95462 42.5475 0.8446 48.3775 0.4746C56.2475 -0.0253996 62.1973 1.94461 69.2173 5.10461C75.0073 1.88461 79.5576 -0.915387 86.4776 0.674613C96.0676 2.88461 101.368 6.87462 112.148 4.27462C115.788 3.39462 118.628 1.42461 121.978 0.104605C124.648 1.19461 126.917 2.81461 129.807 3.70461C144.287 8.15461 149.218 -0.455396 161.708 0.134604C167.018 0.384604 172.367 2.7246 176.797 5.5046C181.687 3.0846 186.267 0.81461 191.867 0.48461C199.447 0.0446101 203.147 2.76461 209.807 4.64461C218.857 7.20461 224.078 4.1246 231.978 0.284598C237.688 3.5946 244.747 6.12461 251.467 5.64461C261.197 4.94461 266.138 -1.53538 277.208 1.62462C280.098 2.45462 282.238 4.19462 284.938 5.30462C287.088 4.86462 288.897 3.54461 290.927 2.79461C301.077 -0.935392 311.588 0.194619 321.038 5.27462C323.478 4.46462 325.377 2.50462 327.927 1.52462C346.037 -5.41538 358.887 12.6746 351.527 28.8046C350.357 31.3746 348.597 33.1246 347.447 35.6246C352.557 45.4346 353.498 55.6746 349.898 66.1646C349.378 67.6746 347.688 70.2346 347.668 71.6646C347.648 73.3246 350.647 79.6446 351.197 82.1346C353.557 92.9546 350.408 95.0446 347.938 104.295C346.078 111.275 348.287 117.345 351.327 123.535C348.337 128.645 346.458 134.725 347.398 140.735C347.738 142.895 349.148 145.115 349.788 147.175C351.828 153.835 352.497 158.785 350.887 165.725C350.367 167.955 347.367 174.195 347.367 175.395C347.367 176.745 348.867 178.675 349.327 180.005C353.147 190.925 352.477 201.175 347.027 211.395C364.487 232.325 344.328 258.315 320.998 241.065C318.288 241.935 316.067 243.495 313.297 244.385C303.317 247.585 293.667 245.525 284.587 240.845C278.417 244.835 273.378 246.945 265.938 245.015C254.848 242.135 248.827 237.505 236.587 243.105C234.987 243.835 233.277 245.595 231.628 245.515C230.238 245.455 226.677 242.965 224.907 242.265C210.337 236.495 207.567 244.865 195.577 245.865C188.717 246.445 182.667 244.245 177.117 240.415C172.687 242.745 169.307 244.955 164.197 245.755C155.597 247.095 152.198 244.205 144.688 241.915C135.438 239.095 129.957 242.155 121.987 246.455C115.117 242.295 107.047 239.865 98.9874 241.625C88.7574 243.855 84.9572 249.315 73.5972 243.845C72.2872 243.215 70.3376 241.445 69.0176 241.435C67.3176 241.415 64.7377 243.305 63.0377 243.935C52.8577 247.725 42.2573 246.625 32.9473 241.075C27.1273 245.805 19.8176 247.975 12.4576 245.755C-1.11242 241.665 -2.92259 226.515 3.77741 215.585C4.6174 214.215 6.69731 212.505 6.67731 211.085C6.65731 210.205 4.96741 207.765 4.52741 206.595C1.97741 199.825 1.35721 192.105 3.07721 185.075C3.67721 182.625 6.65729 176.505 6.65729 175.035C6.65729 173.595 4.33744 168.875 3.81744 166.835C2.54744 161.855 1.98729 157.065 3.15729 152.045C5.09729 143.715 8.16743 141.365 6.04742 131.875C5.47742 129.315 2.86758 124.785 2.95758 122.805C3.02758 121.295 4.80725 119.015 5.36725 117.455C9.81725 104.995 1.88723 99.3646 1.84723 88.2146C1.82723 82.7946 5.02756 76.2146 6.93756 71.2246C0.637561 59.8646 0.257268 47.0446 6.63727 35.6046C6.63727 34.6646 4.09731 31.8946 3.42731 30.7546C-1.58269 22.2146 -1.39236 11.0146 6.51764 4.36461L6.48737 4.3846Z' fill='black'/%3E%3C/svg%3E");
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .card-with-overlay:before {
        content: "";
        inset: calc(var(--spacing)*0);
        border-radius: var(--radius-2xl);
        z-index: 1;
        pointer-events: none;
        background: #ffffff26;
        position: absolute
    }

    .card-with-overlay>* {
        z-index: 10;
        position: relative
    }

    .latest-posts-swiper {
        padding-bottom: calc(var(--spacing)*12);
        padding-bottom: 3rem;
        position: relative
    }

    .latest-posts-swiper .swiper-button-next,
    .latest-posts-swiper .swiper-button-prev {
        color: var(--color-dark-olive-green);
        z-index: 10;
        transform: translateY(-50%);
        background: #ffffffe6 !important;
        border-radius: 50% !important;
        width: 40px !important;
        height: 40px !important;
        margin-top: 0 !important;
        top: calc(50% - 50px) !important;
        box-shadow: 0 2px 8px #0000001a !important
    }

    [dir=rtl] .latest-posts-swiper .swiper-button-next {
        left: 10px !important;
        right: auto !important
    }

    [dir=rtl] .latest-posts-swiper .swiper-button-prev,
    [dir=ltr] .latest-posts-swiper .swiper-button-next {
        left: auto !important;
        right: 10px !important
    }

    [dir=ltr] .latest-posts-swiper .swiper-button-prev {
        left: 10px !important;
        right: auto !important
    }

    .latest-posts-swiper .swiper-button-next:after,
    .latest-posts-swiper .swiper-button-prev:after {
        color: #475a00 !important;
        font-size: 18px !important;
        font-weight: 700 !important
    }

    .latest-posts-swiper .swiper-button-next:hover,
    .latest-posts-swiper .swiper-button-prev:hover {
        background: #fff !important
    }

    .latest-posts-swiper .swiper-button-disabled {
        opacity: .35 !important
    }

    .latest-posts-swiper .swiper-pagination {
        text-align: center;
        margin-top: 1.5rem;
        position: relative !important;
        bottom: 0 !important
    }

    .latest-posts-swiper .swiper-pagination-bullet {
        background-color: var(--color-dark-olive-green);
        opacity: .3 !important;
        width: 10px !important;
        height: 10px !important;
        margin: 0 4px !important
    }

    .latest-posts-swiper .swiper-pagination-bullet-active {
        opacity: 1 !important;
        background: #475a00 !important
    }

    @media (max-width:768px) {

        .latest-posts-swiper .swiper-button-next,
        .latest-posts-swiper .swiper-button-prev {
            display: none !important
        }
    }

    .full-page-wrapper {
        z-index: 1;
        padding-top: calc(var(--spacing)*16);
        padding-bottom: calc(var(--spacing)*20);
        position: relative
    }

    @media (min-width:40rem) {
        .full-page-wrapper {
            padding-top: calc(var(--spacing)*20);
            padding-bottom: calc(var(--spacing)*32)
        }
    }

    @media (min-width:64rem) {
        .full-page-wrapper {
            padding-bottom: 200px
        }
    }

    .form-input {
        resize: none;
        border-radius: var(--radius-lg);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-dark-olive-green);
        background-color: var(--color-old-lace);
        width: 100%;
        padding-inline: calc(var(--spacing)*4);
        padding-block: calc(var(--spacing)*3);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        color: var(--color-dark-olive-green);
        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))
    }

    .form-input:focus {
        border-color: var(--color-dark-olive-green);
        --tw-outline-style: none;
        outline-style: none
    }

    .form-input.invalid {
        border-color: var(--color-red-500)
    }

    .form-input.invalid:focus {
        border-color: var(--color-red-600)
    }

    .form-helper-text {
        margin-top: calc(var(--spacing)*1);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: #475a00b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .form-helper-text {
            color: color-mix(in oklab, var(--color-dark-olive-green)70%, transparent)
        }
    }

    .form-textarea.invalid~.form-helper-text,
    .form-input.invalid~.form-helper-text {
        color: var(--color-red-500)
    }

    .comment-card {
        border-radius: var(--radius-xl);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: #475a001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .comment-card {
            border-color: color-mix(in oklab, var(--color-dark-olive-green)10%, transparent)
        }
    }

    .comment-card {
        background-color: #fdf6e8b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .comment-card {
            background-color: color-mix(in oklab, var(--color-old-lace)70%, transparent)
        }
    }

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

    @media (min-width:40rem) {
        .comment-card {
            padding: calc(var(--spacing)*6)
        }
    }

    .comment-header {
        margin-bottom: calc(var(--spacing)*3);
        gap: calc(var(--spacing)*3);
        flex-direction: column;
        display: flex
    }

    @media (min-width:40rem) {
        .comment-header {
            margin-bottom: calc(var(--spacing)*4);
            gap: calc(var(--spacing)*4)
        }
    }

    @media (min-width:48rem) {
        .comment-header {
            flex-direction: row;
            justify-content: space-between;
            align-items: center
        }
    }

    .comment-avatar {
        height: calc(var(--spacing)*10);
        width: calc(var(--spacing)*10);
        background-color: var(--color-pale-lavender);
        border-radius: 3.40282e38px;
        flex-shrink: 0;
        overflow: hidden
    }

    @media (min-width:48rem) {
        .comment-avatar {
            height: calc(var(--spacing)*12);
            width: calc(var(--spacing)*12)
        }
    }

    .comment-author {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-dark-olive-green)
    }

    .comment-date {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        color: var(--color-dark-olive-green)
    }

    .comment-text {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed);
        color: var(--color-dark-olive-green)
    }

    .latest-articles-swiper .swiper-wrapper {
        align-items: stretch;
        display: flex
    }

    .latest-articles-swiper .swiper-slide {
        align-items: stretch;
        display: flex;
        height: auto !important
    }

    .latest-articles-swiper .swiper-slide>* {
        width: 100%
    }

    .latest-articles-swiper .custom-prev,
    .latest-articles-swiper .custom-next {
        z-index: 10;
        height: calc(var(--spacing)*10);
        width: calc(var(--spacing)*10);
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y);
        background-color: #475a00b3;
        border-radius: 3.40282e38px;
        justify-content: center;
        align-items: center;
        display: flex;
        position: absolute;
        top: 50%
    }

    @supports (color:color-mix(in lab, red, red)) {

        .latest-articles-swiper .custom-prev,
        .latest-articles-swiper .custom-next {
            background-color: color-mix(in oklab, var(--color-dark-olive-green)70%, transparent)
        }
    }

    .latest-articles-swiper .custom-prev,
    .latest-articles-swiper .custom-next {
        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: .3s;
        transition-duration: .3s
    }

    @media (hover:hover) {
        :is(.latest-articles-swiper .custom-prev, .latest-articles-swiper .custom-next):hover {
            background-color: var(--color-dark-olive-green)
        }
    }

    @media (min-width:64rem) {

        .latest-articles-swiper .custom-prev,
        .latest-articles-swiper .custom-next {
            background-color: #0000
        }
    }

    @media (hover:hover) {
        :is(.latest-articles-swiper .custom-prev, .latest-articles-swiper .custom-next):hover path {
            stroke: var(--color-old-lace)
        }
    }

    @media (min-width:64rem) {
        :is(.latest-articles-swiper .custom-prev, .latest-articles-swiper .custom-next) path {
            stroke: var(--color-dark-olive-green)
        }
    }

    .latest-articles-swiper .custom-prev,
    .latest-articles-swiper .custom-next {
        cursor: pointer;
        border: none;
        outline: none;
        display: none !important
    }

    @media (min-width:64rem) {

        .latest-articles-swiper .custom-prev,
        .latest-articles-swiper .custom-next {
            display: flex !important
        }
    }

    .latest-articles-swiper .custom-prev {
        left: 10px
    }

    .latest-articles-swiper .custom-next {
        right: 10px
    }

    .latest-articles-swiper .swiper-pagination {
        text-align: center;
        position: relative;
        bottom: calc(var(--spacing)*0) !important
    }

    @media (min-width:64rem) {
        .latest-articles-swiper .swiper-pagination {
            display: none !important
        }
    }

    .latest-articles-swiper .swiper-pagination-bullet {
        margin-inline: calc(var(--spacing)*1);
        background-color: var(--color-dark-olive-green);
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .3s;
        transition-duration: .3s;
        height: calc(var(--spacing)*2.5) !important;
        width: calc(var(--spacing)*2.5) !important;
        opacity: .3 !important
    }

    .latest-articles-swiper .swiper-pagination-bullet-active {
        background-color: var(--color-dark-olive-green) !important;
        opacity: 1 !important
    }
}

@font-face {
    font-family: Adobe Arabic;
    src: url(../fonts/AdobeArabic-Regular.woff2)format("woff2"), url(../fonts/AdobeArabic-Regular.woff)format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+6??, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC
}

@font-face {
    font-family: Lora;
    src: url(../fonts/Lora-Regular.woff2)format("woff2"), url(../fonts/Lora-Regular.woff)format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lora;
    src: url(../fonts/Lora-Italic.woff2)format("woff2"), url(../fonts/Lora-Italic.woff)format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: The Year of Handicrafts;
    src: url(../fonts/TheYearofHandicrafts-Bold.woff2)format("woff2"), url(../fonts/TheYearofHandicrafts-Bold.woff)format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: The Year of Handicrafts;
    src: url(../fonts/TheYearofHandicrafts-Black.woff2)format("woff2"), url(../fonts/TheYearofHandicrafts-Black.woff)format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: The Year of Handicrafts;
    src: url(../fonts/TheYearofHandicrafts-Medium.woff2)format("woff2"), url(../fonts/TheYearofHandicrafts-Medium.woff)format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: The Year of Handicrafts;
    src: url(../fonts/TheYearofHandicrafts-Regular.woff2)format("woff2"), url(../fonts/TheYearofHandicrafts-Regular.woff)format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: The Year of Handicrafts;
    src: url(../fonts/TheYearofHandicrafts-SemiBold.woff2)format("woff2"), url(../fonts/TheYearofHandicrafts-SemiBold.woff)format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@keyframes float {
    0% {
        transform: translateY(-10px)
    }

    to {
        transform: translateY(-14px)
    }
}

.reflections-gradient-bg {
    background: linear-gradient(#fef5f0 -678.48%, #fef6f2 -657.52%, #fefaf6 -573.68%, #fffcfa -496.82%, #fffefc -433.95%, #fffffe -399.01%, #fbfcfd -210.37%, #f5f9fc 20.19%)
}

:root {
    --text-xs: 11px;
    --text-sm: 13px;
    --text-base: 14px;
    --text-lg: 16px;
    --text-xl: 20px;
    --text-3xl: 20px;
    --text-4xl: 30px;
    --text-5xl: 36px;
    --text-6xl: 40px;
    --text-btn: 22px;
    --text-paragraph: 16px
}

@media (min-width:450px) {
    :root {
        --text-6xl: 48px
    }
}

@media (min-width:768px) {
    :root {
        --text-xs: 12px;
        --text-sm: 14px;
        --text-base: 16px;
        --text-lg: 18px;
        --text-xl: 24px;
        --text-3xl: 30px;
        --text-4xl: 36px;
        --text-5xl: 45px;
        --text-6xl: 70px;
        --text-btn: 22px;
        --text-paragraph: 18px
    }
}

@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-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-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-duration {
    syntax: "*";
    inherits: false
}

@property --tw-text-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-text-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

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

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

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

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

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

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

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

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

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

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

@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-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
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}