/* vop-r117-home
   Fresh file so the sticky r116 CDN copy cannot win.
   Our approach is a true left photo / right linen panel.
   Rooms uses the centered subtitle-then-title stack.
   Category cream below View all matches the cream above the subtitle.
   Mobile hero sits lower-middle with centered copy.
   Mobile category pills keep clear space above the scrollbar.
   Hidden sections stay hidden. */

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach {
  background: #f6f1ea !important;
  --section-padding-top: 40px;
  --section-padding-bottom: 40px;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-section-py {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-image-with-text__inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr) !important;
  grid-template-rows: auto !important;
  gap: 28px !important;
  align-items: center !important;
  justify-content: stretch !important;
  position: relative !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-image-with-text__image {
  position: relative !important;
  inset: auto !important;
  order: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 3 / 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: #e7e0d6 !important;
  align-self: center !important;
  flex: none !important;
  float: none !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-image-with-text__image::before,
html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-image-with-text__image::after,
html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-image-with-text__image-first::before,
html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-image-with-text__image-first::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach :is(
  .f-image-with-text__image-wrapper,
  .f-image-with-text__image-first,
  .f-image-with-text__image-first > a,
  f-image-layer,
  responsive-image,
  .f-image,
  .m\:blocks-radius
) {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  aspect-ratio: auto !important;
  background: transparent !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-image-with-text__image-first img,
html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-image-with-text__image img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: cover !important;
  object-position: center 42% !important;
  background: transparent !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-image-with-text__content {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 1 !important;
  order: 2 !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  align-self: center !important;
  flex: none !important;
  float: none !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-content-box {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 40px 42px 36px !important;
  border: 1px solid rgba(167, 132, 98, 0.34) !important;
  border-left: 3px solid #a78462 !important;
  border-radius: 0 !important;
  background: #f8f4ee !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  text-align: left !important;
  color: #2c2622 !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach :is(
  .f-richtext__subtitle,
  .f-richtext__title,
  .f-content-box__heading,
  .f-richtext__description,
  .f-richtext__description p,
  .f-richtext__button
) {
  position: static !important;
  float: none !important;
  text-align: left !important;
  color: #2c2622 !important;
  transform: none !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-richtext__subtitle {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  order: 1 !important;
  width: auto !important;
  margin: 0 0 16px !important;
  color: #6e5642 !important;
  font-family: "Liberation Sans", "DM Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-richtext__subtitle::before {
  content: "" !important;
  display: block !important;
  width: 28px !important;
  height: 1px !important;
  background: #a78462 !important;
  flex: 0 0 28px !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-richtext__subtitle::after {
  content: none !important;
  display: none !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach :is(.f-richtext__title, .f-content-box__heading) {
  order: 2 !important;
  width: auto !important;
  max-width: 11em !important;
  margin: 0 0 14px !important;
  color: #2c2622 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(30px, 2.4vw, 40px) !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach :is(.f-richtext__description, .f-richtext__description p) {
  order: 3 !important;
  width: auto !important;
  max-width: 34em !important;
  margin: 0 !important;
  color: #3c332c !important;
  font-family: "Liberation Sans", "DM Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-richtext__button {
  display: block !important;
  order: 4 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 26px 0 0 !important;
  padding: 20px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(167, 132, 98, 0.45) !important;
  text-align: left !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-richtext__button .f-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 196px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 26px !important;
  border: 1px solid #2c2622 !important;
  border-radius: 0 !important;
  background: #2c2622 !important;
  color: #f6f1ea !important;
  font-family: "Liberation Sans", "DM Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  transform: none !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-collection-list-room-entries.vop-r74-rooms :is(
  .f-section__header,
  .f-collection-list__header-container,
  .f-section__header-content
) {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  float: none !important;
  position: relative !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-collection-list-room-entries.vop-r74-rooms :is(
  .f-section__subheading,
  .f-section__heading,
  .f-section__description
) {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  float: none !important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  justify-self: center !important;
  align-self: center !important;
  transform: none !important;
  width: 100% !important;
  max-width: 720px !important;
  text-align: center !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-collection-list-room-entries.vop-r74-rooms :is(
  .f-section__subheading,
  .f-section__heading
)::before,
html body#f-theme.vop-pass-r106 #main-content#main-content #f-collection-list-room-entries.vop-r74-rooms :is(
  .f-section__subheading,
  .f-section__heading
)::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-collection-list-room-entries.vop-r74-rooms .f-section__subheading {
  display: block !important;
  order: 1 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: #2c2622 !important;
  font-family: "Liberation Sans", "DM Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.45 !important;
  text-align: center !important;
  text-transform: none !important;
  opacity: 1 !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-collection-list-room-entries.vop-r74-rooms .f-section__heading {
  display: block !important;
  order: 2 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: #2c2622 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(30px, 2.4vw, 40px) !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section--product-tabs-tLg7WVl8Ow.vop-r104-tabs {
  --section-padding-top: 64px;
  --section-padding-bottom: 64px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section--product-tabs-tLg7WVl8Ow.vop-r104-tabs .f-section-my {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section--product-tabs-tLg7WVl8Ow.vop-r104-tabs .f-section-py {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section--product-tabs-tLg7WVl8Ow.vop-r104-tabs .f-section__header {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section--product-tabs-tLg7WVl8Ow.vop-r104-tabs .f-section__subheading {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section--product-tabs-tLg7WVl8Ow.vop-r104-tabs .f-product-tabs__content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section--product-tabs-tLg7WVl8Ow.vop-r104-tabs .f-product-tabs__load-more {
  margin-top: 28px !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-spread.vop-r105-finish-section {
  margin-top: 0 !important;
}

@media (max-width: 1099px) {
  html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-image-with-text__inner {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }

  html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-image-with-text__image {
    order: 1 !important;
    width: 100% !important;
    aspect-ratio: 3 / 2 !important;
    height: auto !important;
  }

  html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-image-with-text__content {
    order: 2 !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  html body#f-theme.vop-pass-r106 #main-content#main-content #f-section-house-story.vop-r105-approach .f-content-box {
    padding: 32px 24px 28px !important;
    border-left: 1px solid rgba(167, 132, 98, 0.34) !important;
    border-top: 3px solid #a78462 !important;
  }
}

@media (max-width: 767px) {
  html body#f-theme.vop-pass-r106 #main-content#main-content #f-slider-hero.vop-hero .f-slide__wrapper {
    position: absolute !important;
    inset: auto 16px clamp(104px, 18%, 148px) 16px !important;
    top: auto !important;
    right: 16px !important;
    bottom: clamp(104px, 18%, 148px) !important;
    left: 16px !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    background: transparent !important;
    pointer-events: none !important;
  }

  html body#f-theme.vop-pass-r106 #main-content#main-content #f-slider-hero.vop-hero .f-slide__content {
    width: min(100%, 340px) !important;
    max-width: 340px !important;
    margin: 0 auto !important;
    padding: 20px 22px 18px !important;
    text-align: center !important;
    background: rgba(246, 241, 232, 0.94) !important;
    border-radius: 0 !important;
    pointer-events: auto !important;
  }

  html body#f-theme.vop-pass-r106 #main-content#main-content #f-slider-hero.vop-hero :is(
    .f-slide__subtitle,
    .f-slide__title,
    .f-richtext__subtitle,
    .f-richtext__title,
    .f-slide__description,
    .f-slide__button,
    .f-richtext__button
  ) {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body#f-theme.vop-pass-r106 #main-content#main-content #f-slider-hero.vop-hero :is(.f-slide__subtitle, .f-richtext__subtitle) {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    color: #2c2622 !important;
  }

  html body#f-theme.vop-pass-r106 #main-content#main-content #f-slider-hero.vop-hero :is(.f-slide__title, .f-richtext__title) {
    color: #2c2622 !important;
  }

  html body#f-theme.vop-pass-r106 #main-content#main-content #f-slider-hero.vop-hero :is(.f-slide__button, .f-richtext__button) {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 14px !important;
    margin-bottom: 0 !important;
  }

  html body#f-theme.vop-pass-r106 #main-content#main-content #f-slider-hero.vop-hero .f-slide__button .f-button,
  html body#f-theme.vop-pass-r106 #main-content#main-content #f-slider-hero.vop-hero .f-richtext__button .f-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 auto !important;
    padding: 0 22px !important;
    line-height: 1 !important;
  }

  html body#f-theme.vop-pass-r106 #main-content#main-content #f-section--product-tabs-tLg7WVl8Ow.vop-r104-tabs .f-section__tabs {
    margin: 18px 0 0 !important;
    padding: 0 !important;
  }

  html body#f-theme.vop-pass-r106 #main-content#main-content #f-section--product-tabs-tLg7WVl8Ow.vop-r104-tabs .f-tabs__wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 2px 2px 6px !important;
    gap: 10px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(44, 38, 34, 0.38) transparent !important;
  }

  html body#f-theme.vop-pass-r106 #main-content#main-content #f-section--product-tabs-tLg7WVl8Ow.vop-r104-tabs :is(.f-tab-header, .f-tab-header.active, .f-tab-header:hover, .f-tab-header:focus) {
    flex: 0 0 auto !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 0 18px !important;
    padding: 0 20px !important;
    transform: none !important;
    scale: 1 !important;
    line-height: 1 !important;
  }

  html body#f-theme.vop-pass-r106 #main-content#main-content #f-section--product-tabs-tLg7WVl8Ow.vop-r104-tabs .f-tabs__wrapper::-webkit-scrollbar {
    height: 4px !important;
    margin-top: 8px !important;
  }

  html body#f-theme.vop-pass-r106 #main-content#main-content #f-section--product-tabs-tLg7WVl8Ow.vop-r104-tabs .f-tabs__wrapper::-webkit-scrollbar-track {
    background: transparent !important;
    margin-top: 8px !important;
  }

  html body#f-theme.vop-pass-r106 #main-content#main-content #f-section--product-tabs-tLg7WVl8Ow.vop-r104-tabs .f-tabs__wrapper::-webkit-scrollbar-thumb {
    background: rgba(44, 38, 34, 0.38) !important;
    border-radius: 99px !important;
  }
}