@font-face{font-family:Senator Hand;src:url('/assets/fonts/Caveat-Variable.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
.signature-playground{padding:clamp(75px,9vw,140px) 0;background:#111;color:white;overflow:hidden}.signature-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;margin-bottom:55px}.signature-heading .eyebrow{color:#aaa}.signature-heading h2{font-size:clamp(64px,7.7vw,118px);line-height:.95;letter-spacing:-.05em;margin-top:32px}.signature-heading>div:last-child{max-width:330px;justify-self:end;padding-bottom:6px}.signature-heading p{color:#aaa;font-size:16px;line-height:1.8;margin-bottom:28px}.signature-invitation{display:block;font-size:14px;color:#fff;line-height:1.7}
.signature-paper{position:relative;background:#f6f5ef;color:#161616;height:clamp(370px,38vw,550px);border-radius:7px;isolation:isolate;overflow:hidden;touch-action:pan-y;user-select:none;background-image:radial-gradient(#17171716 .6px,transparent .6px);background-size:22px 22px}.signature-paper[data-drawing]{touch-action:none;cursor:crosshair;box-shadow:inset 0 0 0 2px #fff}.signature-paper-top,.signature-paper-bottom{position:absolute;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2;pointer-events:none;font-size:10px;letter-spacing:.015em;color:#777}.signature-paper-top{top:25px}.signature-paper-top>span:last-child{font-size:9px;letter-spacing:.12em}.signature-paper-bottom{bottom:25px}.signature-paper-dot{width:6px;height:6px;background:#151515;border-radius:50%}.signature-ink{position:absolute;left:4%;top:10%;width:92%;height:80%;overflow:visible;pointer-events:none}.signature-ink path{fill:none;stroke:#151515;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.signature-ink text{fill:#151515;font:500 150px 'Senator Hand',cursive;letter-spacing:0}.writing-pen{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;z-index:3;transform:translate(80%,75%);filter:drop-shadow(9px 12px 7px #0002)}.writing-pen>svg{position:absolute;bottom:0;left:-21px;width:42px;height:294px;transform-origin:50% 100%;transform:rotate(32deg)}.signature-paper-empty{position:absolute;inset:45% 20px auto;text-align:center;font:500 clamp(40px,5vw,75px)/1.2 'Senator Hand',cursive;color:#aaa;pointer-events:none}.signature-paper-empty[hidden]{display:none}.signature-done{position:absolute;right:24px;bottom:15px;z-index:4;display:flex;align-items:center;gap:8px;background:#111;color:#fff;border:0;border-radius:25px;padding:11px 15px;font-size:11px}.signature-done[hidden]{display:none}.signature-done svg{width:14px;height:14px}
.signature-workbench{display:flex;align-items:center;gap:30px;justify-content:space-between;margin-top:25px}.signature-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.signature-tools>button{display:flex;align-items:center;gap:10px;min-height:46px;padding:12px 15px;border:1px solid #ffffff38;border-radius:30px;background:transparent;color:#ddd;font-size:12px;line-height:1.4}.signature-tools>button:hover,.signature-tools>button[aria-pressed=true]{background:white;color:#111;border-color:white}.signature-tools>button:disabled{opacity:.3}.signature-tools>button svg{width:16px;height:16px}.signature-tools>button:not(:has(span)){width:46px;justify-content:center;padding:0}.signature-name{display:flex;gap:12px;align-items:center;color:#aaa;font-size:11px;min-width:0}.signature-name>span{white-space:nowrap}.signature-name input{min-width:0;width:150px;border:0;border-bottom:1px solid #666;background:transparent;color:white;padding:12px 0;font-size:14px;outline-offset:4px}.signature-name input::placeholder{color:#777}.signature-playground .signature-transfer{min-height:48px;font-size:12px;padding:12px 20px;white-space:nowrap;gap:22px;border-radius:30px;background:white;color:#111}.signature-playground .signature-transfer:disabled{background:#252525;color:#777;opacity:1;border-color:#333;cursor:default}.signature-after{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#888;line-height:1.8;margin-top:20px}.signature-after>span:last-child{flex-shrink:0}.signature-playground :focus-visible{outline-color:white;outline-offset:5px}.signature-paper :focus-visible{outline-color:#111}
@media(max-width:1150px){.signature-workbench{flex-wrap:wrap;gap:20px}.signature-name{margin-left:auto}.signature-playground .signature-transfer{margin-left:auto}.signature-heading{gap:40px}}
@media(max-width:700px){.signature-playground{padding-block:75px}.signature-heading{grid-template-columns:1fr;gap:27px;margin-bottom:32px}.signature-heading h2{font-size:clamp(52px,13vw,80px);margin-top:23px}.signature-heading>div:last-child{max-width:330px;justify-self:start;padding:0}.signature-heading p{font-size:14px;line-height:1.8;margin-bottom:16px}.signature-invitation{font-size:13px}.signature-paper{height:365px;margin-inline:-8px;border-radius:6px;background-size:18px 18px}.signature-paper-top,.signature-paper-bottom{left:20px;right:20px;font-size:9px;gap:12px}.signature-paper-top{top:20px}.signature-paper-top>span:first-child{max-width:135px;line-height:1.6}.signature-paper-top>span:last-child{font-size:7px;letter-spacing:.06em}.signature-paper-bottom{bottom:21px}.writing-pen>svg{height:210px;width:30px;left:-15px}.signature-ink path{stroke-width:2.3}.signature-workbench{gap:20px;margin-top:22px;align-items:center}.signature-tools{width:100%;gap:6px}.signature-tools>button{font-size:10px;gap:7px;padding:11px 12px;min-height:44px}.signature-tools>button:not(:has(span)){width:40px}.signature-tools>button svg{width:14px;height:14px}.signature-name{width:100%;margin:0;justify-content:space-between;font-size:12px}.signature-name input{width:62%;font-size:16px;padding-block:12px}.signature-playground .signature-transfer{width:100%;justify-content:space-between;font-size:13px;margin:0;min-height:52px}.signature-after{display:block;font-size:10px;margin-top:17px}.signature-after>span{display:block}.signature-after>span:last-child{margin-top:5px}.signature-done{font-size:10px;padding:10px 12px;right:15px;bottom:12px}}
.signature-handwriting{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:500 115px/1.2 'Senator Hand',cursive;white-space:nowrap;width:max-content;pointer-events:none;color:#151515}
.brand-site .signature-heading h2{font-size:clamp(64px,7.7vw,118px);line-height:.95;letter-spacing:-.05em}.brand-site .signature-playground .signature-transfer{background:white;color:#111;border:1px solid white;min-height:48px;font-size:12px;padding:12px 20px;border-radius:30px}.brand-site .signature-playground .signature-transfer:disabled{background:#252525;color:#777;opacity:1;border-color:#333}
@media(max-width:700px){.brand-site .signature-heading h2{font-size:clamp(52px,13vw,80px)}.brand-site .signature-playground .signature-transfer{width:100%;justify-content:space-between;font-size:13px;min-height:52px}}
.signature-after a{display:inline-flex;gap:7px;align-items:center;color:#ccc;margin-left:8px}.signature-after a svg{width:12px;height:12px}
@media(max-width:700px){.signature-tools{display:grid;grid-template-columns:1fr 1.4fr 36px 36px;gap:5px}.signature-tools>button{padding:10px 8px;font-size:10px;justify-content:center;min-height:45px;border-radius:23px}.signature-tools>button:not(:has(span)){width:36px;min-height:45px}.signature-after a{margin-left:0;margin-top:6px;display:flex;max-width:max-content}}
.signature-paper-top,.signature-paper-bottom{color:#666}