.signature-scroll{height:480svh;background:#e9b2b6;position:relative}.signature-pin{position:sticky;top:0;height:100svh;overflow:hidden;background:#e9b2b6}.signature-pin canvas{width:100%;height:100%;display:block;object-fit:contain}.signature-copy{position:absolute;bottom:12%;left:6%;color:#84223e;opacity:0;transform:translateY(24px);max-width:35%;pointer-events:none}.signature-copy h1{font-size:clamp(32px,5vw,76px);line-height:.98;margin:15px 0 25px}.signature-copy p{font-size:12px;letter-spacing:.15em}.signature-copy a{pointer-events:auto}.signature-skip{position:absolute;top:25px;right:5%;color:#84223e;background:#fff8e8;padding:10px 18px;border-radius:30px}.signature-hint{position:absolute;bottom:28px;width:100%;text-align:center;color:#84223e;font-size:13px}.signature-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;border:0;accent-color:#84223e}.signature-scroll~.hero{display:none!important}@media(max-width:700px){.signature-scroll{height:400svh}.signature-copy{left:7%;bottom:12%;max-width:90%}.signature-copy h1{font-size:38px}.signature-pin canvas{object-fit:contain}.signature-hint{font-size:11px}}@media(prefers-reduced-motion:reduce){.signature-scroll{height:100svh}.signature-copy{opacity:1!important;transform:none!important}.signature-hint{display:none}}
.signature-choices{position:absolute;bottom:5%;left:5%;right:5%;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.signature-choices[hidden]{display:none}.signature-choices button{border:1px solid #84223e;background:#fff8e8;color:#84223e;padding:12px 20px;border-radius:28px;font:inherit;cursor:pointer}.signature-choices button:hover{background:#84223e;color:#fff8e8}.signature-choices button:focus-visible{outline:3px solid #84223e;outline-offset:4px}.signature-details{max-width:480px;width:calc(100% - 40px);box-sizing:border-box;border:1px solid #84223e;border-radius:20px;padding:38px;background:#fff8e8;color:#84223e}.signature-details::backdrop{background:rgb(40 15 25 / .55)}.signature-details h2{font-size:36px}.signature-details p{line-height:1.6}.signature-copy{bottom:23%;max-width:28%}@media(max-width:700px){.signature-copy{top:8%;bottom:auto;max-width:90%}.signature-copy h1{font-size:32px}.signature-copy .button{display:none}.signature-choices{bottom:8%;gap:8px}.signature-choices button{padding:12px;font-size:12px}}

/* Feather the studio frame into its sampled pink surround without cropping products. */
.signature-pin canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:fill;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);-webkit-mask-composite:source-in}