.connect-hero{ padding-top:clamp(140px,16vw,200px); padding-bottom:clamp(40px,5vw,60px); }
.connect-hero .lede{ margin-top:18px; }

.connect-body{ padding-top:0; }
.connect-grid{ display:grid; grid-template-columns:1.5fr 1fr; gap:var(--gutter); align-items:start; }
@media (max-width:900px){ .connect-grid{ grid-template-columns:1fr; } }

.connect-form-wrap form{ display:flex; flex-direction:column; gap:24px; }
.field-row{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
@media (max-width:600px){ .field-row{ grid-template-columns:1fr; } }
.field{ display:flex; flex-direction:column; gap:8px; }
.field label{
  font-family:var(--sans); font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--ink-soft); font-weight:600;
}
.field .optional{ text-transform:none; letter-spacing:0; color:var(--ink-faint); font-weight:400; }
.field input, .field select, .field textarea{
  font-family:var(--sans); font-size:15px; color:var(--ink);
  background:var(--paper);
  border:1px solid var(--line);
  padding:14px 16px;
  border-radius:0;
  transition:border-color .25s var(--ease);
}
.field input:focus, .field select:focus, .field textarea:focus{
  outline:none; border-color:var(--ink);
}
.field textarea{ resize:vertical; }
.field-submit{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin-top:6px; }
.form-status{ font-size:13px; color:var(--ink-faint); }
.form-status--success{ color:#3E6B4F; }
.form-status--error{ color:var(--rust); }

.connect-aside{ display:flex; flex-direction:column; gap:28px; padding-top:12px; }
.connect-aside .margin-note{ padding:22px; border:1px solid var(--line); background:var(--paper); max-width:none; }