/* ============ CONTACT — start a project ============
   Restrained, conversion-focused. No GSAP, no scroll motion.
   Reuses the V2 system: navy editorial opening, then a clean
   enquiry form (posts to contact-handler.php) beside the direct
   contact routes. Shares the site header + mobile menu (js/main.js). */

/* --- Editorial opening ------------------------------------------------ */
.contact-lead{background:var(--navy);color:#fff;padding:8.5rem var(--pad) 4.5rem}
.contact-lead .eyebrow{color:var(--gold)}
.contact-lead h1{margin:1.25rem 0 0;font-size:clamp(2.9rem,8vw,7rem)}
.contact-lead h1 span{color:var(--sand)}
.contact-lead-text{max-width:44rem;margin:2.25rem 0 0;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.55;color:#d7dae0}

/* --- Body: form + direct routes ------------------------------------- */
.contact-body{padding:clamp(3.5rem,8vw,7rem) var(--pad) clamp(5rem,10vw,9rem);scroll-margin-top:6rem}
.contact-grid{max-width:74rem;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(2.5rem,6vw,5.5rem);align-items:start}

.contact-col-head{font:500 clamp(1.35rem,2.2vw,1.7rem)/1 var(--display);letter-spacing:-.03em;text-transform:uppercase;margin:0}

/* --- Enquiry form -------------------------------------------------- */
.enquiry{margin-top:1.75rem;display:flex;flex-direction:column;gap:1.5rem}
.enquiry .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.field{margin:0;display:flex;flex-direction:column;gap:.5rem}
.field label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--ink)}
.field label .opt{color:#5f594f;font-weight:400;letter-spacing:.06em;text-transform:none}
.field input,.field textarea,.field select{
  font:inherit;color:var(--ink);background:#fff;width:100%;
  border:1px solid var(--line);border-radius:2px;padding:.8rem .9rem;
  transition:border-color .18s;
}
.field textarea{resize:vertical;min-height:8rem;line-height:1.5}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--navy)}

.consent{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;max-width:40rem;font-size:.85rem;line-height:1.55;color:#3b3f47}
.consent input{margin-top:.2rem;width:1rem;height:1rem;flex:none}

.enquiry-submit{
  align-self:flex-start;margin-top:.25rem;min-height:48px;
  display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;
  background:var(--navy);color:#fff;border:0;border-radius:2px;
  padding:1rem 1.6rem;font:600 .78rem/1 var(--sans);
  text-transform:uppercase;letter-spacing:.14em;transition:background .18s;
}
.enquiry-submit span{color:var(--gold)}
.enquiry-submit:hover,.enquiry-submit:focus-visible{background:var(--navy-2)}
.enquiry-submit[disabled]{opacity:.55;cursor:default}

.form-note{margin:.25rem 0 0;max-width:34rem;font-size:.82rem;line-height:1.5;color:#6a6558}
.form-status{margin:.6rem 0 0;font-size:.92rem;line-height:1.5;font-weight:500}
.form-status:empty{margin:0}
.form-status.is-ok{color:var(--navy)}
.form-status.is-error{color:#b3261e}

/* --- Direct contact routes --------------------------------------- */
.contact-direct{border-top:2px solid var(--navy);padding-top:1.75rem}
.contact-routes{list-style:none;margin:1.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:1.2rem}
.contact-routes li{display:flex;flex-direction:column;gap:.3rem}
.route-k{font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:#5f594f}
.contact-routes a{align-self:flex-start;font-size:1.05rem;color:var(--navy);border-bottom:1px solid var(--gold);padding-bottom:.15rem;transition:color .18s}
.contact-routes a:hover,.contact-routes a:focus-visible{color:var(--gold)}
.route-place{font-size:.95rem;line-height:1.5;color:#3b3f47}
.contact-direct-note{margin:1.75rem 0 0;font-size:.8rem;line-height:1.55;color:#6a6558}

/* --- Responsive --------------------------------------------------- */
@media(max-width:820px){
  .contact-grid{grid-template-columns:1fr;gap:3rem;max-width:34rem}
}
@media(max-width:800px){
  .contact-lead{padding-top:7rem;padding-bottom:3.25rem}
  .contact-lead h1{font-size:clamp(2.5rem,11vw,3.6rem)}
  .contact-lead-text{font-size:1rem}
  .contact-body{padding-top:2.75rem}
  .field-row{grid-template-columns:1fr;gap:1.5rem}
  .enquiry-submit{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .field input,.field textarea,.field select,.enquiry-submit,.contact-routes a{transition:none!important}
}