/** Shopify CDN: Minification failed

Line 1177:22 Expected identifier but found whitespace
Line 1178:9 Expected identifier but found "%"
Line 1179:10 Unexpected "{"
Line 1179:11 Expected identifier but found "%"
Line 1180:11 Expected identifier but found "%"
Line 1181:11 Expected identifier but found "%"
Line 1182:9 Expected identifier but found "%"
Line 1183:18 Expected identifier but found whitespace
Line 1184:9 Expected identifier but found "%"
Line 1185:10 Unexpected "{"
... and 4 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:chart-finish-collection (INDEX:11) */
.chart-finish-collection {
    padding-top: var(--finish-padding-top);
    padding-bottom: var(--finish-padding-bottom);
  }

  .chart-finish-collection__inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .chart-finish-collection__heading {
    margin: 0 0 2.4rem;
    text-align: center;
    color: var(--finish-heading-color);
    font-size: var(--finish-heading-size-mobile);
    line-height: 1.1;
    letter-spacing: -0.03rem;
  }

  .chart-finish-collection__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--finish-gap-mobile);
  }

  .chart-finish-collection__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--finish-card-height-mobile);
    overflow: hidden;
    border-radius: var(--finish-card-radius);
    background: var(--finish-bg-color);
    color: var(--finish-title-color);
    text-decoration: none;
    isolation: isolate;
  }

  .chart-finish-collection__item[aria-disabled='true'] {
    pointer-events: none;
  }

  .chart-finish-collection__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    transition: transform 260ms ease;
  }

  .chart-finish-collection__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, var(--finish-overlay-opacity));
    z-index: -1;
  }

  .chart-finish-collection__title {
    display: block;
    padding: 0.8rem 1.2rem;
    text-align: center;
    color: var(--finish-title-color);
    font-size: var(--finish-text-size-mobile);
    font-weight: var(--finish-text-weight);
    line-height: 1.2;
    letter-spacing: -0.01em;
  }

  .chart-finish-collection__item:hover .chart-finish-collection__image,
  .chart-finish-collection__item:focus-visible .chart-finish-collection__image {
    transform: scale(1.04);
  }

  @media screen and (min-width: 750px) {
    .chart-finish-collection__heading {
      margin-bottom: 3rem;
      font-size: var(--finish-heading-size-desktop);
    }

    .chart-finish-collection__grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: var(--finish-gap-desktop);
    }

    .chart-finish-collection__item {
      min-height: var(--finish-card-height-desktop);
    }

    .chart-finish-collection__title {
      font-size: var(--finish-text-size-desktop);
    }
  }

  @media screen and (min-width: 990px) {
    .chart-finish-collection__inner {
      max-width: var(--finish-max-width-desktop);
    }
  }

  @media screen and (max-width: 749px) {
    .chart-finish-collection__heading {
      text-align: left;
      margin-bottom: 1.8rem;
    }
  }
/* END_SECTION:chart-finish-collection */

