#connect.invitation{
  height:auto;
  min-height:max(94svh,940px);
  max-height:none;
  padding-block:110px 145px;
}
#connect .invite-copy{width:min(100%,760px)}
#connect .invitation-orbit{top:38%;opacity:.22}
.contact-form{position:relative;width:min(100%,500px);margin:38px auto 0;text-align:left}
.contact-field+.contact-field{margin-top:23px}
.contact-field label{display:block;margin:0 0 10px;font-size:10px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;color:#b7c7bf}
.contact-field input,.contact-field textarea{
  display:block;width:100%;padding:15px 17px;border:1px solid #ffffff2d;border-radius:0;
  background:#050b09c9;color:#edf4ef;font:400 14px/1.6 var(--body);outline:none;
  transition:border-color .25s,background .25s,box-shadow .25s;
}
.contact-field textarea{min-height:128px;resize:vertical}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:#818f88;opacity:1}
.contact-field input:hover,.contact-field textarea:hover{border-color:#ffffff50}
.contact-field input:focus,.contact-field textarea:focus{border-color:var(--mint);background:#0a1410;box-shadow:0 0 0 1px #add7cd22;outline:1px solid transparent;outline-offset:3px}
.contact-field [aria-invalid="true"]{border-color:#e5a699}
.contact-error{color:#edb7aa;font-size:11px;line-height:1.6;margin-top:7px}
.contact-submit{
  display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:25px;padding:16px 21px;
  border:1px solid #9ab8ac;border-radius:0;background:#add7cd0b;color:#ddebe3;
  font-size:12px;transition:background .25s,color .25s,border-color .25s;
}
.contact-submit>span:last-child{font-size:20px;line-height:1}
.contact-submit:hover:not(:disabled){background:#dcebe2;color:#080e0b;border-color:#dcebe2}
.contact-submit:disabled{opacity:.65}
.contact-submit:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
.contact-status{min-height:1.6em;margin:14px 0 0;color:#c4e6d7;font-size:12px;line-height:1.6;text-align:center}
.contact-status[data-state="error"]{color:#edb7aa}
.contact-status:focus-visible{outline:1px solid #add7cd70;outline-offset:5px}
.contact-privacy{color:#8d9e94;font-size:10px;line-height:1.6;text-align:center;margin-top:7px}
.contact-noscript{font-size:11px;line-height:1.6;text-align:center;color:#b7c7bf;margin-top:12px}
.contact-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
@media(max-width:800px){
  #connect.invitation{padding:90px 27px 150px;min-height:920px}
  .contact-form{margin-top:32px}
  .contact-field input,.contact-field textarea{font-size:16px;padding:13px 15px}
  .contact-field+.contact-field{margin-top:20px}
  .contact-field textarea{min-height:133px}
  .contact-submit{padding:15px 19px}
}
@media(prefers-reduced-motion:reduce){
  .contact-field input,.contact-field textarea,.contact-submit{transition:none}
}