/* Aaltoerottimet – kaksivärinen SVG */
.wave-divider{
  display:block;
  width:100%;
  line-height:0;
  overflow:hidden;
  margin:0;
  padding:0;
}
.wave-divider--swell{
  height:clamp(64px, 9vw, 110px);
}
.wave-divider--light{
  height:clamp(40px, 5.5vw, 72px);
}
.wave-divider--drape,
.wave-divider--footer{
  height:clamp(56px, 8vw, 96px);
}
.wave-divider svg{
  display:block;
  width:100%;
  height:100%;
}

/* Vedä kaaren jälkeinen sisältö lähemmäs aaltoa
   1) aalto suoraan edeltävänä sisaruksena
   2) aalto edellisen sectionin viimeisenä lapsena */
.wave-divider + .section-after-wave,
.wave-divider + section.section-after-wave,
section:has(> .wave-divider:last-child) + .section-after-wave,
section:has(> .wave-divider:last-child) + section.section-after-wave{
  margin-top: calc(-1 * clamp(28px, 4.5vw, 56px));
  position: relative;
  z-index: 1;
  padding-top: clamp(1rem, 2vw, 1.5rem) !important;
  padding-bottom: clamp(1.5rem, 3vw, 2.25rem);
}
.wave-divider + .cta-band,
section:has(> .wave-divider:last-child) + .cta-band{
  padding-top: clamp(0.75rem, 1.5vw, 1.15rem) !important;
  padding-bottom: clamp(1.75rem, 3.5vw, 2.75rem) !important;
}

/* Case Studies hiekkakaistale: kevyt ylä/ala-aalto, tiivis sisältö */
.case-studies-band > .wave-divider--light + .container.section-after-wave{
  margin-top: calc(-1 * clamp(16px, 2.5vw, 32px));
  padding-top: clamp(0.75rem, 1.5vw, 1.25rem) !important;
  padding-bottom: clamp(0.75rem, 1.5vw, 1.25rem) !important;
}