/* An 80px buffer contains the shared 68px desktop / 22px mobile bend.
   These layers paint the seam only; content remains in its original flow. */
.why-design-section.elastic-section {
  position: relative;
  isolation: isolate;
  overflow: visible;
  z-index: 2;
}
.why-design-section.elastic-section[data-edge-ready="true"] {
  background: transparent;
}
.why-design-section > .why-design-edge-layer {
  position: absolute;
  inset: -80px 0;
  z-index: -1;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
  user-select: none;
}
.why-design-section[data-edge-ready="true"] > .why-design-edge-layer {
  visibility: visible;
}
.why-design-edge-continuation {
  position: absolute;
  inset-inline: 0;
  height: 160px;
}
.why-design-edge-continuation--before { top: 0; }
.why-design-edge-continuation--after { bottom: 0; }
.why-design-edge-grain,
.why-design-edge-surface {
  position: absolute;
  inset: 0;
}
.why-design-edge-surface {
  background: #fff;
  clip-path: inset(80px 0);
}