/* ── LAYOUT ── */
.contact-grid {
  min-height: 80vh;
  max-width: var(--rc-max-width);
  margin: 0 auto;
  gap: 0;
}

/* ── LEFT PANEL ── */
.contact-left {
  background: var(--rc-bg);
  padding: var(--rc-pad-section) 0 var(--rc-pad-x);
  border-right: 1px solid var(--rc-border);
  display: flex;
  flex-direction: column;
}

.contact-hero { margin-bottom: var(--rc-card-pad-lg); }

.contact-details {
  display: flex;
  flex-direction: column;
  gap: var(--rc-gap);
  margin-bottom: 40px;
}

/* ── RIGHT PANEL ── */
.contact-right {
  background: var(--rc-surface-2);
  padding: var(--rc-pad-section) var(--rc-pad-x);
}


.contact-form { display: flex; flex-direction: column; gap: var(--rc-gap); }
.contact-form .btn-rc { width: 100%; }

.contact-form-note {
  color: var(--rc-dim);
  letter-spacing: 0.1em;
  text-align: center;
}

/* ── SUCCESS STATE ── */
#form-success { display: none; padding-top: var(--rc-gap); }


.contact-success-body {
  margin-bottom: 28px;
  max-width: 340px;
}

/* ── RESPONSIVE ── */
@media (max-width: 780px) {
  .contact-grid { grid-template-columns: 1fr; }
  .contact-left { border-right: none; border-bottom: 1px solid var(--rc-border); }
}