/* Page-specific layout for pages/contact.html */
.contact-layout{
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: var(--space-2xl);
  align-items: start;
}
@media (max-width: 900px){
  .contact-layout{ grid-template-columns: 1fr; gap: var(--space-lg); }
}
.contact-form-card{
  background: var(--color-surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  box-shadow: var(--shadow-sm);
}
.contact-form-card h2{ font-size: var(--step-2); margin-bottom: var(--space-2xs); }