/* Contact — regional contact cards and the enquiry form.
   `.split` and `.sec--tech` come from interior.css.

   The wireframe called the field box `.in`. Renamed to `.cin` here: a bare
   two-letter class is the exact shape of collision that has already bitten
   this build, and `.hero-in` / `.search-in` are both in play. */

.provnote{margin:var(--space-2) 0 0;font-size:var(--size-xs);line-height:var(--leading-normal);color:var(--ink-2);font-style:italic}

/* --- Regional contacts, on the navy band -------------------------------- */
.rc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-10)}
.rc-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);background:oklch(from var(--white) l c h/.05);border:var(--stroke-hairline) solid var(--border-on-technical);border-radius:var(--radius-lg)}
.sj .rc-card b{font-size:var(--size-md);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--white);margin-bottom:var(--space-1)}
.sj .rc-card a{font-size:var(--size-sm);color:oklch(from var(--tsk-blue) .78 calc(c*.9) h);word-break:break-word}
.sj .rc-card a:hover{color:var(--white)}
.sj .rc-card span{font-size:var(--size-sm);color:var(--white);font-variant-numeric:tabular-nums}
.sj .rc-card span a{color:var(--white)}
.sj .rc-card span a:hover{color:oklch(from var(--tsk-blue) .78 calc(c*.9) h)}
.rc-foot{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-8)}
.sj .rc-foot p{margin:0;font-size:var(--size-sm);line-height:var(--leading-normal);color:var(--white)}
.sj .rc-foot a{color:oklch(from var(--tsk-blue) .78 calc(c*.9) h)}
.sj .rc-foot a:hover{color:var(--white)}

/* --- Enquiry form -------------------------------------------------------- */
.formcard{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-10);background:var(--white);border:var(--stroke-hairline) solid var(--line);border-radius:var(--radius-lg)}
.cform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.fld{display:flex;flex-direction:column;gap:var(--space-2)}
.fld--full{grid-column:1/-1}
.sj .fld label{font-size:var(--size-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:var(--weight-medium);color:var(--ink-2)}

.sj .cin{display:block;width:100%;height:52px;padding:0 var(--space-4);border:var(--stroke-hairline) solid var(--line);border-radius:var(--radius-sm);background:var(--white);font-family:inherit;font-size:var(--size-sm);color:var(--ink);transition:border-color .14s ease}
.sj .cin::placeholder{color:var(--neutral-400)}
.sj .cin:hover{border-color:var(--neutral-400)}
.sj .cin:focus{outline:none;border-color:var(--border-brand);box-shadow:0 0 0 3px var(--tsk-blue-050)}
.sj textarea.cin{height:180px;padding:var(--space-4);line-height:var(--leading-normal);resize:vertical}

.form-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);flex-wrap:wrap}
.sj .form-foot p{margin:0;font-size:var(--size-xs);color:var(--ink-2);font-style:italic}
.sj .form-foot .btn{font-family:inherit;cursor:pointer}

/* Shown only when the placeholder form is submitted, so nobody believes an
   enquiry was actually sent. Remove this with the real form integration. */
.form-note{grid-column:1/-1;margin:0;padding:var(--space-4) var(--space-5);border:var(--stroke-hairline) solid var(--border-brand);border-radius:var(--radius-sm);background:var(--tsk-blue-050);font-size:var(--size-sm);color:var(--text-brand)}
.form-note[hidden]{display:none}

@media (max-width:1100px){
  .rc{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .rc{grid-template-columns:minmax(0,1fr)}
  .cform{grid-template-columns:minmax(0,1fr)}
  .formcard{padding:var(--space-6)}
  .form-foot{flex-direction:column;align-items:stretch}
  .sj .form-foot .btn{width:100%}
}