/* vop-r83-autumn
   Autumn-winter image rhythm on published theme 4825.
   Logo, palette hex, module order and shipping copy stay.
   Content width and image crops are aligned; seasonal copy is in the templates. */

html body#f-theme.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,
  .vop-about-viewpoint,
  .vop-osa-about-cards,
  .vop-principles,
  .vop-about .vop-contact-panel
) :is(.container, .container-fluid) {
  width: min(1360px, calc(100% - 80px)) !important;
  max-width: 1360px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body#f-theme.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content :is(
  .vop-category-index,
  .vop-osa-stories,
  .vop-room-entries
) :is(img, .f-image) {
  object-fit: cover !important;
  object-position: center center !important;
}

html body#f-theme.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content :is(
  #f-section-house-story,
  .vop-about-viewpoint
) .f-image-with-text__inner {
  align-items: center !important;
}

html body#f-theme.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content :is(
  #f-section-house-story,
  .vop-about-viewpoint
) :is(.f-image-with-text__content, .f-content-box) {
  min-height: 0 !important;
  height: auto !important;
  justify-content: center !important;
}

html body#f-theme.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content .vop-osa-about-cards .vop-room-card__media {
  aspect-ratio: 4 / 5 !important;
  overflow: hidden !important;
}

html body#f-theme.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content .vop-osa-about-cards .vop-room-card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 28% !important;
  display: block !important;
}

html body#f-theme.vop-pass-r83.template-page #main-content .main-page[data-page-id="2745"] .f-page-content {
  width: min(1360px, calc(100% - 80px)) !important;
  max-width: 1360px !important;
}

html body#f-theme.vop-pass-r83.template-page #main-content .main-page[data-page-id="2745"] .vop-contact-autumn img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 18px !important;
  margin: 0 !important;
}

html body#f-theme.vop-pass-r83.template-page #main-content .main-page[data-page-id="2745"] .vop-contact-autumn__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.8fr) !important;
  gap: 28px 40px !important;
  align-items: start !important;
  margin-top: 28px !important;
}

html body#f-theme.vop-pass-r83.template-page #main-content .main-page[data-page-id="2745"] .vop-contact-autumn h2 {
  font-family: "Liberation Serif", "Times New Roman", Times, serif !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.018em !important;
  margin: 0 0 12px !important;
}

html body#f-theme.vop-pass-r83.template-page #main-content .main-page[data-page-id="2745"] .vop-contact-autumn p {
  font-family: "Liberation Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  margin: 0 0 12px !important;
}

html body#f-theme.vop-pass-r83.template-page #main-content .main-page[data-page-id="2745"] .vop-contact-autumn__facts {
  border: 1px solid rgb(var(--color-border)) !important;
  border-radius: 18px !important;
  padding: 18px 20px !important;
}

html body#f-theme.vop-pass-r83.template-page #main-content .main-page[data-page-id="2745"] .vop-contact-autumn__facts p {
  display: grid !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  gap: 8px 12px !important;
  margin: 0 0 10px !important;
}

html body#f-theme.vop-pass-r83.template-page #main-content .main-page[data-page-id="2745"] .vop-contact-autumn__facts p:last-child {
  margin-bottom: 0 !important;
}

html body#f-theme.vop-pass-r83.template-page #main-content .main-page[data-page-id="2745"] .vop-contact-autumn__facts span {
  font-family: "Liberation Serif", "Times New Roman", Times, serif !important;
  font-size: 16px !important;
}

@media (max-width: 767px) {
  html body#f-theme.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,
    .vop-about-viewpoint,
    .vop-osa-about-cards
  ) :is(.container, .container-fluid),
  html body#f-theme.vop-pass-r83.template-page #main-content .main-page[data-page-id="2745"] .f-page-content {
    width: calc(100% - 32px) !important;
    max-width: none !important;
  }

  html body#f-theme.vop-pass-r83.template-page #main-content .main-page[data-page-id="2745"] .vop-contact-autumn__grid,
  html body#f-theme.vop-pass-r83.template-page #main-content .main-page[data-page-id="2745"] .vop-contact-autumn__facts p {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  html body#f-theme.vop-pass-r83.template-page #main-content .main-page[data-page-id="2745"] .vop-contact-autumn h2 {
    font-size: 24px !important;
  }
}