/* START_SECTION:chart-ugc-gallery (INDEX:21) */
.chart-ugc {
    padding-top: var(--chart-ugc-section-padding-top);
    padding-bottom: var(--chart-ugc-section-padding-bottom);
  }

  .chart-ugc__inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .chart-ugc__header {
    margin-bottom: 3.2rem;
  }

  .chart-ugc__heading {
    margin: 0;
    color: var(--chart-ugc-heading-color);
    font-size: var(--chart-ugc-heading-size-mobile);
    line-height: 1.08;
    letter-spacing: -0.03rem;
  }

  .chart-ugc__subheading {
    margin-top: 1rem;
    max-width: 68rem;
    font-size: 1.5rem;
    line-height: 1.5;
    color: rgba(var(--color-foreground), .72);
  }

  .chart-ugc__subheading p {
    margin: 0;
  }

  .chart-ugc__slider {
    position: relative;
  }

  .chart-ugc__grid {
    display: flex;
    gap: var(--chart-ugc-mobile-gap);
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: .4rem;
  }

  .chart-ugc__grid::-webkit-scrollbar {
    display: none;
  }

  .chart-ugc__item {
    position: relative;
    flex: 0 0 72%;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
    scroll-snap-align: start;
    text-align: left;
  }

  .chart-ugc__media {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--chart-ugc-card-radius);
    background: #f3eee8;
  }

  .chart-ugc__media::before {
    content: '';
    display: block;
    padding-bottom: 132%;
  }

  .chart-ugc__image,
  .chart-ugc__preview-video,
  .chart-ugc__placeholder,
  .chart-ugc__placeholder .placeholder-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .chart-ugc__image,
  .chart-ugc__preview-video {
    object-fit: cover;
    transition: transform 260ms ease;
  }

  .chart-ugc__item:hover .chart-ugc__image,
  .chart-ugc__item:hover .chart-ugc__preview-video {
    transform: scale(1.03);
  }

  .chart-ugc__placeholder {
    background: linear-gradient(145deg, #f4eee7 0%, #e7d8c8 100%);
  }

  .chart-ugc__placeholder .placeholder-svg {
    opacity: .18;
  }

  .chart-ugc__play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5.4rem;
    height: 5.4rem;
    transform: translate(-50%, -50%);
    opacity: .68;
    pointer-events: none;
  }

  .chart-ugc__play svg {
    display: block;
    width: 100%;
    height: 100%;
  }

  .chart-ugc__play circle {
    fill: rgba(255,255,255,.58);
  }

  .chart-ugc__play path {
    fill: rgba(255,255,255,.9);
  }

  .chart-ugc-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
  }

  .chart-ugc-modal.is-open {
    display: block;
  }

  .chart-ugc-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.72);
  }

  .chart-ugc-modal__dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(92vw, 480px);
    height: min(92vh, 820px);
    transform: translate(-50%, -50%);
    overflow: hidden;
    border-radius: 18px;
    background: #000;
    box-shadow: 0 20px 60px rgba(0,0,0,.32);
  }

  .chart-ugc-modal__close {
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    z-index: 4;
    width: 3.8rem;
    height: 3.8rem;
    border: 0;
    border-radius: 50%;
    background: rgba(0,0,0,.38);
    cursor: pointer;
  }

  .chart-ugc-modal__close span::before,
  .chart-ugc-modal__close span::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.7rem;
    height: .2rem;
    background: #fff;
  }

  .chart-ugc-modal__close span::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .chart-ugc-modal__close span::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  .chart-ugc-modal__media-wrap {
    position: absolute;
    inset: 0;
  }

  .chart-ugc-modal__video,
  .chart-ugc-modal__image,
  .chart-ugc-modal__placeholder,
  .chart-ugc-modal__placeholder .placeholder-svg {
    width: 100%;
    height: 100%;
  }

  .chart-ugc-modal__video,
  .chart-ugc-modal__image {
    display: block;
    object-fit: cover;
  }

  .chart-ugc-modal__placeholder {
    background: #f4eee7;
  }

  .chart-ugc-modal__products {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    gap: 1.2rem;
    overflow-x: auto;
    padding: 1.2rem 1.4rem 1.6rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.28) 100%);
  }

  .chart-ugc-modal__products::-webkit-scrollbar {
    display: none;
  }

  .chart-ugc-product {
    flex: 0 0 25rem;
    display: grid;
    grid-template-columns: 7rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: .9rem 1rem;
    border-radius: 10px;
    background: #fff;
    color: #111;
    text-decoration: none;
    scroll-snap-align: start;
  }

  .chart-ugc-product__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7rem;
    height: 6.2rem;
    background: #f7f5f2;
    overflow: hidden;
  }

  .chart-ugc-product__image img {
    width: 88%;
    height: 88%;
    object-fit: contain;
  }

  .chart-ugc-product__info {
    min-width: 0;
    display: block;
  }

  .chart-ugc-product__title {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #111;
  }

  .chart-ugc-product__stars {
    display: block;
    margin-top: .35rem;
    font-size: 1.1rem;
    letter-spacing: .08rem;
    color: #111;
  }

  .chart-ugc-product__price {
    display: block;
    margin-top: .2rem;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #111;
  }

  .chart-ugc-product__arrow {
    font-size: 2.6rem;
    line-height: 1;
    color: #111;
  }

  .chart-ugc__arrow {
    display: none;
  }

  @media screen and (min-width: 750px) {
    .chart-ugc__inner {
      max-width: var(--chart-ugc-max-width);
    }

    .chart-ugc__heading {
      font-size: var(--chart-ugc-heading-size-desktop);
    }

    .chart-ugc__grid {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: calc((100% - (var(--chart-ugc-gap) * 7)) / 8);
      gap: var(--chart-ugc-gap);
      overflow-x: auto;
      overflow-y: hidden;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      padding-bottom: 0;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }

    .chart-ugc__grid::-webkit-scrollbar {
      display: none;
    }

    .chart-ugc__item {
      flex: none;
      min-width: 0;
      scroll-snap-align: start;
    }

    .chart-ugc__media::before {
      padding-bottom: 132%;
    }

    .chart-ugc__arrow {
      position: absolute;
      top: 50%;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 5.2rem;
      height: 5.2rem;
      border: 1px solid rgba(139, 107, 86, 0.14);
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.96);
      color: #8b6b56;
      box-shadow: 0 8px 24px rgba(80, 54, 38, 0.12);
      transform: translateY(-50%);
      cursor: pointer;
      transition: opacity 180ms ease, transform 180ms ease, box-shadow 180ms ease;
    }

    .chart-ugc__arrow span {
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      border-top: 2px solid currentColor;
      border-right: 2px solid currentColor;
    }

    .chart-ugc__arrow--next {
      right: -2.6rem;
    }

    .chart-ugc__arrow--next span {
      transform: rotate(45deg);
      margin-left: -0.3rem;
    }

    .chart-ugc__arrow--prev {
      left: -2.6rem;
    }

    .chart-ugc__arrow--prev span {
      transform: rotate(-135deg);
      margin-right: -0.3rem;
    }

    .chart-ugc__arrow:hover {
      transform: translateY(-50%) scale(1.04);
      box-shadow: 0 10px 28px rgba(80, 54, 38, 0.16);
    }

    .chart-ugc__arrow.is-disabled {
      opacity: 0;
      pointer-events: none;
    }
  }

  @media screen and (max-width: 749px) {
    .chart-ugc__arrow {
      display: none !important;
    }

    .chart-ugc {

      padding-top: 36px;
      padding-bottom: 42px;
    }

    .chart-ugc__header {
      margin-bottom: 2rem;
    }

    .chart-ugc__heading {
      font-size: var(--chart-ugc-heading-size-mobile);
      text-align: left;
    }

    .chart-ugc__grid {
      margin-left: -1.5rem;
      margin-right: -1.5rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

    .chart-ugc-modal__dialog {
      width: 100vw;
      height: 100svh;
      border-radius: 0;
    }

    .chart-ugc-modal__close {
      top: 1rem;
      right: 1rem;
    }

    .chart-ugc-modal__products {
      padding: 1rem 1.2rem 1.4rem;
    }

    .chart-ugc-product {
      flex-basis: 28rem;
      grid-template-columns: 7.2rem minmax(0, 1fr) auto;
    }
  }
/* END_SECTION:chart-ugc-gallery */

/* START_SECTION:chart-why-us (INDEX:23) */
.chart-why-us {
    padding-top: var(--chart-why-padding-top);
    padding-bottom: var(--chart-why-padding-bottom);
    background: rgb(var(--color-background));
  }

  .chart-why-us__header {
    text-align: center;
    margin-bottom: 4rem;
  }

  .chart-why-us__heading {
    margin: 0;
    color: var(--chart-why-heading-color);
    font-size: var(--chart-why-heading-mobile);
    line-height: 1.1;
    letter-spacing: -0.03rem;
  }

  .chart-why-us__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.8rem;
  }

  .chart-why-us__item {
    display: grid;
    grid-template-columns: 3.6rem minmax(0, 1fr);
    gap: 1.2rem;
    align-items: start;
  }

  .chart-why-us__number {
    color: var(--chart-why-number-color);
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 500;
    padding-top: 0.2rem;
  }

  .chart-why-us__content {
    min-width: 0;
  }

  .chart-why-us__image-wrap {
    position: relative;
    overflow: hidden;
    border-radius: var(--chart-why-card-radius);
    background: #f6f1ea;
  }

  .chart-why-us__image-wrap::before {
    content: '';
    display: block;
    padding-bottom: 52%;
  }

  .chart-why-us__image,
  .chart-why-us__placeholder,
  .chart-why-us__placeholder .placeholder-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .chart-why-us__image {
    object-fit: cover;
    display: block;
    transition: transform 260ms ease;
  }

  .chart-why-us__item:hover .chart-why-us__image {
    transform: scale(1.025);
  }

  .chart-why-us__placeholder {
    background:
      radial-gradient(circle at 30% 20%, rgba(255,255,255,.85), transparent 24%),
      linear-gradient(145deg, #efe4d7 0%, #dfcfbb 100%);
  }

  .chart-why-us__placeholder .placeholder-svg {
    opacity: .22;
  }

  .chart-why-us__text {
    padding-top: 1.4rem;
  }

  .chart-why-us__text h3 {
    margin: 0 0 .7rem;
    font-family: var(--font-body-family);
    font-size: var(--chart-why-title-size);
    line-height: 1.25;
    font-weight: 700;
    color: rgb(var(--color-foreground));
  }

  .chart-why-us__description {
    color: rgba(var(--color-foreground), .82);
    font-size: var(--chart-why-text-size);
    line-height: 1.55;
  }

  .chart-why-us__description p {
    margin: 0;
  }

  @media screen and (min-width: 750px) {
    .chart-why-us__heading {
      font-size: var(--chart-why-heading-desktop);
    }

    .chart-why-us__grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: var(--chart-why-gap);
    }

    .chart-why-us__item {
      grid-template-columns: 3rem minmax(0, 1fr);
      gap: 1.2rem;
    }

    .chart-why-us__number {
      font-size: 2.6rem;
      padding-top: .4rem;
    }

    .chart-why-us__image-wrap::before {
      padding-bottom: 52%;
    }
  }

  @media screen and (max-width: 749px) {
    .chart-why-us__header {
      text-align: left;
      margin-bottom: 2.6rem;
    }

    .chart-why-us__item {
      grid-template-columns: 2.8rem minmax(0, 1fr);
      gap: 1rem;
    }

    .chart-why-us__number {
      font-size: 2rem;
    }

    .chart-why-us__image-wrap::before {
      padding-bottom: 64%;
    }

    .chart-why-us__text {
      padding-top: 1.1rem;
    }

    .chart-why-us__text h3 {
      font-size: 1.6rem;
      margin-bottom: .5rem;
    }

    .chart-why-us__description {
      font-size: 1.35rem;
      line-height: 1.5;
    }
  }
