.nh-wpb-natur-header{
  --nh-bg:#f3df4a;
  --nh-container:1100px;
  --nh-left-w:300px;
  --nh-row-h:500px;
  --nh-gap:40px;
  --nh-right-ratio:16/9;
  --nh-right-push:0px;
  --nh-right-fit:cover;

  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: var(--nh-bg);
  overflow-x: clip; /* prevent horizontal scrolling when pushed */
}

@supports not (overflow: clip) {
  .nh-wpb-natur-header { overflow-x: hidden; }
}

.nh-wpb-inner{
  max-width: var(--nh-container);
  margin: 0 auto;
  min-height: var(--nh-row-h);
  display: flex;
  align-items: center;
  gap: var(--nh-gap);
  padding: 24px 0;
  box-sizing: border-box;
}

.nh-wpb-left{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.nh-wpb-left-img{
  width: var(--nh-left-w);
  height: auto;
  display: block;
}

.nh-wpb-right{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: var(--nh-row-h);
}

.nh-wpb-right-bleed{
  /* keep left edge docked at container edge; allow bleeding to viewport */
  margin-right: calc(50% - 50vw);
  /* dynamic reveal: push decreases as gutter grows */
  transform: translateX(clamp(0px, calc(var(--nh-right-push) - ((100vw - var(--nh-container)) / 2)), var(--nh-right-push)));
  will-change: transform;
}

.nh-wpb-right-media{
  height: var(--nh-row-h);
  aspect-ratio: var(--nh-right-ratio);
  border-radius: 999px;
  overflow: hidden;
  background: var(--nh-bg); /* match section background (v1.4.1) */
  position: relative;
}

.nh-wpb-right-img{
  width: 100%;
  height: 100%;
  object-fit: var(--nh-right-fit);
  object-position: center center;
  display: block;
}

.nh-wpb-right-placeholder{
  height: 100%;
  width: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 14px;
  padding: 16px;
  box-sizing: border-box;
}

@media (max-width: 860px){
  .nh-wpb-inner{
    flex-direction: column;
    align-items: stretch;
    padding: 16px 0;
  }
  .nh-wpb-right-bleed{
    margin-right: 0;
    transform: none; /* disable push on mobile stack */
  }
  .nh-wpb-right-media{
    width: 100%;
    height: auto;
    aspect-ratio: var(--nh-right-ratio);
  }
}