/* Supplied layered SVG used for the dark-to-green sectional transition. */
.wave-bottom::after {
  right: 0;
  bottom: -99px;
  left: 0;
  height: 100px;
  background: url('../images/divider-green.svg') center bottom / 100% 100% no-repeat;
  clip-path: none;
  pointer-events: none;
  z-index: 2;
}

.wave-bottom {
  overflow: visible;
  z-index: 1;
}

/* Inverse supplied wave: deep green philosophy section into dark content. */
.philosophy.wave-bottom::after {
  background-color: #0a0d11;
  background-image: url('../images/divider-dark.svg');
}

/* Continue the divider's base colour into the following section. */
.home-how {
  background-color: #0a0d11;
}

/* Keep the following section's content above the decorative divider layer. */
.home-how .how-copy {
  position: relative;
  z-index: 3;
}