.parchment-signature{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;pointer-events:none;isolation:isolate}
.parchment-signature svg{position:relative;z-index:2;width:88%;height:auto;overflow:visible}
.parchment-signature text{font-family:Georgia,'Times New Roman',serif;font-size:160px;font-style:italic;font-weight:700;letter-spacing:-7px}
.parchment-signature__stroke{fill:transparent;stroke:#ffe08a;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1800;stroke-dashoffset:1800;filter:drop-shadow(0 0 4px #fff2a6) drop-shadow(0 0 12px #ff7a18) drop-shadow(0 0 24px #e63d00)}
.parchment-signature__fill{fill:#32180c;fill-opacity:0;stroke:#ff6a1a;stroke-width:1;filter:drop-shadow(0 2px 1px rgba(255,225,151,.45))}
.parchment-signature__light{position:absolute;z-index:1;width:35%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,243,172,.9) 0,rgba(255,103,20,.38) 30%,transparent 70%);opacity:0;mix-blend-mode:screen;filter:blur(8px)}
.parchment-signature i{position:absolute;z-index:3;bottom:34%;width:5px;height:5px;border-radius:50%;background:#ffd45e;opacity:0;box-shadow:0 0 10px #ff681d}
.parchment-signature i:nth-of-type(1){left:28%}.parchment-signature i:nth-of-type(2){left:53%}.parchment-signature i:nth-of-type(3){left:72%}
.parchment-signature.is-visible .parchment-signature__stroke{animation:signature-write 3.2s cubic-bezier(.55,.05,.2,1) forwards}
.parchment-signature.is-visible .parchment-signature__fill{animation:signature-fill 1.1s ease 2.45s forwards}
.parchment-signature.is-visible .parchment-signature__light{animation:signature-light 3.2s ease-out forwards}
.parchment-signature.is-visible i{animation:signature-spark 1.8s ease-out 1.2s forwards}
.parchment-signature.is-visible i:nth-of-type(2){animation-delay:1.65s}.parchment-signature.is-visible i:nth-of-type(3){animation-delay:2.05s}
@keyframes signature-write{to{stroke-dashoffset:0}}
@keyframes signature-fill{to{fill-opacity:.94;stroke:#52200c}}
@keyframes signature-light{0%{opacity:0;left:-25%;transform:scale(.55)}15%{opacity:1}85%{opacity:.8}100%{opacity:0;left:90%;transform:scale(1.1)}}
@keyframes signature-spark{0%{opacity:0;transform:translate(0,0) scale(.5)}20%{opacity:1}100%{opacity:0;transform:translate(18px,-85px) scale(1.8)}}
@media(max-width:560px){.parchment-signature svg{width:92%}.parchment-signature text{font-size:145px}}
@media(prefers-reduced-motion:reduce){.parchment-signature__stroke{stroke-dashoffset:0}.parchment-signature__fill{fill-opacity:.94}.parchment-signature__light,.parchment-signature i{display:none}}