.pmf-section-wave-host{
    position:relative;
}

.pmf-section-transition{
    position:absolute;
    z-index:6;
    right:0;
    bottom:-1px;
    left:0;
    height:min(clamp(30px,5vw,72px),var(--pmf-wave-height,72px));
    overflow:hidden;
    pointer-events:none;
    line-height:0;
}

.pmf-section-transition--top{
    top:-1px;
    bottom:auto;
    transform:rotate(180deg);
}

.pmf-section-transition svg{
    display:block;
    width:100%;
    height:100%;
}

.pmf-section-transition--reverse svg{
    transform:scaleX(-1);
}

.pmf-section-transition__fill{
    fill:var(--pmf-wave-fill);
}

.pmf-section-transition__line{
    fill:none;
    stroke:rgba(190,103,121,.18);
    stroke-width:1.25;
    stroke-linecap:round;
    vector-effect:non-scaling-stroke;
}