/* Generated by tools/build-signature.mjs. Each mask follows a pen gesture.
   Cycle: write 0–2.5 s; hold 2.5–6 s; retract 6–7.5 s; rest 7.5–8 s. */
.signature-logo { display: block; width: 100%; height: auto; aspect-ratio: 1955 / 643; color: inherit; }
.hero h1.hero-signature { width: min(100%, 1160px); margin: 30px auto 10px; padding: 0; line-height: 0; }
.signature-ink { fill: currentColor; }
.signature-pen { stroke-dasharray: 1 1; stroke-dashoffset: 0; }
@media (prefers-reduced-motion: no-preference) {
  .signature-pen { animation: var(--pen-animation) 8s cubic-bezier(.35, 0, .65, 1) infinite; }
  [data-page-hidden] .signature-pen { animation-play-state: paused; }
}
@media print { .signature-pen { animation: none; stroke-dashoffset: 0; } }
@keyframes signature-e {
  0% { stroke-dashoffset: 1; }
  9.125%, 88.275% { stroke-dashoffset: 0; }
  93.75%, 100% { stroke-dashoffset: 1; }
}
@keyframes signature-x-down {
  0%, 9.125% { stroke-dashoffset: 1; }
  11.25%, 87% { stroke-dashoffset: 0; }
  88.275%, 100% { stroke-dashoffset: 1; }
}
@keyframes signature-x-up {
  0%, 11.25% { stroke-dashoffset: 1; }
  13%, 85.95% { stroke-dashoffset: 0; }
  87%, 100% { stroke-dashoffset: 1; }
}
@keyframes signature-o {
  0%, 13% { stroke-dashoffset: 1; }
  16.25%, 84% { stroke-dashoffset: 0; }
  85.95%, 100% { stroke-dashoffset: 1; }
}
@keyframes signature-t-one-stem {
  0%, 16.25% { stroke-dashoffset: 1; }
  17.875%, 83.025% { stroke-dashoffset: 0; }
  84%, 100% { stroke-dashoffset: 1; }
}
@keyframes signature-t-one-bar {
  0%, 17.875% { stroke-dashoffset: 1; }
  19%, 82.35% { stroke-dashoffset: 0; }
  83.025%, 100% { stroke-dashoffset: 1; }
}
@keyframes signature-t-two-stem {
  0%, 19% { stroke-dashoffset: 1; }
  21%, 81.15% { stroke-dashoffset: 0; }
  82.35%, 100% { stroke-dashoffset: 1; }
}
@keyframes signature-t-two-bar {
  0%, 21% { stroke-dashoffset: 1; }
  22.125%, 80.475% { stroke-dashoffset: 0; }
  81.15%, 100% { stroke-dashoffset: 1; }
}
@keyframes signature-i-one {
  0%, 22.125% { stroke-dashoffset: 1; }
  23.5%, 79.65% { stroke-dashoffset: 0; }
  80.475%, 100% { stroke-dashoffset: 1; }
}
@keyframes signature-i-one-dot {
  0%, 23.5% { stroke-dashoffset: 1; }
  24%, 79.35% { stroke-dashoffset: 0; }
  79.65%, 100% { stroke-dashoffset: 1; }
}
@keyframes signature-i-two {
  0%, 24% { stroke-dashoffset: 1; }
  25.25%, 78.6% { stroke-dashoffset: 0; }
  79.35%, 100% { stroke-dashoffset: 1; }
}
@keyframes signature-i-two-dot {
  0%, 25.25% { stroke-dashoffset: 1; }
  25.75%, 78.3% { stroke-dashoffset: 0; }
  78.6%, 100% { stroke-dashoffset: 1; }
}
@keyframes signature-i-three {
  0%, 25.75% { stroke-dashoffset: 1; }
  27%, 77.55% { stroke-dashoffset: 0; }
  78.3%, 100% { stroke-dashoffset: 1; }
}
@keyframes signature-i-three-dot {
  0%, 27% { stroke-dashoffset: 1; }
  27.5%, 77.25% { stroke-dashoffset: 0; }
  77.55%, 100% { stroke-dashoffset: 1; }
}
@keyframes signature-k-stem {
  0%, 27.5% { stroke-dashoffset: 1; }
  29.25%, 76.2% { stroke-dashoffset: 0; }
  77.25%, 100% { stroke-dashoffset: 1; }
}
@keyframes signature-k-arm {
  0%, 29.25% { stroke-dashoffset: 1; }
  30.25%, 75.6% { stroke-dashoffset: 0; }
  76.2%, 100% { stroke-dashoffset: 1; }
}
@keyframes signature-k-leg {
  0%, 30.25% { stroke-dashoffset: 1; }
  31.25%, 75% { stroke-dashoffset: 0; }
  75.6%, 100% { stroke-dashoffset: 1; }
}