.lets-talk{border:0;background:transparent;font:inherit;cursor:pointer}
.contact-dialog{width:min(500px,calc(100vw - 32px));padding:44px 48px 38px}
.contact-dialog h2{font-size:34px;margin-bottom:28px}
.contact-compose{display:grid}
.contact-form{display:grid;gap:18px}
.contact-form label{display:grid;gap:7px}
.contact-form label>span{
  font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--grey)
}
.contact-form input,.contact-form textarea{
  width:100%;border:0;border-bottom:1px solid rgba(27,26,23,.22);border-radius:0;
  padding:4px 0 9px;background:transparent;color:var(--ink);font:inherit;font-size:14px;line-height:1.55;
}
.contact-form textarea{resize:vertical;min-height:92px}
.contact-form input:focus,.contact-form textarea:focus{outline:0;border-color:var(--ink)}
.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-status{min-height:18px;font-size:11px;line-height:1.5;color:var(--grey)}
.contact-submit{
  width:max-content;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:0 0 4px;
  font-size:11px;font-weight:700;letter-spacing:.08em;cursor:pointer
}
.contact-submit:disabled{opacity:.45;cursor:wait}
.contact-success{padding:24px 0 34px;color:var(--grey);font-size:14px;line-height:1.7}
.contact-success[hidden],.contact-form[hidden]{display:none}
.contact-success .success-title{margin-bottom:6px;color:var(--ink);font-size:24px;font-weight:600;letter-spacing:-.03em}
.contact-email{width:max-content;margin-top:28px;color:var(--grey);font-size:10px;letter-spacing:.07em;text-underline-offset:4px}
@media (max-width:560px){
  .contact-dialog{padding:38px 26px 30px}.contact-dialog h2{font-size:29px}.contact-form{gap:16px}
}