/* ============================================================
   Riben Hopper Pte Ltd — Contact page
   Loaded AFTER style.css + about.css.
   ============================================================ */

.contact-page.page-banner{ padding-bottom:clamp(56px,7vw,100px); }
.contact-page .grid{ display:grid; grid-template-columns:1fr 1.15fr;
  gap:clamp(40px,6vw,90px); align-items:start; text-align:left;
  margin-top:clamp(40px,5vw,72px); }
.contact-page h2{ font-weight:800; letter-spacing:-.01em;
  font-size:clamp(2rem,4.4vw,3.4rem); }

.cinfo{ display:grid; gap:1.8rem; margin-top:clamp(28px,3vw,44px); }
.cinfo .row{ display:flex; gap:1.1rem; align-items:flex-start; }
.cinfo .row .ic{ width:46px; height:46px; border-radius:12px; flex:none;
  background:#fbe3e2; color:var(--red); display:grid; place-items:center; }
.cinfo .row .ic .icon{ width:20px; height:20px; }
.cinfo .row .lbl{ font-weight:700; font-size:.95rem; }
.cinfo .row .val{ color:#56606e; line-height:1.5; margin-top:.2rem; }

.contact-card{ background:var(--cream); border-radius:6px;
  padding:clamp(28px,3.5vw,52px); }
.contact-card .lead{ color:#4a525e; max-width:42ch; }
.contact-card .contact-form{ margin-top:1.8rem; }

.map iframe{ display:block; width:100%; height:clamp(380px,42vw,560px); border:0; }

@media (max-width:1024px){
  .contact-page .grid{ grid-template-columns:1fr; }
  .contact-page .grid > .intro{ max-width:620px; }
}