@media all {

    .bleed,
    .multi-column,
    .section-header,
    .section-stack,
    .v-stack {
        display: grid
    }

    *,
    :after,
    :before {
        box-sizing  : border-box;
        border-style: solid;
        border-width: 0;
        border-color: rgb(var(--text-color) / .12)
    }

    h2 {
        font-size  : inherit;
        font-weight: inherit
    }

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

    h2,
    p {
        margin: 0
    }

    :disabled {
        cursor: default
    }

    img {
        vertical-align: middle;
        display       : block;
        color         : #0000;
        max-width     : min(var(--image-mobile-max-width, var(--image-max-width, 100%)), 100%);
        height        : auto
    }

    .bleed {
        scroll-padding-inline: var(--container-outer-width);
        margin-inline-start  : calc(-1 * var(--container-outer-width));
        margin-inline-end    : calc(-1 * var(--container-outer-width));
        padding-inline-start : var(--container-outer-width);
        padding-inline-end   : var(--container-outer-width)
    }

    [role=main] .shopify-section {
        --section-is-first                : 0;
        --hash-difference                 : calc(var(--section-background-hash) - var(--previous-section-background-hash, -1));
        --hash-difference-abs             : max(var(--hash-difference), -1 * var(--hash-difference));
        --background-differs-from-previous: max(0, min(var(--hash-difference-abs, 1), 1));
        background                        : rgb(var(--background));
        position                          : relative
    }

    [role=main] .shopify-section:not(.contents) {
        display: flow-root
    }

    [role=main] .shopify-section:empty {
        display: none
    }

    .section {
        --context-section-spacing-block-start   : var(--section-outer-spacing-block);
        --context-section-spacing-block-end     : var(--section-outer-spacing-block);
        --context-section-spacing-inline        : var(--container-gutter);
        --calculated-section-spacing-block-start: var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start)));
        --calculated-section-spacing-block-end  : var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end)));
        --calculated-section-spacing-inline     : var(--section-spacing-inline, var(--context-section-spacing-inline));
        --container-inner-width                 : min((100vw - var(--scrollbar-width, 0px)) - var(--calculated-section-spacing-inline, 0px) * 2, var(--container-max-width));
        --container-outer-width                 : calc(((100vw - var(--scrollbar-width, 0px)) - var(--container-inner-width, 0px)) / 2);
        --section-stack-spacing-inline          : var(--section-inner-spacing-inline, 0px);
        padding-inline-start                    : max(var(--calculated-section-spacing-inline), 50% - var(--container-max-width)/ 2);
        padding-inline-end                      : max(var(--calculated-section-spacing-inline), 50% - var(--container-max-width)/ 2);
        padding-block-start                     : calc(var(--background-differs-from-previous) * var(--calculated-section-spacing-block-start));
        padding-block-end                       : var(--calculated-section-spacing-block-end)
    }

    .section-header {
        gap          : var(--spacing-4);
        justify-items: start
    }

    .section-stack {
        gap              : var(--section-stack-spacing-block, 0) var(--section-stack-spacing-inline, 0);
        grid-auto-columns: minmax(0, 1fr)
    }

    .prose>:first-child,
    .prose>:first-child :first-child {
        margin-block-start: 0 !important
    }

    .prose>:last-child,
    .prose>:last-child :last-child {
        margin-block-end: 0 !important
    }

    .prose *+:is(p, div, ul, ol) {
        margin-block-start: var(--spacing-3)
    }

    .prose :is(.h0, .h1, .h2, .h3, .h4, h1, h2, h3, h4)+* {
        margin-block-start: var(--spacing-5)
    }

    @media screen and (min-width:1150px) {
        .section-header {
            grid-template-columns: 700px;
            justify-content      : space-between;
            align-items          : end
        }

        .prose *+p {
            margin-block-start: var(--spacing-6)
        }

        .prose :is(.h0, .h1, .h2, h1, h2)+* {
            margin-block-start: var(--spacing-8)
        }
    }

    .prose a:not(.button) {
        text-underline: none;
        background    : linear-gradient(to right, currentColor, currentColor) 0 100%/100% 1px no-repeat;
        transition    : background-size .3s ease-in-out, color .3s ease-in-out
    }

    @media screen and (pointer:fine) {
        :is(.link, .prose a:not(.button)):hover {
            background-size: 0 1px
        }
    }

    split-lines {
        overflow-wrap: anywhere
    }

    .multi-column {
        --multi-column-list-column-max-gap: var(--grid-gutter);
        --multi-column-list-row-min-gap   : var(--grid-gutter);
        --multi-column-item-gap           : var(--spacing-6);
        grid                              : var(--multi-column-grid);
        gap                               : max(var(--multi-column-list-gap), var(--multi-column-list-row-min-gap)) min(var(--multi-column-list-column-max-gap), var(--multi-column-list-gap))
    }

    .multi-column__item {
        align-content        : start;
        gap                  : var(--multi-column-item-gap);
        grid-template-columns: minmax(0, 1fr);
        display              : grid
    }

    @media screen and (min-width:700px) {
        img {
            max-width: min(var(--image-max-width, 100%), 100%)
        }

        .prose *+:is(p, div, ul, ol) {
            margin-block-start: var(--spacing-4)
        }

        .prose :is(.h0, .h1, .h2, .h3, h1, h2, h3)+* {
            margin-block-start: var(--spacing-6)
        }

        .multi-column {
            --multi-column-list-column-max-gap: var(--spacing-16);
            grid                              : auto/auto-flow 38vw
        }
    }

    @media screen and (min-width:1400px) {
        .multi-column {
            --multi-column-list-column-max-gap: var(--multi-column-list-gap)
        }
    }

    @media (prefers-reduced-motion:no-preference) {
        .js [reveal-on-scroll=true] {
            opacity: 0
        }
    }

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

    .scroll-area {
        scrollbar-width      : none;
        scroll-snap-type     : x mandatory;
        overscroll-behavior-x: contain;
        overflow-x           : auto;
        overflow-y           : hidden
    }

    .scroll-area::-webkit-scrollbar {
        display: none
    }

    .snap-start {
        scroll-snap-align: start;
        scroll-snap-stop : always
    }

    .hidden {
        display: none
    }

    @media screen and (min-width:1000px) {
        .md\:unbleed {
            margin-inline-start  : 0;
            margin-inline-end    : 0;
            padding-inline-start : 0;
            padding-inline-end   : 0;
            scroll-padding-inline: 0
        }

        .multi-column {
            --multi-column-list-row-min-gap: var(--spacing-16);
            grid                           : auto/repeat(12, minmax(0, 1fr))
        }

        .multi-column__item {
            grid-column: var(--multi-column-item-column-count)
        }

        .md\:block {
            display: block
        }
    }

    .text-center {
        text-align: center
    }

    .justify-center {
        justify-content: safe center
    }

    .justify-items-center {
        justify-items: safe center
    }

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

    .h2,
    .h5,
    .prose :is(h1, h2, h3, h4, h5, h6) {
        font-family   : var(--heading-font-family);
        font-weight   : var(--heading-font-weight);
        font-style    : var(--heading-font-style);
        letter-spacing: var(--heading-letter-spacing);
        text-transform: var(--heading-text-transform);
        overflow-wrap : anywhere
    }

    .h2 {
        font-size  : var(--text-h2);
        line-height: 1.1
    }

    .h5 {
        font-size  : var(--text-h5);
        line-height: 1.4
    }
}

#shopify-section-template--16918336995513__c2b19a30-3c83-4fff-9d34-842552ad564f {
    --section-background-hash: 0;
    --multi-column-grid      : none;
    --multi-column-list-gap  : var(--grid-gutter)
}