/* END_SECTION:chart-why-us */

/* START_SECTION:featured-category-slider (INDEX:31) */
.featured-category-slider {
    padding-top: var(--featured-category-section-padding-top);
    padding-bottom: var(--featured-category-section-padding-bottom);
  }

  .featured-category-slider__container {
    width: 100%;
  }

  @media screen and (min-width: 750px) {
    .featured-category-slider__container {
      max-width: var(--featured-category-desktop-max-width) !important;
      margin-left: auto;
      margin-right: auto;
    }
  }


  .featured-category-slider__header {
    margin-bottom: 2.8rem;
  }

  .featured-category-slider__heading {
    margin: 0;
    color: var(--featured-category-heading-color);
    font-size: var(--featured-category-heading-size-mobile);
    line-height: 1.05;
    letter-spacing: -0.03rem;
  }

  .featured-category-slider__subheading {
    margin-top: 1rem;
    max-width: 62rem;
    color: var(--featured-category-subheading-color);
    font-size: 1.5rem;
    line-height: 1.5;
  }

  .featured-category-slider__subheading p {
    margin: 0;
  }

  .featured-category-slider__wrap {
    position: relative;
  }

  .featured-category-slider__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc(50% - (var(--featured-category-mobile-gap) / 2));
    gap: var(--featured-category-mobile-gap);
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding-right: var(--featured-category-mobile-peek);
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .featured-category-slider__track::-webkit-scrollbar {
    display: none;
  }

  .featured-category-slider__card {
    min-width: 0;
    scroll-snap-align: start;
  }

  .featured-category-slider__card-link {
    display: block;
    color: inherit;
    text-decoration: none;
  }

  .featured-category-slider__media {
    position: relative;
    overflow: hidden;
    border-radius: var(--featured-category-card-radius) var(--featured-category-card-radius) 0 0;
    background: #f4ecdf;
  }

  .featured-category-slider__media::before {
    content: '';
    display: block;
    padding-bottom: 122%;
  }

  .featured-category-slider__image,
  .featured-category-slider__placeholder,
  .featured-category-slider__placeholder .placeholder-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .featured-category-slider__image {
    object-fit: cover;
    transition: transform 240ms ease;
  }

  .featured-category-slider__card-link:hover .featured-category-slider__image,
  .featured-category-slider__card-link:focus-visible .featured-category-slider__image {
    transform: scale(1.03);
  }

  .featured-category-slider__placeholder {
    background:
      radial-gradient(circle at 25% 20%, rgba(255, 255, 255, 0.88), transparent 22%),
      linear-gradient(145deg, #efe4d7 0%, #dfcfbb 100%);
  }

  .featured-category-slider__placeholder .placeholder-svg {
    opacity: 0.2;
  }

  .featured-category-slider__label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4.8rem;
    padding: 1.2rem 1rem;
    background: var(--featured-category-label-bg);
    color: var(--featured-category-label-color);
    border-radius: 0 0 var(--featured-category-card-radius) var(--featured-category-card-radius);
    text-align: center;
  }

  .featured-category-slider__label span {
    display: block;
    font-size: var(--featured-category-title-size-mobile);
    font-weight: var(--featured-category-title-weight);
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }

  .featured-category-slider__card-link[aria-disabled='true'] {
    pointer-events: none;
  }

  .featured-category-slider__arrow {
    display: none;
  }

  @media screen and (min-width: 750px) {
    .featured-category-slider__heading {
      font-size: var(--featured-category-heading-size-desktop);
    }

    .featured-category-slider__track {
      grid-auto-columns: calc(
        (100% - (var(--featured-category-gap) * 3)) / 4
      );
      gap: var(--featured-category-gap);
      padding-right: 0;
      overflow-x: auto;
    }

    .featured-category-slider__media::before {
      padding-bottom: 112%;
    }

    .featured-category-slider__label span {
      font-size: var(--featured-category-title-size-desktop);
    }

  .featured-category-slider__arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.6rem;
  height: 5.6rem;
  border: 1px solid rgba(139, 107, 86, 0.14);
  border-radius: 50%;
  background: #fff;
  color: #8b6b56;
  box-shadow: 0 8px 24px rgba(80, 54, 38, 0.12);
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 0;
  line-height: 1;
  transition: opacity 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.featured-category-slider__arrow::before {
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}

.featured-category-slider__arrow--next::before {
  transform: rotate(45deg);
  margin-left: -0.3rem;
}

.featured-category-slider__arrow--prev::before {
  transform: rotate(-135deg);
  margin-right: -0.3rem;
}

.featured-category-slider__arrow:hover {
  transform: translateY(-50%) scale(1.04);
  box-shadow: 0 10px 28px rgba(80, 54, 38, 0.16);
}

    .featured-category-slider__arrow:hover {
      transform: translateY(-50%) scale(1.04);
    }

    .featured-category-slider__arrow--prev {
      left: -2.3rem;
    }

    .featured-category-slider__arrow--next {
      right: -2.3rem;
    }

    .featured-category-slider__arrow.is-disabled {
      opacity: 0;
      pointer-events: none;
    }
  }

  @media screen and (max-width: 749px) {
    .featured-category-slider__arrow {
      display: none !important;
    }

    .featured-category-slider__track {
      cursor: grab;
      -webkit-overflow-scrolling: touch;
    }

    .featured-category-slider__track:active {
      cursor: grabbing;
    }
  }
