/* The supplied handwritten image, revealed stroke by stroke on entry.
   signature-draw.js moves the pen; until it reaches a stroke, that stroke is
   hidden outright (a zero-length dash still paints its round cap as a dot). */
.signature-draw__artwork { display: block; width: 100%; height: auto; overflow: visible; }
.signature-draw [data-signature-stroke] { visibility: hidden; }
.signature-draw [data-signature-stroke].is-inked { visibility: visible; }
.page-signature {
  width: clamp(15rem, 22vw, 22rem);
  margin: clamp(2rem, 4vw, 3.5rem) 0 0 auto;
}

@media (max-width: 699px) {
  .page-signature {
    width: clamp(13rem, 58vw, 17rem);
    margin-top: 1.8rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .signature-draw [data-signature-image] { mask: none; }
}