/* Decoration follows the incoming surface; it never moves the hero artwork. */
.hero-wave {
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  max-width: none;
  height: var(--hero-wave-height);
  transform: translateY(-100%);
  pointer-events: none;
}

@media print {
  .hero-wave {
    display: none;
  }
}