.cd-scroll-signature {
  display: inline-block;
  width: min(100%, var(--cd-signature-width));
  max-width: 100%;
  vertical-align: middle;
  line-height: 0;
}
.cd-scroll-signature canvas {
  display: block;
  width: 100%;
  height: auto;
  opacity: var(--cd-signature-opacity);
}
.cd-scroll-signature.cd-white canvas { filter: invert(1); }
#hero-caption .cd-scroll-signature {
  display: block;
  margin: 0;
  width: min(var(--cd-signature-width), 90vw);
  max-width: none;
  position: absolute;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 50;
}
#hero-background-layer .cd-hero-zoom-layer {
  position: absolute;
  inset: 0;
  transform-origin: center center;
  transform: scale(var(--cd-hero-zoom, 1));
  will-change: transform;
}
#hero-background-layer.cd-zoom-active {
  overflow: hidden;
}