.contact-header { padding: clamp(56px, 9vw, 110px) 0 clamp(60px, 9vw, 110px); }
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(40px, 6vw, 80px);
  align-items: start;
}
.contact-header h1 { margin: 16px 0 20px; }

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: 1px solid var(--line);
  background: var(--paper-dim);
  padding: clamp(24px, 4vw, 36px);
}
.contact-form label {
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--slate);
  margin-top: 16px;
}
.contact-form label:first-child { margin-top: 0; }
.contact-form input,
.contact-form textarea {
  font-family: var(--font-body);
  font-size: 0.96rem;
  padding: 11px 12px;
  border: 1px solid var(--line);
  background: var(--paper);
  color: var(--ink);
  border-radius: var(--radius);
  margin-top: 6px;
  resize: vertical;
}
.contact-form input:focus,
.contact-form textarea:focus {
  outline: none;
  border-color: var(--clay);
}
.contact-form button { cursor: pointer; border: 1px solid var(--ink); }

@media (max-width: 800px) {
  .contact-grid { grid-template-columns: 1fr; }
}