/* Contact page: "Reach Out To Us" with the offices on the left and the GHL
   enquiry form on the right. The text follows the site theme; the form sits on
   a white card in both modes because its GHL styling is light
   (tools/ghl/enquiry-form.css). */
.contact-reach__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.contact-reach h1{margin:0 0 24px}
.contact-reach__info>p{max-width:520px;margin:0;font-size:18px;line-height:1.55;color:var(--ink-2)}
.contact-reach__info>p a{color:var(--teal-deep,#0A7B77);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}

.contact-offices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 48px;margin:48px 0 0;padding:0;list-style:none}
.contact-offices h2{position:relative;margin:0 0 10px;padding-left:32px;font-size:20px;font-weight:600;line-height:1.3;color:var(--ink)}
/* Teal dash marker, as on the original site. */
.contact-offices h2::before{content:"";position:absolute;left:0;top:.5em;width:18px;height:6px;border-radius:6px 2px 6px 2px;background:#00BAB2}
.contact-offices p{margin:0;padding-left:32px;font-size:16px;line-height:1.6;color:var(--ink-2)}

.contact-reach__form{padding:32px 36px;border:1px solid var(--line,#E6E1D8);border-radius:24px;background:#fff;color-scheme:light}
.contact-reach__form iframe{display:block;width:100%;border:0;color-scheme:light}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .contact-reach__info>p a{color:#2FD8D0}
  :root:not([data-theme="light"]) .contact-reach__form{border-color:transparent}
}
:root[data-theme="dark"] .contact-reach__info>p a{color:#2FD8D0}
:root[data-theme="dark"] .contact-reach__form{border-color:transparent}

@media (max-width:900px){
  .contact-reach__grid{grid-template-columns:1fr}
}
@media (max-width:520px){
  .contact-offices{grid-template-columns:1fr;gap:28px;margin-top:36px}
  .contact-reach__form{padding:20px 16px;border-radius:18px}
}