.contact-section { padding-block: 70px 100px; }
.contact-section .inner { display: flex; gap: 60px; flex-wrap: wrap; }
.contact-info { flex: 1 1 360px; }
.contact-info h1 { margin-bottom: 20px; }
.contact-info > p { color: var(--muted); margin-bottom: 24px; }
.contact-detail { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; font-size: 15px; }
.contact-detail a { color: var(--white); }
.contact-note { margin-top: 30px; color: #e5e3dc; font-size: 14.5px; }
.contact-note strong { color: var(--white); }

.contact-form-card {
  flex: 1 1 420px;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 36px;
}
.contact-form-card .kicker { color: var(--muted); font-size: 13px; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 4px; }
.contact-form-card h3 { margin-bottom: 24px; }
.contact-form-card .field label { display: block; font-size: 12.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 8px; }
.contact-form-card .field input,
.contact-form-card .field select,
.contact-form-card .field textarea {
  width: 100%;
  background: #fff;
  color: #16140f;
  border: none;
  border-radius: 3px;
  padding: 13px 14px;
  font-family: var(--font-body);
  font-size: 15px;
}
.contact-form-card .field textarea { min-height: 120px; resize: vertical; }
.contact-form-card button { width: 100%; }
.hp-field { position: absolute; left: -9999px; }

@media (max-width: 760px) {
  .contact-form-card { padding: 24px; }
}