/* vop-r109-approach
   Our approach: photo fills the band. Copy sits in a card,
   vertically centered on the image. Hidden sections stay hidden. */

html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content #f-section-house-story.vop-r105-approach .f-image-with-text__inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(560px, auto) !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  min-height: 560px !important;
  overflow: hidden !important;
}

html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content #f-section-house-story.vop-r105-approach :is(
  .f-image-with-text__image,
  .f-image-with-text__image-first
) {
  grid-area: 1 / 1 !important;
  position: relative !important;
  order: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 560px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content #f-section-house-story.vop-r105-approach .f-image-with-text__image-first img {
  object-position: 68% center !important;
}

html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content #f-section-house-story.vop-r105-approach .f-image-with-text__content {
  grid-area: 1 / 1 !important;
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  align-self: center !important;
  justify-self: start !important;
  justify-content: center !important;
  order: 0 !important;
  width: min(420px, 42%) !important;
  max-width: 420px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 48px 0 48px 56px !important;
  padding: 40px 36px 36px !important;
  background: #2c2622 !important;
  box-shadow: inset 0 0 0 1px rgba(246, 241, 234, 0.16) !important;
}

html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content #f-section-house-story.vop-r105-approach .f-content-box {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

@media (max-width: 1023px) {
  html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content #f-section-house-story.vop-r105-approach .f-image-with-text__inner {
    grid-template-rows: auto auto !important;
    min-height: 0 !important;
  }

  html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content #f-section-house-story.vop-r105-approach :is(
    .f-image-with-text__image,
    .f-image-with-text__image-first
  ) {
    grid-area: auto !important;
    order: 1 !important;
    height: 420px !important;
    min-height: 420px !important;
  }

  html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content #f-section-house-story.vop-r105-approach .f-image-with-text__content {
    grid-area: auto !important;
    order: 2 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 36px 24px !important;
  }
}