/* ==========================================================================
   D-ARTIST — Contact Page Styles (css/pages/contact.css)
   ========================================================================== */

.contact-layout {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: start;
}

@media (max-width: 860px) {
  .contact-layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.contact-info-panel {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.contact-form-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 32px;
}