.image-with-text-section {
  word-break: break-word;
  background-color: rgb(var(--color-background));
}
.image-with-text-section .block-image .empty-image-class {
  display: block;
  width: 473px;
  max-width: 100%;
  background-color: rgb(var(--color-image-background));
}
.image-with-text-section .subheading {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.image-with-text-section.color-scheme-5 .subheading,
.image-with-text-section.color-scheme-10 .subheading {
  color: #8B6F5A;
  opacity: 1;
}
.image-with-text-section.color-scheme-5 .block-heading,
.image-with-text-section.color-scheme-10 .block-heading {
  color: #2B2927;
  opacity: 1;
  mix-blend-mode: normal;
}
.image-with-text-section.color-scheme-5 .rte,
.image-with-text-section.color-scheme-10 .rte {
  color: #2B2927;
  opacity: 1;
}
.image-with-text-section .block-button-group .button--secondary {
  --color-button-secondary-background: 250, 248, 244;
  --color-button-secondary-border: 216, 200, 184;
  --color-button-secondary-text: 43, 41, 39;
  --button-border-opacity: 1;
  color: #2B2927;
  background-color: #FAF8F4;
}
.image-with-text-section .block-button-group .button--secondary:hover {
  color: #2B2927;
  background-color: #EFE6DC;
}
.image-with-text__image {
  position: relative;
  display: flex;
  overflow: hidden;
  background-color: #FAF8F4;
  border-radius: 4px;
}
.image-with-text__image > img {
  max-width: 100%;
  height: auto;
  aspect-ratio: var(--aspect-ratio);
  object-fit: cover;
}
.image-with-text__image .hover-scale__image {
  width: 100%;
}
.image-with-text__group {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

@media (min-width: 960px) {
  .image-with-text-section > .page-width {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(56px, 6vw, 88px) !important;
    align-items: center !important;
    max-width: calc(var(--page-padding) * 2 + 1240px);
    margin-inline: auto;
    padding-inline: var(--page-padding) !important;
  }

  .image-with-text-section .block-image {
    width: 100% !important;
    max-width: 520px;
    justify-self: center;
  }

  .image-with-text__group {
    width: 100% !important;
    max-width: 520px;
    padding-inline: 0 !important;
    justify-self: center;
  }

  .image-with-text__group:only-child {
    grid-column: 1 / -1;
    max-width: 820px;
  }

  .image-with-text__group > * {
    max-width: 100%;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }

  .image-with-text__group .block-heading,
  .image-with-text__group .block-rich-text,
  .image-with-text__group .rte {
    max-width: 540px;
  }
}

@media (max-width: 959px) {
  .image-with-text-section > .page-width {
    gap: 24px !important;
    padding-inline: var(--page-padding) !important;
  }

  .image-with-text__group {
    width: 100% !important;
    padding-inline: 0;
  }

  .image-with-text__group > * {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }
}

@media (max-width: 767px) {
  .image-with-text-section {
    overflow-x: hidden;
  }

  .image-with-text-section > .page-width {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100%;
    max-width: 100%;
    gap: 24px !important;
    padding-block: clamp(36px, 10vw, 52px) !important;
    padding-inline: var(--page-padding) !important;
  }

  .image-with-text-section .block-image,
  .image-with-text__image,
  .image-with-text__group,
  .image-with-text__group > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
  }

  .image-with-text-section .block-image {
    justify-self: stretch;
  }

  .image-with-text-section .block-image img,
  .image-with-text__image > img {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
  }

  .image-with-text__group {
    gap: 14px;
    padding-inline: 0 !important;
  }

  .image-with-text__group .block-heading,
  .image-with-text__group .title2 {
    font-size: 28px;
    line-height: 1.2;
  }

  .image-with-text__group .title3 {
    font-size: 24px;
    line-height: 1.25;
  }

  .image-with-text__group .rte,
  .image-with-text__group .body3,
  .image-with-text__group .body4 {
    font-size: 15px;
    line-height: 1.6;
  }

  .image-with-text__group .button {
    width: 100%;
    max-width: 100%;
  }
}
.image-with-text-section.overlap .image-with-text__group {
  width: unset;
  height: unset;
  background-color: rgb(var(--color-background));
}
@media (min-width: 960px) {
  .image-with-text-section.overlap .image-with-text__group {
    transform: translateX(-36px);
  }
}
@media (max-width: 959px) {
  .image-with-text-section.overlap .image-with-text__group {
    width: auto;
    margin-inline: 10.5px;
    transform: translateY(-36px);
  }
}