/* sfcfo.com "Let's talk" form dialog, in HIS palette and fonts (variables from his site.css). His rules untouched. */
.talk{width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;background:var(--ink-2);color:var(--fg);
  border:1px solid var(--line);border-radius:22px;padding:32px 28px;font-family:var(--f-body)}
.talk::backdrop{background:rgba(19,20,24,.72)}
.talk h2{font-family:var(--f-display);font-weight:850;font-stretch:68%;text-transform:uppercase;font-size:40px;line-height:.95;margin:0 0 8px}
.talk .talk-sub{color:var(--fg-dim);margin:0 0 22px;font-size:15px}
.talk label{display:block;margin:0 0 14px;font-size:14px;color:var(--fg-dim)}
.talk input,.talk textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);
  background:var(--ink);color:var(--fg);font:400 16px var(--f-body);box-sizing:border-box}
.talk textarea{min-height:130px;resize:vertical}
.talk input:focus-visible,.talk textarea:focus-visible,.talk button:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.talk .talk-row{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:8px}
.talk button.btn{border:0;cursor:pointer;font-family:var(--f-body)}
.talk button.btn:disabled{opacity:.6;cursor:default}
.talk .talk-close{position:absolute;top:14px;right:16px;background:transparent;border:0;color:var(--fg-dim);font-size:22px;cursor:pointer}
.talk .talk-status{min-height:1.4em;margin:14px 0 0;color:var(--fg);font-size:15px}
.talk-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.talk form[hidden]{display:none}