/* ===== Layout ===== */
.contact-layout {
  padding: 20px 6% 100px;
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 50px;
}

/* ===== Form ===== */
.contact-form {
  background: #fff;
  border: 1px solid rgba(32,32,28,0.08);
  border-radius: 10px;
  padding: 36px;
}

.form-row { margin-bottom: 20px; }

.form-row-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

label {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--forest-deep);
  margin-bottom: 8px;
}

input, select, textarea {
  width: 100%;
  font-family: var(--font-body);
  font-size: 0.95rem;
  padding: 12px 14px;
  border: 1px solid rgba(32,32,28,0.18);
  border-radius: 6px;
  background: var(--ivory);
  color: var(--ink);
}

input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--terracotta);
}

textarea { resize: vertical; }

.contact-form .btn-primary {
  border: none;
  cursor: pointer;
  margin-top: 6px;
}

.form-note {
  margin-top: 14px;
  font-size: 0.88rem;
  color: var(--walnut);
}

/* ===== Info column ===== */
.contact-info { padding-top: 6px; }

.info-block {
  padding: 20px 0;
  border-top: 1px solid rgba(32,32,28,0.1);
}
.info-block:last-child { border-bottom: 1px solid rgba(32,32,28,0.1); }

.info-block h3 {
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 500;
  color: var(--forest-deep);
  margin-bottom: 6px;
}

.info-block p { font-size: 0.92rem; color: #4a4a43; }
.info-block a:hover { color: var(--terracotta); }

/* ===== Responsive ===== */
@media (max-width: 900px) {
  .contact-layout { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .form-row-split { grid-template-columns: 1fr; }
  .contact-form { padding: 26px; }
}