/* ============================================================
   CONTACT — Uqesh (materials). 1:1 with xvmU2. Fluid / rem. Light.
   ============================================================ */

/* Hero */
.mct-hero{ display:flex; flex-direction:column; gap:0.875rem; padding-block:4rem 2.75rem; }
.mct-crumb{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.1em; color:var(--text-secondary); margin:0; }
.mct-title{ font-family:var(--font-display); font-weight:800; font-size:3.25rem; letter-spacing:-.01em; line-height:1; color:var(--text-primary); margin:0; }
.mct-sub{ font-size:0.9375rem; line-height:1.5; color:var(--text-secondary); max-width:35rem; margin:0; }

/* Main: details + form */
.mct-main{ display:flex; gap:4rem; padding-block:0 4rem; align-items:flex-start; }
.mct-details{ flex:none; width:25rem; display:flex; flex-direction:column; }
.mct-det{ display:flex; gap:1rem; align-items:flex-start; padding-block:1rem; border-bottom:1px solid var(--line); }
.mct-det:last-child{ border-bottom:0; }
.mct-ic{ flex:none; width:1.25rem; height:1.25rem; margin-top:0.125rem; color:var(--text-primary); }
.mct-det-c{ display:flex; flex-direction:column; gap:0.1875rem; min-width:0; }
.mct-det-k{ font-family:var(--font-display); font-weight:700; font-size:0.656rem; letter-spacing:.1em; color:var(--text-secondary); }
.mct-det-v{ font-size:0.906rem; line-height:1.45; color:var(--text-primary); }

.mct-form-col{ flex:1 1 0; background:#E0E2DD; border-radius:0.25rem; padding:1.75rem 2rem; display:flex; flex-direction:column; gap:0.875rem; }
.mct-form-t{ font-family:var(--font-display); font-weight:800; font-size:1rem; letter-spacing:.02em; color:var(--text-primary); margin:0; }
.mct-form{ display:flex; flex-direction:column; gap:0.875rem; }
.mct-form-row{ display:flex; gap:0.8125rem; }
.mct-form-row > *{ flex:1 1 0; min-width:0; }
.mct-form input, .mct-form select, .mct-form textarea{ font-family:var(--font-body); font-size:0.813rem; color:var(--text-primary); background:#fff; border:1px solid var(--line); border-radius:0.25rem; padding:0.875rem 0.9375rem; width:100%; }
.mct-form input::placeholder, .mct-form textarea::placeholder{ color:var(--text-secondary); font-size:0.781rem; }
.mct-form select{ color:var(--text-secondary); font-size:0.781rem; }
.mct-form textarea{ min-height:6.875rem; resize:vertical; }
.mct-submit{ align-self:flex-start; min-width:13.1875rem; justify-content:center; }

/* Find us */
.mct-find{ background:var(--surface); }
.mct-find .wrap{ display:flex; flex-direction:column; gap:1.25rem; padding-block:3.25rem; }
.mct-find-hdr{ display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.mct-find-t{ font-family:var(--font-display); font-weight:800; font-size:1.375rem; color:var(--text-primary); margin:0; }
.mct-find-l{ font-family:var(--font-display); font-weight:700; font-size:0.781rem; letter-spacing:.03em; color:var(--text-primary); white-space:nowrap; }
.mct-find-l:hover{ color:var(--brand); }
.mct-map{ height:18.75rem; background:#D9DCD4; border:1px solid var(--line); border-radius:0.25rem; overflow:hidden; }
.mct-map iframe{ display:block; width:100%; height:100%; border:0; }

/* Responsive */
@media (max-width:900px){
  .mct-main{ flex-direction:column; gap:2.5rem; }
  .mct-details{ width:auto; }
  .mct-form-row{ flex-direction:column; }
  .mct-title{ font-size:2.5rem; }
}