/* ============================================================
   CONTACT — two-column info + form
   ============================================================ */

.contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,6vw,88px);align-items:start;}

.contact-info .ci-name{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.6vw,32px);letter-spacing:-0.01em;margin:0 0 6px;}
.contact-info .ci-loc{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--accent);text-transform:uppercase;margin-bottom:28px;}
.ci-rows{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:28px;}
.ci-row{background:var(--bg);padding:16px 18px;}
.ci-row .ci-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;}
.ci-row .ci-val{font-size:15px;color:var(--ink);}
.ci-row a.ci-val:hover{color:var(--accent);}

.ci-area h3{font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;}
.ci-area .ci-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px;}
.ci-area .ci-tag{font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:4px 9px;}
.ci-note{font-size:13.5px;color:var(--ink-2);line-height:1.6;font-style:italic;margin:0 0 24px;}
.ci-socials{display:flex;gap:8px;}

/* FORM */
.contact-form-wrap{border:1px solid var(--line);background:var(--bg-soft);padding:clamp(26px,3.5vw,44px);}
.form-success{display:none;border:1px solid var(--accent);background:var(--bg);padding:clamp(28px,4vw,48px);text-align:center;}
.form-success h2{font-family:var(--serif);font-weight:300;font-size:clamp(26px,3vw,40px);letter-spacing:-0.02em;margin:0 0 12px;}
.form-success h2 em{font-style:italic;color:var(--accent);}
.form-success p{font-size:14px;color:var(--ink-2);line-height:1.6;margin:0 auto 24px;max-width:42ch;}

.contact-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.field{display:flex;flex-direction:column;gap:7px;}
.field.full{grid-column:span 2;}
.field label{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.field input,.field select,.field textarea{font-family:var(--sans);font-size:14px;padding:11px 14px;border:1px solid var(--line);background:var(--bg);color:var(--ink);outline:none;transition:border-color .2s ease;width:100%;}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);}
.field textarea{resize:vertical;min-height:130px;line-height:1.55;}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%236a6358' stroke-width='1.2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px;}
.contact-form .form-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;flex-wrap:wrap;}
.contact-form .form-note{font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;color:var(--muted);max-width:34ch;}
.contact-form button[type="submit"]{border:0;}
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

@media(max-width:860px){
  .contact-layout{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .contact-form .form-grid{grid-template-columns:1fr;}
  .field.full{grid-column:span 1;}
}