.contact-layout { display: grid; gap: 2rem; align-items: start; }
.contact-layout > div:first-child { display: grid; gap: 1rem; }
.contact-card, .contact-form { background: hsl(var(--card)); border: 1px solid hsl(var(--border)); border-radius: calc(var(--radius) + 4px); padding: 1.5rem; box-shadow: var(--shadow-sm); }
.contact-card { display: grid; gap: 0.75rem; margin-top: 1rem; }
.contact-form { display: grid; gap: 1rem; }
@media (min-width: 900px) {
  .contact-layout { grid-template-columns: 0.9fr 1.1fr; gap: 3rem; }
}