.contact-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 40px; align-items: start; justify-items: start; }
.contact-card { width: 100%; background: var(--clr-bg-card); border: 1px solid var(--clr-border); border-radius: var(--radius-xl); padding: 30px; }
.contact-card h2 { font-family: var(--font-display); font-size: 34px; line-height: 1.1; margin-bottom: 16px; }
.contact-card p, .contact-list li { color: var(--clr-muted); }
.contact-list { display: grid; gap: 16px; margin-top: 28px; }
.contact-form button { width: 100%; }
@media(max-width:800px) { .contact-grid { grid-template-columns: minmax(0,1fr); } }