/* vop-r89-fit
   Beats r78/r79 heading specificity and the r87 inset width.
   Logo, palette hex, module order and shipping copy stay. */

@media (min-width: 1024px) {
  html body#f-theme.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 :is(
    #f-collection-list-category-index,
    #f-collection-list-room-entries,
    #f-collection-list-osa-stories,
    #f-section-house-story,
    #f-featured-slider--edit-slider,
    #f-section--kitchen-dining-products,
    #f-custom-shape-pair,
    #f-section--lighting-products,
    #f-section-hardware-detail,
    #f-section-atmosphere,
    #f-section-viewpoint,
    #f-section-rooms,
    #f-section-principles,
    #f-section-write
  ) :is(.container, .container-fluid),
  html body#f-theme.vop-pass-r89.vop-pass-r88.vop-pass-r87.template-page #main-content .f-page-content,
  html body#f-theme.vop-pass-r89.vop-pass-r88.vop-pass-r87.template-collection #main-content :is(.container, .container-fluid),
  html body#f-theme.vop-pass-r89.vop-pass-r88.vop-pass-r87.template-product #main-content :is(.container, .container-fluid),
  html body#f-theme.vop-pass-r89.vop-pass-r88.vop-pass-r87 :is(.f-header__container, .f-header__inner, .f-footer .container, .f-footer .container-fluid) {
    width: min(1646px, 100%) !important;
    max-width: 1646px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
  }

  html body#f-theme.vop-pass-r89.vop-pass-r88.vop-pass-r87 #main-content :is(.container, .container-fluid) :is(.container, .container-fluid) {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

html body#f-theme.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 :is(
  #f-section-principles,
  #f-section-write,
  #f-section-viewpoint,
  #f-section-rooms
) {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body#f-theme.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content :is(
  #f-collection-list-category-index,
  #f-collection-list-room-entries,
  #f-collection-list-osa-stories,
  #f-section-house-story,
  #f-featured-slider--edit-slider,
  #f-section--kitchen-dining-products,
  #f-custom-shape-pair,
  #f-section--lighting-products,
  #f-section-hardware-detail,
  #f-section-atmosphere,
  #f-section-viewpoint,
  #f-section-rooms,
  #f-section-principles,
  #f-section-write
) :is(.f-section__heading, h2.f-section__heading, .f-hotspots-image__heading, .f-content-box__heading, .f-page-header__title) {
  font-family: "Cormorant Garamond", "Liberation Serif", "Times New Roman", Times, serif !important;
  font-weight: 500 !important;
  font-size: 36px !important;
  line-height: 1.08 !important;
  letter-spacing: 0.01em !important;
}

html body#f-theme.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content :is(
  .f-collection-card__title,
  .f-collection-card__title a,
  .f-product-card__title,
  .f-product-card__title a,
  .f-product-card__name,
  .vop-room-card__title,
  .vop-room-card__title a
) {
  font-family: "Cormorant Garamond", "Liberation Serif", "Times New Roman", Times, serif !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
}

html body#f-theme.vop-pass-r89.vop-pass-r88.vop-pass-r87 .f-footer :is(.f-footer--block-title, .f-accordion--item-button.f-footer--block-title) {
  font-family: "Cormorant Garamond", "Liberation Serif", "Times New Roman", Times, serif !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  letter-spacing: 0.01em !important;
}

html body#f-theme.vop-pass-r89.vop-pass-r88.vop-pass-r87 #main-content #f-slider-hero.vop-hero :is(h1.f-slide__title, .f-slide__title.h2) {
  font-family: "Cormorant Garamond", "Liberation Serif", "Times New Roman", Times, serif !important;
  font-weight: 500 !important;
  font-size: 44px !important;
  line-height: 1.05 !important;
  letter-spacing: 0.01em !important;
}

@media (max-width: 767px) {
  html body#f-theme.vop-pass-r89.vop-pass-r88.vop-pass-r87 #main-content #f-slider-hero .f-slide__media {
    position: relative !important;
    height: 430px !important;
    min-height: 430px !important;
    max-height: 430px !important;
    overflow: hidden !important;
  }

  html body#f-theme.vop-pass-r89.vop-pass-r88.vop-pass-r87 #main-content #f-slider-hero .f-slide__bg,
  html body#f-theme.vop-pass-r89.vop-pass-r88.vop-pass-r87 #main-content #f-slider-hero .f-slide__bg picture,
  html body#f-theme.vop-pass-r89.vop-pass-r88.vop-pass-r87 #main-content #f-slider-hero .f-slide__media img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center 18% !important;
  }

  html body#f-theme.vop-pass-r89.vop-pass-r88.vop-pass-r87 #main-content :is(
    #f-collection-list-category-index,
    #f-collection-list-room-entries,
    #f-collection-list-osa-stories,
    #f-section-house-story,
    #f-custom-shape-pair
  ) .f-section__heading {
    font-size: 30px !important;
  }

  html body#f-theme.vop-pass-r89.vop-pass-r88.vop-pass-r87 #main-content #f-slider-hero.vop-hero :is(h1.f-slide__title, .f-slide__title.h2) {
    font-size: 32px !important;
  }

  html body#f-theme.vop-pass-r89.vop-pass-r88.vop-pass-r87 #main-content :is(.f-collection-card__title, .f-collection-card__title a, .f-product-card__title, .f-product-card__title a) {
    font-size: 18px !important;
  }
}
