html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif
}

body {
    margin: 0
}

footer,
header,
main,
nav,
section {
    display: block
}

video {
    vertical-align: baseline;
    display: inline-block
}

a {
    background-color: #0000
}

a:active,
a:hover {
    outline: 0
}

strong {
    font-weight: 700
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

img {
    border: 0
}

@font-face {
    font-family: webflow-icons;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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)format("truetype");
    font-weight: 400;
    font-style: normal
}

[class*=\ w-icon-] {
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: webflow-icons !important
}

* {
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    color: #333;
    background-color: #fff;
    min-height: 100%;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px
}

img {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block
}

.w-inline-block {
    max-width: 100%;
    display: inline-block
}

h1,
h2,
h3 {
    margin-bottom: 10px;
    font-weight: 700
}

h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px
}

h2 {
    margin-top: 20px;
    font-size: 32px;
    line-height: 36px
}

h3 {
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px
}

p {
    margin-top: 0;
    margin-bottom: 10px
}

.w-background-video {
    color: #fff;
    height: 500px;
    position: relative;
    overflow: hidden
}

.w-background-video>video {
    object-fit: cover;
    z-index: -100;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    inset: -100%
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none !important
}

@media screen and (max-width:767px) {
    .w-nav-brand {
        padding-left: 10px
    }
}

.w-nav-brand {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative
}

@media screen and (max-width:767px) {

    .w-nav-brand {
        padding-left: 10px
    }
}



:root {
    --body-color: #edfcf4;
    --content-font: Lato, sans-serif;
    --green-1: #1f3329;
    --green-3: #3f6652;
    --green-10: #ddf1e7;
    --green-7: #6bb38f;
    --green-2: #2f4c3e;
    --heading-font: "Neco Variable", sans-serif;
    --green-9: #b5e2cb;
    --50-green-transparent: #7ecca580;
    --green-8: #8fccad;
    --radius-small: 3px;
    --transparent: #fff0;
    --green-5: #578c72;
    --green-6: #5c997a;
    --40-green-transparent: #7ecca566;
    --dark-green: #172526;
    --20-green-transparent: #7ecca533;
    --30-green-transparent: #7ecca54d;
    --10-green-transparent: #7ecca51a;
    --5-green-transparent: #7ecca50d;
    --green-4: #4f8068;
    --60-green-transparent: #7ecca599;
    --80-green-transparent: #7ecca5cc;
    --white: #fff
}

body {
    background-color: var(--body-color);
    font-family: var(--content-font);
    color: var(--green-1);
    font-size: 1vw;
    line-height: 1.2em
}

h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 5em;
    font-weight: 600;
    line-height: 1.1em
}

h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4em;
    font-weight: 500;
    line-height: 1.1em
}

h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3em;
    font-weight: 600;
    line-height: 1.1em
}

p {
    margin-bottom: 0;
    font-size: 1.1em;
    line-height: 1.5em
}

a {
    color: var(--green-3);
    text-decoration: none
}

img {
    max-width: 100%;
    display: inline-block
}

strong {
    font-weight: 700
}

.section {
    z-index: 10;
    color: var(--green-1);
    width: 100%;
    position: relative;
    overflow: clip
}

.section.with-light-background {
    background-color: var(--green-10)
}

.section.with-light-background.with-border-bottom {
    border-bottom: 1px solid var(--green-7)
}

.section.with-dark-background {
    background-color: var(--green-2);
    color: var(--body-color)
}

