/* the email capture sticker (site/partials/capture.html). Builds on .field-in and .form-note from site.css */
.capture{max-width:620px; padding:clamp(22px,3vw,34px) clamp(22px,3vw,34px) clamp(20px,2.6vw,28px)}
.capture .eb-label{margin-bottom:8px}
.capture-h{font-size:clamp(22px,2.4vw,30px)!important; letter-spacing:-.025em}
.capture .capture-sub{margin-top:4px; margin-bottom:20px}
.capture .field-in button{transition:transform .16s steps(2,end), box-shadow .16s steps(2,end)}
.capture .field-in button:hover{transform:translate(-1px,-2px); box-shadow:6px 6px 0 var(--hard)}
.capture .field-in button:active{transform:translate(3px,3px); box-shadow:1px 1px 0 var(--hard)}
.capture .field-in input:focus-visible{outline:2px solid var(--pen-paper); outline-offset:2px}
.capture .capture-status{min-height:1.5em; padding-right:44px}
.capture.saved .capture-status{color:var(--paper-ink); font-weight:500}
.capture.bad .capture-status{color:var(--paper-ink); font-weight:500}
.capture.bad input{border-color:var(--paper-ink)}
.capture.saved .field-in button{box-shadow:2px 2px 0 var(--hard); transform:translate(2px,2px)}
.capture .tick-slot{display:inline-block; width:22px; height:16px; margin-left:10px; vertical-align:-2px}
.capture .hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}
.capture .field-in button:disabled{cursor:default}