/* =========================================================
   ВОЛНОВАЯ ПЛАСТИНА — band внизу сайта (над футером).
   Полноширинная полоса с canvas. Верх плавно растворяется
   в секции выше через mask-градиент.
   ========================================================= */

.wave-band {
  position: relative;
  width: 100%;
  height: clamp(320px, 46vh, 540px);
  overflow: hidden;
  background: var(--bg);
  /* верхний край растворяется в предыдущей секции */
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 20%, #000 100%);
          mask-image: linear-gradient(to bottom, transparent 0%, #000 20%, #000 100%);
}
.wave-band__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}