/* ============================================================
   embeds.css — Features section (.section_layout350) embed fixes
   Loaded after main.css to override Webflow-generated rules.
   ============================================================ */

/* 1) Vertically center every embed so it lines up with its centered
      text block on the left. The export staggered them
      (is-image1 top:-25%, is-image2 top:25%, is-image4 bottom:10%),
      so only one ever aligned with its copy. IX2 only animates opacity
      (never transform), so translateY(-50%) is safe here. */
.section_layout350 .layout350_image {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

/* The export pushed the sticky image column down 50vh, so the FIRST embed
   sat low and didn't line up with its (vertically-centered) text before the
   column pinned. Remove that offset so every embed centers with its copy. */
.section_layout350 .layout350_desktop-image-wrapper {
  margin-top: 0;
}

/* 2) Only the currently-visible embed is interactive.
      IX2 toggles inline `opacity: 0;` on hidden embeds; those must not
      capture pointer events, otherwise a hidden, stacked embed
      (e.g. is-image3 has z-index:10) sits on top and steals clicks
      from the visible one. */
.section_layout350 .layout350_image[style*="opacity: 0;"] {
  pointer-events: none !important;
}