.section.is-transition-section {
    background-color: var(--green-2);
    color: var(--body-color);
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.section.with-light-gradient {
    background-image: linear-gradient(180deg, var(--body-color), var(--green-10))
}

.section.after-sticky-section {
    will-change: background-color, transform
}

.container {
    z-index: 20;
    width: 100%;
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 6em;
    padding-right: 6em;
    position: relative
}

.padding {
    z-index: 10;
    width: 100%;
    padding-top: 8em;
    padding-bottom: 8em;
    position: relative
}

.padding.bottom-0 {
    padding-bottom: 0
}

.padding.top-small {
    padding-top: 4em
}

.heading {
    z-index: 10;
    font-family: var(--heading-font);
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3em;
    font-weight: 500;
    line-height: 1.2em;
    position: relative
}

.heading.is-medium-title {
    font-size: 4em
}

.heading.is-large-title {
    font-size: 5em
}

.heading.is-hero-about-title {
    max-width: 12em;
    font-size: 3em;
    font-weight: 500;
    line-height: 1.3em
}

.heading.is-hero-5-title {
    color: var(--body-color);
    text-align: center;
    max-width: 8em;
    margin-left: auto;
    margin-right: auto;
    font-family: Neco Variable, sans-serif;
    font-size: 9em;
    font-weight: 600;
    line-height: 1.1em
}

.heading.is-store-cta-title {
    color: var(--green-10);
    max-width: 20em;
    font-size: 3.3em;
    font-weight: 400;
    line-height: 1.2em
}

.heading.is-simple-hero-title:where(.w-variant-d48d4a09-899a-fd4f-1b3e-6b4d3a4970a6) {
    text-align: center
}

.cover-image {
    z-index: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute
}

.cover-image.is-parallax {
    height: 120%;
    top: auto;
    bottom: auto
}

._3d-block {
    z-index: 8;
    perspective: 1000px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
    overflow: hidden
}

.image-animation-trigger {
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    overflow: hidden
}

.animation-color-bg {
    z-index: 15;
    background-color: var(--green-2);
    display: none;
    position: absolute;
    inset: 0%
}

.animation-color-bg.is-green {
    background-color: var(--green-3)
}

.brand-name-text {
    font-family: var(--heading-font);
    font-size: 2.2em;
    font-weight: 500;
    line-height: 1em
}

.nav-link-text {
    white-space: nowrap;
    font-size: 1.4em;
    line-height: 1.2em
}

.nav {
    z-index: 998;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    transition: background-color .2s;
    display: flex;
    position: absolute;
    inset: 0% 0% auto
}

.nav:hover {
    border-bottom: 1px solid var(--green-5);
    background-color: var(--green-2)
}

.nav-brand {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    color: var(--green-9);
    flex-direction: row;
    flex: 0 auto;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    padding: 0;
    text-decoration: none;
    display: flex
}

.gallery-lightbox {
    z-index: 20;
    border: 1px solid var(--40-green-transparent);
    border-radius: var(--radius-small);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 20em;
    display: flex;
    position: relative;
    overflow: hidden
}

.gallery-thumbnail {
    z-index: 1;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
    position: relative
}

.gallery-grid {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid
}

.gallery-wrapper {
    border: 1px solid var(--green-5);
    border-radius: var(--radius-small);
    background-color: var(--10-green-transparent);
    width: 100%;
    padding: .5em
}

.slider-image-2 {
    z-index: 5;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.slider-gradient-color {
    z-index: 10;
    background-image: linear-gradient(180deg, var(--transparent)53%, var(--green-1)), linear-gradient(180deg, var(--green-1), #1c120e00 40%);
    mix-blend-mode: multiply;
    position: absolute;
    inset: 0%
}

.slider-absolute-block {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
    overflow: hidden
}

.slider-bg-for-interaction {
    z-index: 15;
    background-color: var(--green-1);
    display: none;
    position: absolute;
    inset: 0%
}

.slide-timeline {
    z-index: 20;
    background-color: var(--50-green-transparent);
    border-radius: 50px;
    width: 100%;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: 0% 0% auto;
    overflow: hidden
}

.slider-timeline-bg {
    background-color: var(--body-color);
    position: absolute;
    inset: 0%
}

.slider {
    z-index: 1;
    width: 100%;
    position: absolute;
    inset: 0%
}

.parallax-animation {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%
}

.brand-logo-image {
    z-index: 10;
    object-fit: contain;
    object-position: 0% 50%;
    flex: none;
    width: 7em;
    height: 3em;
    display: none;
    position: relative
}

.vertical-flex {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex
}

.vertical-flex.with-gap-2em {
    grid-row-gap: 2em
}

.vertical-flex.with-gap-2em.is-center {
    text-align: center;
    justify-content: center;
    align-items: center
}

.hero-about {
    z-index: 5;
    background-color: var(--green-1);
    color: var(--body-color);
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    padding-top: 33em;
    display: flex;
    position: relative;
    overflow: hidden
}

._3d-trigger {
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 105%;
    height: 108%;
    display: flex;
    position: absolute
}

.hero-about-layout {
    z-index: 10;
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    text-align: left;
    background-color: #1f332959;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 6.5em 4em;
    display: flex;
    position: relative;
    overflow: hidden
}

.nav-link-icon {
    width: 1em;
    height: 1em;
    font-size: 1.1em
}

.paragraph {
    z-index: 10;
    letter-spacing: .02em;
    font-size: max(16px, 1.3em);
    font-weight: 400;
    line-height: 1.6em;
    position: relative
}

.paragraph.is-medium {
    font-size: max(16px, 1.4em)
}

.paragraph.is-large {
    font-size: max(16px, 1.5em)
}

.paragraph.is-large-italic {
    font-size: 2em;
    font-style: italic
}

.nav-link {
    z-index: 10;
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    border: 1px solid var(--transparent);
    border-radius: var(--radius-small);
    color: var(--body-color);
    flex-direction: row;
    justify-content: center;
    align-self: center;
    align-items: center;
    padding: .2em .5em;
    transition: border-color .2s, background-color .2s;
    display: flex;
    position: relative
}

.nav-link:hover {
    border-color: var(--green-6);
    background-color: var(--20-green-transparent);
    color: var(--body-color)
}

.nav-link.w--current {
    border-color: var(--green-6);
    background-color: var(--green-1)
}

.max-width-60:where(.w-variant-d48d4a09-899a-fd4f-1b3e-6b4d3a4970a6) {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.image-3d-parallax {
    z-index: 5;
    position: absolute;
    inset: 0%
}

.about-grid-block {
    z-index: 10;
    grid-row-gap: .5em;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2em 2.5em;
    display: flex;
    position: relative
}

.about-grid-block.is-featured {
    border: 1px solid var(--green-7);
    border-radius: var(--radius-small);
    background-color: var(--10-green-transparent)
}

.search-input:focus-visible {
    outline-offset: 0px;
    outline: 0 #0000
}

.hero-slider-paragraph {
    letter-spacing: .02em;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.6em
}

.footer {
    z-index: 50;
    border-top: 1px solid var(--30-green-transparent);
    background-color: var(--green-1);
    color: var(--body-color);
    width: 100%;
    position: relative;
    overflow: hidden
}

.footer-links-wrapper {
    grid-column-gap: 2.5em;
    grid-row-gap: 3em;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex
}

.footer-wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.image-parallax {
    z-index: 5;
    position: absolute;
    inset: 0%
}

.mesh-gradient {
    z-index: 2;
    background-color: var(--green-2);
    background-image: linear-gradient(180deg, var(--green-1), #1f313300 50%, var(--green-1)), radial-gradient(circle farthest-corner at 0% 0%, var(--green-1)0px, transparent 55%), radial-gradient(circle farthest-corner at 97% 80%, var(--green-2)0px, transparent 55%), radial-gradient(circle farthest-corner at 71% 66%, var(--green-3)0px, transparent 55%), radial-gradient(circle farthest-corner at 54% 92%, var(--green-8)0px, transparent 55%), radial-gradient(circle farthest-corner at 70% 73%, var(--green-1)0px, transparent 55%), radial-gradient(circle farthest-corner at 19% 8%, var(--green-8)0px, transparent 55%);
    position: absolute;
    inset: 0%
}

.mesh-gradient.is-2nd {
    background-image: linear-gradient(180deg, var(--green-2), #1f313300 50%, var(--green-1)), radial-gradient(circle farthest-corner at 0% 0%, var(--green-2)0px, transparent 55%), radial-gradient(circle farthest-corner at 97% 80%, var(--green-2)0px, transparent 55%), radial-gradient(circle farthest-corner at 71% 66%, var(--green-3)0px, transparent 55%), radial-gradient(circle farthest-corner at 54% 92%, var(--green-8)0px, transparent 55%), radial-gradient(circle farthest-corner at 70% 73%, var(--green-1)0px, transparent 55%), radial-gradient(circle farthest-corner at 19% 8%, var(--green-8)0px, transparent 55%)
}

.main-button {
    z-index: 10;
    grid-column-gap: .75em;
    grid-row-gap: .75em;
    border: 1px solid var(--green-3);
    border-radius: var(--radius-small);
    font-family: var(--heading-font);
    color: var(--green-1);
    background-color: #b5e2cb;
    flex: none;
    justify-content: center;
    align-items: center;
    min-width: 10em;
    padding: .8em 1.5em;
    text-decoration: none;
    transition: border-color .2s, background-color .2s;
    display: flex;
    position: relative;
    overflow: hidden
}

.sticky-section-image {
    z-index: 5;
    width: 100%;
    height: 70vh;
    margin-bottom: 20vh;
    position: relative;
    overflow: hidden
}

.main-button-text {
    z-index: 20;
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.2em;
    position: relative
}

.main-button-icon {
    z-index: 10;
    object-fit: contain;
    flex: none;
    width: 1em;
    height: 1em;
    font-size: 1.3em;
    position: relative
}

.sticky-section-content {
    z-index: 10;
    text-align: center;
    width: 100%;
    padding: 12em 4vw;
    position: relative
}

.sticky-section-size {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100dvh;
    display: flex;
    position: sticky;
    top: 0
}

.sticky-section-position {
    z-index: 10;
    position: absolute;
    inset: 0%
}

.sticky-section {
    z-index: 5;
    background-color: var(--green-1);
    transform-style: preserve-3d;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 17dvh;
    padding-bottom: 25dvh;
    display: flex;
    position: relative;
    overflow: visible;
    transform: translateZ(0)
}

.sticky-section-video {
    z-index: 1;
    position: absolute;
    inset: 0%
}

.sticky-section-video-layout {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    display: flex;
    position: sticky;
    top: 0
}

.sticky-section-video-height {
    z-index: 1;
    height: 100dvh;
    position: absolute;
    inset: 0%
}

.footer-flex-wrapper {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex
}

.footer-flex-block {
    z-index: 10;
    grid-column-gap: .1em;
    grid-row-gap: .1em;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative
}

.footer-flex-block.with-padding {
    padding-top: 2.2em
}

.sticky-section-images {
    width: 30vw
}

.store-call-to-action {
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1em;
    display: flex;
    position: relative;
    overflow: hidden
}

.store-cta-layout {
    z-index: 20;
    grid-column-gap: 6em;
    border: 1px solid var(--green-6);
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
}

.store-cta-content {
    z-index: 20;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    border-right: 1px solid var(--green-6);
    color: var(--green-10);
    text-align: center;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.5fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding: 5em;
    display: flex;
    position: relative
}

.store-cta-content:where(.w-variant-ca0f5e2b-50e9-fd4f-4db8-384ddb593ade) {
    text-align: left;
    justify-content: center;
    align-items: flex-start
}

.store-cta-paragraph {
    max-width: 22em;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.7em
}

.store-cta-overlay-color {
    z-index: 11;
    background-color: var(--green-6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    mix-blend-mode: multiply;
    width: 50%;
    position: absolute;
    inset: 0% auto 0% 0%
}

.store-cta-image {
    z-index: 10;
    position: absolute;
    inset: 0%;
    overflow: hidden
}

.history-wrap {
    justify-content: space-between;
    align-items: flex-end;
    display: flex
}

.history-block {
    z-index: 10;
    grid-row-gap: 3.25em;
    text-align: center;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding-top: 6em;
    padding-bottom: 4em;
    display: flex;
    position: relative
}

.history-line {
    background-color: var(--30-green-transparent);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 1px;
    display: flex
}

.history-circle {
    border: 1px solid var(--30-green-transparent);
    background-color: var(--green-1);
    border-radius: 50%;
    width: 1em;
    height: 1em;
    position: absolute
}

.history-circle.is-featured {
    background-color: var(--green-2)
}

.history-content {
    grid-row-gap: 1em;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80%;
    max-width: 25em;
    display: flex
}

.history-year {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 3.3em;
    display: flex
}

.history-line-animation {
    z-index: 1;
    background-color: var(--green-1);
    width: 0%;
    height: 1px;
    display: block;
    position: absolute;
    bottom: 18.6em
}

.history-title {
    letter-spacing: .02em;
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.6em
}

.history-text {
    letter-spacing: .02em;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.6em
}

.history-year-text {
    font-family: var(--heading-font);
    letter-spacing: .02em;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.6em
}

.hero-5-bg-color {
    z-index: 3;
    background-color: var(--green-2);
    opacity: 0;
    position: absolute;
    inset: 0%
}

.about-images-wrap:where(.w-variant-5047b387-82bb-dadc-9293-f59b0f93d949) {
    justify-content: center;
    align-items: center
}

.about-farm-grid-2-content {
    z-index: 10;
    width: 100%;
    padding-top: 5em;
    padding-bottom: 5em;
    position: relative
}

.hero-about-content {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 30em;
    display: flex
}

.nav-link-icon-block {
    z-index: 10;
    border: 1px solid var(--green-4);
    border-radius: var(--radius-small);
    background-color: var(--green-3);
    justify-content: center;
    align-items: center;
    width: 1.6em;
    height: 1.5em;
    display: flex;
    position: relative;
    overflow: hidden
}

.nav-wrapper {
    z-index: 99;
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: row;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    width: 100%;
    min-height: 6em;
    padding: 1em 2em 1em 14em;
    display: flex;
    position: relative
}

.nav-links-wrapper {
    grid-column-gap: .4em;
    grid-row-gap: .4em;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.hero-about-line {
    background-color: var(--green-4);
    align-self: stretch;
    width: 1px;
    margin-right: 2em
}

.section-content-block {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.section-content-block:where(.w-variant-b545fa43-40fa-8293-2e93-790fc0985468) {
    margin-bottom: 5em
}

.marker {
    z-index: 10;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    font-family: var(--heading-font);
    text-align: center;
    flex: none;
    justify-content: center;
    align-items: center;
    min-height: 5em;
    display: flex;
    position: relative
}

.marker-title {
    z-index: 10;
    font-size: 2.4em;
    font-weight: 500;
    line-height: 1em;
    position: relative
}

.marker-number {
    z-index: 9;
    opacity: .15;
    text-align: center;
    letter-spacing: -.05em;
    text-indent: -.05em;
    font-size: 6em;
    line-height: .9em;
    position: absolute
}

.marker-title-wrapper {
    z-index: 10;
    grid-column-gap: 1.2em;
    grid-row-gap: 1.2em;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
}

.ornament-image {
    width: 1em;
    height: 1em;
    font-size: 4em;
    position: absolute;
    left: -.5em
}

.ornament-image.is-right {
    left: auto;
    right: -.5em
}

.image-relative {
    z-index: 10;
    object-fit: cover;
    width: 100%;
    min-height: 50em;
    position: relative
}

.overlay-50-bg-top {
    z-index: 11;
    background-image: linear-gradient(180deg, var(--green-10), #fff0);
    height: 50%;
    position: absolute;
    inset: 0% 0% auto
}

.overlay-50-bg-bottom {
    z-index: 11;
    background-image: linear-gradient(180deg, #fff0, var(--green-2));
    height: 60%;
    position: absolute;
    inset: auto 0% 0%
}

.gradient-top-color {
    background-image: linear-gradient(180deg, var(--green-10), var(--body-color));
    height: 22em;
    position: absolute;
    inset: 0% 0% auto
}

.absolute-content-block {
    z-index: 20;
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 92%;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute
}

.background-illustration-2 {
    z-index: 1;
    aspect-ratio: 1;
    opacity: .8;
    mix-blend-mode: multiply;
    width: 30vw;
    position: absolute;
    top: -12.3vw;
    right: -5.2vw
}

.background-illustration-1 {
    z-index: 1;
    aspect-ratio: 1;
    opacity: .8;
    mix-blend-mode: multiply;
    width: 30vw;
    position: absolute;
    top: -11.6vw;
    left: -5vw
}

.footer-links {
    grid-column-gap: 2em;
    grid-row-gap: 1em;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex
}

.footer-brand {
    grid-column-gap: 1.7em;
    grid-row-gap: 1.7em;
    color: var(--body-color);
    flex-direction: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: stretch;
    align-items: center;
    padding: 0;
    text-decoration: none;
    display: flex
}

.footer-brand-name {
    font-family: var(--heading-font);
    font-size: 3em;
    font-weight: 500;
    line-height: 1em
}

.footer-brand-slogan-line {
    background-color: var(--green-5);
    width: 1px;
    height: 2em
}

.footer-brand-slogan {
    color: var(--green-10);
    max-width: 15em;
    font-size: 1.2em;
    line-height: 1.3em
}

.footer-text-link {
    z-index: 10;
    font-family: var(--heading-font);
    color: var(--green-7);
    text-align: center;
    font-size: 2.5em;
    line-height: 1.5em;
    transition: color .2s;
    position: relative
}

.footer-text-link:hover {
    color: var(--green-9)
}

.footer-text-link.w--current {
    color: var(--body-color)
}

.footer-bg {
    z-index: 1;
    position: absolute;
    inset: 0%
}

.footer-bg-overlay-full {
    z-index: 20;
    background-image: linear-gradient(180deg, var(--dark-green), var(--green-2));
    opacity: .8;
    mix-blend-mode: multiply;
    position: absolute;
    inset: 0%
}

.footer-bg-overlay-left {
    z-index: 20;
    background-image: linear-gradient(90deg, var(--green-1)11%, var(--transparent));
    opacity: .9;
    position: absolute;
    inset: 0%
}

.marker-icon {
    z-index: 10;
    opacity: .25;
    object-fit: contain;
    flex: none;
    width: 1em;
    height: 1em;
    font-size: 1.7em;
    position: relative
}

.marker-icon.is-right:where(.w-variant-4efdea9d-ca17-7c39-4e67-e4109e691604),
.marker-icon.is-right.for-dark-bg {
    display: none
}

.marker-icon.is-right.for-dark-bg:where(.w-variant-4efdea9d-ca17-7c39-4e67-e4109e691604) {
    display: block
}

.marker-icon.is-left:where(.w-variant-4efdea9d-ca17-7c39-4e67-e4109e691604),
.marker-icon.is-left.for-dark-bg {
    display: none
}

.marker-icon.is-left.for-dark-bg:where(.w-variant-4efdea9d-ca17-7c39-4e67-e4109e691604) {
    display: block
}

.founder-image {
    z-index: 10;
    width: 30em;
    max-width: 100%;
    height: 30em;
    position: relative
}

.about-grid-image {
    border-radius: var(--radius-small);
    width: 100%;
    max-width: 35em;
    min-height: 35em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden
}

.simple-hero-title-size:where(.w-variant-d48d4a09-899a-fd4f-1b3e-6b4d3a4970a6) {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.small-footer-link {
    color: var(--green-9);
    padding-top: .2em;
    padding-bottom: .2em;
    font-size: max(16px, 1.3em);
    line-height: 1.4em
}

.small-footer-link:hover {
    color: var(--body-color)
}

.footer-address-wrapper {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    flex-flow: wrap;
    margin-left: auto;
    display: flex
}

.footer-brand-wrapper {
    grid-column-gap: 6em;
    grid-row-gap: 6em;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex
}

.footer-contacts {
    grid-column-gap: 1.5em;
    grid-row-gap: .5em;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.background-illustration-5 {
    z-index: 1;
    aspect-ratio: 1;
    opacity: .8;
    mix-blend-mode: multiply;
    width: 30vw;
    position: absolute;
    top: -7.9vw;
    right: -5.2vw
}

.background-illustration-6 {
    z-index: 1;
    aspect-ratio: 1;
    opacity: .8;
    mix-blend-mode: multiply;
    transform-style: preserve-3d;
    width: 30vw;
    position: absolute;
    top: -7.6vw;
    left: -5vw;
    transform: rotateX(0)rotateY(180deg)rotate(0)
}

.simple-hero-button:where(.w-variant-d48d4a09-899a-fd4f-1b3e-6b4d3a4970a6) {
    display: none
}

.footer-small-text {
    text-transform: uppercase;
    margin-bottom: 1em;
    font-size: .8em;
    font-weight: 500
}

.footer-contact-link {
    border: 1px solid var(--transparent);
    border-radius: var(--radius-small);
    color: var(--green-9);
    padding: .5em 0;
    font-size: 1.4em;
    line-height: 1.4em;
    transition: color .2s, border-color .2s, background-color .2s, padding .5s cubic-bezier(.075, .82, .165, 1)
}

.footer-contact-link:hover {
    border-color: var(--green-5);
    background-color: var(--20-green-transparent);
    color: var(--body-color);
    padding: .5em .8em
}

.hero-about-title-block {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.max-width-50 {
    z-index: 10;
    width: 100%;
    max-width: 50em;
    position: relative
}

.max-width-50:where(.w-variant-d48d4a09-899a-fd4f-1b3e-6b4d3a4970a6) {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.max-width-50.with-auto {
    margin-left: auto;
    margin-right: auto
}

.main-button-pattern {
    z-index: 1;
    opacity: .12;
    mix-blend-mode: multiply;
    max-width: none;
    height: 8em;
    position: absolute;
    bottom: -3em;
    left: 0;
    transform: rotate(20deg)
}

.about-grid {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid
}

.about-grid-content {
    z-index: 10;
    width: 100%;
    padding-top: 5em;
    padding-bottom: 5em;
    position: relative
}

.about-grid-layout {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 30em;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.footer-address-text {
    opacity: .8;
    font-size: 1.1em;
    line-height: 1.7em
}

.nav-main {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    flex-flow: row;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.search-input-in-full-menu:focus-visible {
    outline-offset: 0px;
    outline: 0 #0000
}

@media screen and (min-width:1440px) {
    body {
        font-size: 15px
    }
}

@media screen and (min-width:1920px) {
    body {
        font-size: 16px
    }
}

@media screen and (max-width:991px) {
    body {
        font-size: 12px
    }

    .container {
        padding-left: 4em;
        padding-right: 4em
    }

    .padding {
        padding-top: 6em;
        padding-bottom: 6em
    }

    .heading {
        font-size: 3em
    }

    .heading.is-medium-title {
        font-size: 3.5em
    }

    .heading.is-large-title {
        font-size: 4.5em
    }

    .heading.is-hero-5-title {
        font-size: 10vw
    }

    .heading.is-store-cta-title {
        font-size: 3em
    }

    .brand-name-text {
        font-size: 2em
    }

    .gallery-lightbox {
        height: 20em
    }

    .gallery-grid {
        grid-template-columns: 1fr 1fr
    }

    .hero-about {
        min-height: 100svh
    }

    .hero-about-layout {
        grid-column-gap: 1em;
        grid-row-gap: 1em;
        text-align: center;
        flex-flow: column
    }

    .nav-link {
        font-size: 1.1em
    }

    .footer-links-wrapper {
        grid-column-gap: 2.75em;
        flex-wrap: wrap
    }

    .main-button {
        min-width: auto
    }

    .sticky-section-image {
        height: 70svh;
        margin-bottom: 20svh
    }

    .sticky-section-content {
        grid-row-gap: 1dvh
    }

    .sticky-section-size {
        min-height: 100svh
    }

    .sticky-section {
        padding-top: 17svh;
        padding-bottom: 25svh
    }

    .sticky-section-video-layout {
        min-height: 100svh
    }

    .sticky-section-video-height {
        height: 100svh
    }

    .sticky-section-images {
        width: 40vw
    }

    .store-cta-layout {
        grid-column-gap: 2em
    }

    .store-cta-content {
        grid-template-columns: 1fr;
        width: 60%
    }

    .store-cta-overlay-color {
        width: 60%
    }

    .history-wrap {
        flex-wrap: wrap;
        padding-top: 8em
    }

    .history-block {
        grid-row-gap: 2.25em;
        flex: 0 auto;
        width: 50%;
        padding-top: 0
    }

    .history-content {
        max-width: 33em
    }

    .history-line-animation {
        display: none
    }

    .history-text {
        font-size: 16px
    }

    .history-year-text {
        font-size: 1.4em
    }

    .about-farm-grid-2-content.is-last {
        padding-bottom: 0
    }

    .hero-about-content {
        justify-content: flex-start;
        align-items: center;
        max-width: 38em
    }

    .nav-wrapper {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        min-height: 5em;
        padding-left: 11.5em;
        padding-right: 2vw
    }

    .nav-links-wrapper {
        display: none
    }

    .hero-about-line {
        width: 30%;
        height: 1px;
        margin-left: auto;
        margin-right: auto;
        display: none
    }

    .footer-links {
        grid-column-gap: 1.5em;
        grid-row-gap: 0em
    }

    .footer-brand {
        width: 100%
    }

    .about-grid-image {
        min-height: 30em
    }

    .small-footer-link {
        font-size: 1.5em
    }

    .footer-address-wrapper {
        width: 100%;
        margin-left: 0
    }

    .footer-brand-wrapper {
        grid-column-gap: 2em;
        grid-row-gap: 2em;
        flex-flow: wrap
    }

    .footer-contacts {
        grid-column-gap: 1em
    }

    .footer-small-text {
        font-size: .9em
    }

    .footer-contact-link {
        border-color: var(--green-4);
        background-color: var(--5-green-transparent);
        padding: .2em .5em;
        font-size: 1.6em
    }

    .footer-contact-link:hover {
        padding: .2em .5em
    }

    .hero-about-title-block {
        grid-column-gap: 1.2em;
        grid-row-gap: 1.2em;
        flex-flow: column
    }

    .about-grid {
        grid-column-gap: 0em;
        grid-row-gap: 0em;
        grid-template-columns: 1fr
    }

    .about-grid-layout {
        grid-template-columns: 1fr
    }

    .footer-address-text {
        font-size: 1.3em
    }
}

@media screen and (max-width:767px) {
    body {
        font-size: 11px
    }

    p {
        font-size: 1.3em;
        line-height: 1.4em
    }

    .padding {
        padding-top: 6em;
        padding-bottom: 6em
    }

    .heading {
        font-size: 2.6em
    }

    .heading.is-medium-title {
        font-size: 3em
    }

    .heading.is-large-title {
        font-size: 4em
    }

    .brand-name-text {
        font-size: 1.9em
    }

    .gallery-lightbox {
        height: 15em
    }

    .hero-about {
        min-height: auto
    }

    .hero-about-layout {
        padding-top: 2.5em;
        padding-bottom: 2.5em
    }

    .paragraph {
        font-size: 16px
    }

    .paragraph.is-medium {
        font-size: 17px
    }

    .paragraph.is-large {
        font-size: 18px
    }

    .about-grid-block {
        border-bottom-width: 0;
        border-bottom-color: #0000
    }

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

    .sticky-section-image {
        height: 35em;
        margin-bottom: 20em
    }

    .sticky-section-content {
        padding-left: 8vw;
        padding-right: 8vw
    }

    .sticky-section {
        padding-top: 8em;
        padding-bottom: 8em
    }

    .footer-flex-wrapper {
        grid-column-gap: 4em;
        grid-row-gap: 4em
    }

    .sticky-section-images {
        width: 35vw
    }

    .store-cta-layout {
        flex-flow: column
    }

    .store-cta-content {
        border-right-width: 0;
        width: 100%
    }

    .store-cta-overlay-color {
        background-color: var(--green-2);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        width: auto;
        inset: 0%
    }

    .history-block {
        width: 100%
    }

    .history-title {
        font-size: 1.8em
    }

    .history-year-text {
        font-size: 1.6em
    }

    .nav-wrapper {
        padding-left: 12em
    }

    .footer-address-wrapper {
        grid-column-gap: 4em;
        grid-row-gap: 4em;
        margin-left: 0
    }

    .footer-small-text {
        font-size: 1em
    }

    .about-grid {
        grid-template-columns: 1fr
    }

    .about-grid-layout {
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width:479px) {

    .container {
        padding-left: 8vw;
        padding-right: 8vw
    }

    .heading.is-medium-title {
        font-size: 2.5em
    }

    .heading.is-large-title {
        font-size: 3em
    }

    .heading.is-hero-about-title {
        font-size: 2.5em
    }

    .heading.is-store-cta-title {
        line-height: 1.4em
    }

    .brand-name-text {
        font-size: 1.7em
    }

    .gallery-lightbox.hidden-on-phone:where(.w-variant-b0b05062-5dee-a4d6-23d2-439fa9c643d8) {
        display: none
    }

    .gallery-grid {
        grid-template-columns: 1fr
    }

    .vertical-flex.with-gap-2em {
        grid-row-gap: 1em
    }

    .paragraph.is-medium {
        line-height: 1.6em
    }

    .paragraph.is-large-italic {
        font-size: 1.7em
    }

    .footer-links-wrapper {
        grid-column-gap: 2em
    }

    .footer-wrapper {
        grid-row-gap: 2.5em;
        flex-wrap: wrap
    }

    .sticky-section-image {
        height: 30em;
        margin-bottom: 5em
    }

    .sticky-section-content {
        padding: 0 0 8em
    }

    .sticky-section-size {
        min-height: auto;
        position: relative
    }

    .sticky-section-position {
        position: relative
    }

    .sticky-section {
        background-color: var(--green-2);
        padding-bottom: 2em
    }

    .footer-flex-wrapper {
        grid-column-gap: 3em;
        grid-row-gap: 3em
    }

    .footer-flex-block {
        padding-top: 0
    }

    .sticky-section-images {
        width: 70vw
    }

    .store-cta-content {
        padding: 12vw 8vw
    }

    .store-cta-paragraph {
        line-height: 1.5em
    }

    .history-wrap {
        padding-top: 6em
    }

    .history-block {
        grid-row-gap: 1.75em;
        padding-bottom: 4em
    }

    .history-content {
        width: 85%
    }

    .nav-wrapper {
        min-height: 4.5em;
        padding-left: 19vw
    }

    .section-content-block:where(.w-variant-b545fa43-40fa-8293-2e93-790fc0985468) {
        margin-bottom: 3.5em
    }

    .marker-title {
        font-size: 1.8em
    }

    .marker-number {
        font-size: 4.8em
    }

    .background-illustration-2,
    .background-illustration-1 {
        width: 35vw
    }

    .footer-links {
        flex-flow: column
    }

    .footer-brand-slogan-line {
        display: none
    }

    .footer-brand-slogan {
        font-size: 1.4em
    }

    .footer-text-link {
        font-size: 10vw
    }

    .about-grid-image {
        max-width: none
    }

    .footer-address-wrapper {
        grid-column-gap: 3em;
        grid-row-gap: 3em
    }

    .footer-small-text {
        position: relative
    }

    .about-grid-layout {
        grid-row-gap: 2.75em
    }
}
a {
    text-decoration: none;
    color: inherit;
}