/* vop-r90-hero
   Published theme 4825. Logo, palette hex, module order and shipping copy stay.
   Puts the mobile hero lamp back inside the media box, keeps one title face,
   and aligns the narrow About containers with the rest of the page. */

html body#f-theme.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 :is(
  .f-section__heading,
  .f-richtext__title,
  .f-content-box__heading,
  .f-hotspots-image__heading,
  .f-page-header__title
) {
  font-family: "Cormorant Garamond", "Liberation Serif", "Times New Roman", Times, serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
}

html body#f-theme.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 :is(
  #f-section-atmosphere,
  #f-section-rooms,
  #f-section-principles,
  #f-section-write
) :is(h1, h2, .h2, .f-richtext__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-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-principles h3 {
  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;
}

@media (max-width: 767px) {
  html body#f-theme.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-slider-hero .f-slide__media::before {
    content: none !important;
    display: none !important;
    padding: 0 !important;
    height: 0 !important;
    width: 0 !important;
  }

  html body#f-theme.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-slider-hero .f-slide {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body#f-theme.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-slider-hero .f-slide__media {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
    flex: 0 0 420px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  html body#f-theme.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-slider-hero .f-slide__media .f-slide__bg,
  html body#f-theme.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-slider-hero .f-slide__media .f-slide__bg picture,
  html body#f-theme.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-slider-hero .f-slide__media .f-slide__bg img {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center 28% !important;
  }

  html body#f-theme.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 :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, .f-richtext__title, .f-content-box__heading, .f-hotspots-image__heading, h2) {
    font-size: 30px !important;
    line-height: 1.12 !important;
  }

  html body#f-theme.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-slider-hero :is(.f-slide__title, .f-slide__title.h2) {
    font-family: "Cormorant Garamond", "Liberation Serif", "Times New Roman", Times, serif !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: 1.08 !important;
  }

  html body#f-theme.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-principles h3 {
    font-size: 18px !important;
  }

  html body#f-theme.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 :is(
    #f-section-principles,
    #f-section-write
  ) > :is(.container, .container-fluid) {
    width: min(1646px, calc(100% - 32px)) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}