@media (min-width: 992px) {
        html { scrollbar-gutter: stable; }
      }

/* Homepage hero: use an early, high-priority image without a second CSS download. */
.section-hero.layout-4 .background-image-wrapper.tpw-hero-picture {
  background-image: none !important;
}
.tpw-hero-picture > picture,
.tpw-hero-picture > picture > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.tpw-hero-picture > picture > img {
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
  pointer-events: none;
}