/* ===== Contact Page ===== */
.contact-header { max-width: var(--max-width-wide); margin: 0 auto; padding: 130px var(--padding-x) 44px; }
.contact-header h1 { font-weight: 300; font-size: clamp(38px, 6.5vw, 104px); line-height: .98; letter-spacing: -.03em; margin: 0; max-width: 15ch; }
.contact-header-desc { margin: 28px 0 0; max-width: 56ch; font-size: var(--font-size-md); line-height: var(--line-height-normal); color: var(--text-muted); }
.contact-content { max-width: var(--max-width-wide); margin: 0 auto; padding: 52px var(--padding-x) 60px; display: grid; grid-template-columns: repeat(12, 1fr); column-gap: var(--grid-gap); row-gap: 60px; }
.contact-form-area { grid-column: 1 / span 7; }
.contact-details-area { grid-column: 9 / span 4; }
.contact-map { max-width: var(--max-width-wide); margin: 0 auto; padding: 0 var(--padding-x) 100px; }