/* ==========================================================================
   Contact page — form styling
   ========================================================================== */

.contact-form {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 60px 80px;
}

.form-row {
  display: flex;
  gap: 24px;
  margin-bottom: 26px;
  flex-wrap: wrap;
}

.form-field {
  flex: 1 1 260px;
}

.form-field.full-width {
  flex: 1 1 100%;
}

.form-field label,
.field-group > .group-label {
  display: block;
  font-family: 'PT Serif', Georgia, serif;
  font-size: 17px;
  color: #111;
  margin-bottom: 6px;
}

.form-field .required,
.field-group .required {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 13px;
  color: #767676;
  margin-left: 4px;
}

.form-field input,
.form-field textarea {
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: #000;
  background: #fafafa;
  border: 1px solid #a9a9a9;
  padding: 10px;
}

.form-field textarea {
  min-height: 160px;
  resize: vertical;
}

.form-submit {
  margin-top: 10px;
}

.form-submit button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  background: #272727;
  border: 0;
  padding: 16px 40px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.form-submit button:hover {
  background: #000;
}

.form-status {
  margin-top: 20px;
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 16px;
}

.form-status.success { color: #2b6b2b; }
.form-status.error { color: #a33; }

@media (max-width: 680px) {
  .contact-form { padding: 0 24px 60px; }
  .form-row { flex-direction: column; gap: 0; }
}