/* ============================================================
   CONTACT.CSS
   ============================================================ */

.contact-page { padding-top: 72px; min-height: 100vh; }
.contact-layout { display: grid; grid-template-columns: 1fr 1fr; min-height: calc(100vh - 72px); }
.contact-left { background: var(--surface); padding: 80px 60px; display: flex; flex-direction: column; justify-content: center; }
.contact-right { padding: 80px 60px; display: flex; flex-direction: column; justify-content: center; }
.contact-title { font-family: 'Playfair Display', serif; font-size: 2.5rem; line-height: 1.2; margin-bottom: 24px; }
.contact-desc { font-size: .88rem; color: var(--text-dim); line-height: 1.8; margin-bottom: 50px; }
.contact-detail { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 28px; }
.contact-icon { width: 40px; height: 40px; border: 1px solid var(--glass-border); display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 1rem; }
.contact-detail-label { font-size: .6rem; letter-spacing: .18em; text-transform: uppercase; color: var(--gold); margin-bottom: 4px; }
.contact-detail-val { color: var(--text-dim); font-size: .78rem; }