.sh-intro{--sh-intro-ready:1;display:none;position:fixed;inset:0;z-index:1000;background:#faf5f8;place-items:center;pointer-events:none}
.sh-intro[hidden]{display:none!important}
.sh-intro.is-writing{display:grid;animation:sh-intro-away .45s ease-in-out 2.25s both,sh-intro-safety 0s 3s forwards}
.sh-intro-signature{width:clamp(240px,65vw,420px);max-width:84vw;transform:translateY(-3vh)}
.sh-intro-signature svg{display:block;width:100%;height:auto;overflow:visible}
.sh-intro-trace{opacity:0;stroke-dasharray:100;stroke-dashoffset:100;animation:sh-intro-ink var(--pen-duration) linear var(--pen-delay) forwards}
.sh-intro-complete{opacity:0;animation:sh-intro-finish 0s var(--pen-end) forwards}
@keyframes sh-intro-ink{from{opacity:1;stroke-dashoffset:100}to{opacity:1;stroke-dashoffset:0}}
@keyframes sh-intro-finish{to{opacity:1}}
@keyframes sh-intro-away{0%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes sh-intro-safety{to{visibility:hidden;opacity:0}}
@media(prefers-reduced-motion:reduce){.sh-intro,.sh-intro.is-writing{display:none!important}.sh-intro *{animation:none!important}}