:root { --novota-exact-paper:#f4f0e8; }
.nvx-hero,
.nvx-hero * { box-sizing: border-box; }
.nvx-hero {
  --nvx-height: 100svh;
  --nvx-bg: #f4f0e8;
  --nvx-max: 9999px;
  --nvx-radius: 0px;
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  min-height: var(--nvx-height);
  background: var(--nvx-bg);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  isolation: isolate;
}
.nvx-board {
  position: relative;
  z-index: 2;
  width: min(100vw, calc(var(--nvx-height) * 1.7777778), var(--nvx-max));
  aspect-ratio: 16 / 9;
  max-width: var(--nvx-max);
  max-height: var(--nvx-height);
  display: block;
  border-radius: var(--nvx-radius);
  overflow: hidden;
}
.nvx-board img {
  width: 100%;
  height: 100%;
  max-width: none !important;
  display: block;
  object-fit: contain;
  object-position: center center;
}
.nvx-board.nvx-fit-cover img { object-fit: cover; }
.nvx-board.nvx-fit-fill img { object-fit: fill; }
.elementor-widget-novota_exact_hero { width: 100%; }
.elementor-editor-active .nvx-hero { min-height: min(var(--nvx-height), 900px); }
@media (max-width: 1024px) {
  .nvx-hero { --nvx-height: 100svh; }
}
@media (max-width: 767px) {
  .nvx-hero {
    min-height: var(--nvx-mobile-height, 100svh);
    --nvx-height: var(--nvx-mobile-height, 100svh);
  }
  .nvx-board {
    width: min(100vw, calc(var(--nvx-height) * 0.5625));
    aspect-ratio: 9 / 16;
    max-height: var(--nvx-height);
  }
}