/* END_SECTION:featured-category-slider */

/* START_SECTION:hero-farmhouse-banner (INDEX:36) */
.farmhouse-hero {
    position: relative;
    display: block;
    width: 100%;
    min-height: var(--farmhouse-hero-mobile-height);
    overflow: hidden;
    background: #efe2d3;
  }

  .farmhouse-hero__media,
  .farmhouse-hero__placeholder,
  .farmhouse-hero__image,
  .farmhouse-hero__overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .farmhouse-hero__image,
  .farmhouse-hero picture {
    display: block;
    width: 100%;
    height: 100%;
  }

  .farmhouse-hero__image {
    object-fit: cover;
    object-position: var(--farmhouse-hero-mobile-object-position);
    transform: scale(1.01);
  }

  .farmhouse-hero__placeholder {
    background:
      radial-gradient(circle at 20% 15%, rgba(255, 255, 255, 0.9), transparent 26%),
      linear-gradient(115deg, #f5e9dc 0%, #f0e0cf 36%, #e3cfb8 100%);
  }

  .farmhouse-hero__placeholder .placeholder-svg {
    width: 100%;
    height: 100%;
    opacity: 0.18;
  }

  .farmhouse-hero__overlay {
    background:
      linear-gradient(
        90deg,
        rgba(255, 247, 239, calc(var(--farmhouse-hero-overlay-opacity) + 0.08)) 0%,
        rgba(255, 247, 239, var(--farmhouse-hero-overlay-opacity)) var(--farmhouse-hero-scrim-start),
        rgba(255, 247, 239, calc(var(--farmhouse-hero-overlay-opacity) * 0.28)) var(--farmhouse-hero-scrim-end),
        rgba(255, 247, 239, 0) 100%
      );
  }

  .farmhouse-hero__inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: var(--farmhouse-hero-inner-width);
    min-height: var(--farmhouse-hero-mobile-height);
    margin: 0 auto;
    padding-top: 4rem;
    padding-right: clamp(20px, 5vw, 96px);
    padding-bottom: 4rem;
    padding-left: clamp(20px, 5vw, 96px);
  }

  .farmhouse-hero__content {
    max-width: min(100%, var(--farmhouse-hero-content-width));
    color: var(--farmhouse-hero-text-color);
    transform: translate(var(--farmhouse-hero-content-x), var(--farmhouse-hero-content-y));
  }

  .farmhouse-hero__eyebrow {
    margin: 0 0 1.2rem;
    color: var(--farmhouse-hero-subtext-color);
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
  }

  .farmhouse-hero__heading {
    margin: 0;
    color: var(--farmhouse-hero-text-color);
    font-size: clamp(3.8rem, 5.8vw, 7rem);
    font-weight: var(--farmhouse-hero-heading-weight);
    line-height: 0.98;
    letter-spacing: -0.05rem;
    text-wrap: balance;
  }

  .farmhouse-hero__heading p {
    margin: 0;
  }

  .farmhouse-hero__text {
    max-width: 50rem;
    margin-top: 2rem;
    color: var(--farmhouse-hero-subtext-color);
    font-size: clamp(1.6rem, 1.8vw, 2rem);
    line-height: 1.45;
  }

  .farmhouse-hero__text p {
    margin: 0;
  }

  .farmhouse-hero__actions {
    margin-top: 2.8rem;
  }

  .farmhouse-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 4.8rem;
    padding: 1.1rem 2rem;
    border-radius: 999px;
    background: var(--farmhouse-hero-button-bg);
    color: var(--farmhouse-hero-button-text);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: transform 180ms ease, opacity 180ms ease, filter 180ms ease;
  }

  .farmhouse-hero__button:hover,
  .farmhouse-hero__button:focus-visible {
    opacity: 1;
    filter: brightness(1.05);
    transform: translateY(-1px);
  }

  .farmhouse-hero__button[aria-disabled='true'] {
    pointer-events: none;
    opacity: 0.72;
  }

  @media screen and (min-width: 750px) {
    .farmhouse-hero {
      min-height: var(--farmhouse-hero-desktop-height);
    }

    .farmhouse-hero__image {
      object-position: var(--farmhouse-hero-desktop-object-position);
    }

    .farmhouse-hero__inner {
      min-height: var(--farmhouse-hero-desktop-height);
      padding-top: 5rem;
      padding-bottom: 5rem;
    }
  }

  @media screen and (max-width: 989px) {
    .farmhouse-hero__content {
      max-width: min(100%, 48rem);
    }

    .farmhouse-hero__heading {
      font-size: clamp(3.4rem, 7vw, 5.6rem);
    }

    .farmhouse-hero__text {
      font-size: 1.7rem;
    }
  }

  @media screen and (max-width: 749px) {
    .farmhouse-hero__inner {
      justify-content:
        {% case section.settings.mobile_content_position_x %}
          {% when 'left' %} flex-start
          {% when 'center' %} center
          {% when 'right' %} flex-end
        {% endcase %};
      align-items:
        {% case section.settings.mobile_content_position_y %}
          {% when 'top' %} flex-start
          {% when 'center' %} center
          {% when 'bottom' %} flex-end
        {% endcase %};
      padding-top: 2rem;
      padding-right: var(--farmhouse-hero-mobile-side-padding);
      padding-bottom: var(--farmhouse-hero-mobile-side-padding);
      padding-left: var(--farmhouse-hero-mobile-side-padding);
    }

    .farmhouse-hero__content {
      width: min(100%, var(--farmhouse-hero-mobile-content-width));
      max-width: min(100%, var(--farmhouse-hero-mobile-content-width));
      padding: 2.2rem 1.8rem 0.8rem;
      transform:
        translateX(var(--farmhouse-hero-mobile-offset-x))
        translateY(calc(var(--farmhouse-hero-mobile-offset-y) - var(--farmhouse-hero-mobile-bottom-offset)));
      border-radius: 2.8rem 2.8rem 0 0;
      background: linear-gradient(180deg, rgba(255, 248, 242, 0.72) 0%, rgba(255, 248, 242, 0.28) 100%);
      box-shadow: 0 18px 40px rgba(88, 58, 39, 0.08);
      backdrop-filter: blur(8px);
    }

    .farmhouse-hero__heading {
      max-width: 28rem;
      font-size: var(--farmhouse-hero-mobile-heading-size) !important;
      font-weight: var(--farmhouse-hero-heading-weight);
      line-height: 0.98;
      letter-spacing: -0.03rem;
      text-wrap: pretty;
    }

    .farmhouse-hero__text {
      max-width: 27rem;
      margin-top: 1.2rem;
      font-size: var(--farmhouse-hero-mobile-text-size);
      line-height: 1.45;
    }

    .farmhouse-hero__actions {
      margin-top: 1.8rem;
    }

    .farmhouse-hero__button {
      min-height: var(--farmhouse-hero-mobile-button-height);
      width: min(100%, var(--farmhouse-hero-mobile-button-width));
      padding: 1rem 1.8rem;
      font-size: var(--farmhouse-hero-mobile-button-text-size);
    }

    .farmhouse-hero__overlay {
      background:
        linear-gradient(
          180deg,
          rgba(255, 247, 239, calc(var(--farmhouse-hero-mobile-overlay-opacity) * 0.08)) 0%,
          rgba(255, 247, 239, calc(var(--farmhouse-hero-mobile-overlay-opacity) * 0.28)) 44%,
          rgba(255, 247, 239, calc(var(--farmhouse-hero-mobile-overlay-opacity) * 0.76)) 72%,
          rgba(255, 247, 239, var(--farmhouse-hero-mobile-overlay-opacity)) 100%
        );
    }
  }
/* END_SECTION:hero-farmhouse-banner */