/* pages/contact.css */
.page-hero { padding: var(--space-16) 0 var(--space-12); background: linear-gradient(160deg, var(--color-primary-50) 0%, white 70%); border-bottom: 1px solid var(--color-border); }
.breadcrumb { display: flex; align-items: center; gap: var(--space-2); font-size: var(--text-sm); color: var(--color-text-muted); margin-bottom: var(--space-5); }
.breadcrumb a { color: var(--color-primary); }
.page-hero-title { font-size: var(--text-4xl); font-weight: 800; letter-spacing: -.03em; margin-bottom: var(--space-4); }
.page-hero-desc  { font-size: var(--text-xl); color: var(--color-gray-500); max-width: 480px; line-height: var(--leading-relaxed); }

.contact-grid { display: grid; grid-template-columns: 1fr 340px; gap: var(--space-10); align-items: start; }
@media (max-width: 900px) { .contact-grid { grid-template-columns: 1fr; } }

.contact-info-card { background: white; border: 1px solid var(--color-border); border-radius: var(--radius-2xl); padding: var(--space-6); }
.contact-info-item { display: flex; gap: var(--space-4); align-items: flex-start; padding: var(--space-4) 0; border-bottom: 1px solid var(--color-gray-100); }
.contact-info-item:last-child { border-bottom: none; }
.contact-info-icon { width: 40px; height: 40px; background: var(--color-primary-50); color: var(--color-primary); border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.contact-info-label { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--color-text-muted); margin-bottom: var(--space-1); }
.contact-info-value { font-size: var(--text-sm); color: var(--color-gray-800); line-height: var(--leading-relaxed); }
a.contact-info-value { color: var(--color-primary); }