/* The professional signal marks the moving edge below the sticky header. */
.az-fixed-wave {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: clamp(42px, 4.2vw, 58px);
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: .82;
  mix-blend-mode: screen;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
}
.az-fixed-wave canvas,
.az-fixed-wave svg {
  display: block;
  width: 100%;
  height: 100%;
}
.az-fixed-wave canvas { display: none; }
.az-fixed-wave svg { overflow: visible; }
.az-fixed-wave path {
  fill: none;
  stroke: #dfb980;
  stroke-width: 1.15;
  stroke-opacity: .75;
  vector-effect: non-scaling-stroke;
}
.az-fixed-wave path + path { stroke-opacity: .23; }
html.az-fixed-wave-ready .hero-waveform,
html.az-fixed-wave-ready .ug-signal-canvas,
html.az-fixed-wave-ready .az-hero-wave { display: none; }
html.az-fixed-wave-ready .site-header .wordmark-role::before,
html.az-fixed-wave-ready .site-header .header-wrap::after {
  display: none !important;
}
html.az-fixed-wave-ready .site-header .header-wrap {
  position: relative;
  z-index: 2;
}
html.az-fixed-wave-ready .site-header .primary-nav { z-index: 3; }
html.az-fixed-wave-ready { scroll-padding-top: 116px; }
html.az-fixed-wave-ready [id]:target { scroll-margin-top: 116px; }
@media (max-width: 830px) {
  .az-fixed-wave { height: 44px; opacity: .78; }
  html.az-fixed-wave-ready { scroll-padding-top: 104px; }
  html.az-fixed-wave-ready [id]:target { scroll-margin-top: 104px; }
}
@media (max-width: 610px) {
  .az-fixed-wave { height: 38px; opacity: .74; }
  html.az-fixed-wave-ready { scroll-padding-top: 96px; }
  html.az-fixed-wave-ready [id]:target { scroll-margin-top: 96px; }
}
@media (prefers-reduced-motion: reduce) { .az-fixed-wave { opacity: .74; } }
html.motion-off .az-fixed-wave { opacity: .74; }