/* ============================================================
   CONTATO — page specific styles
   ============================================================ */
.contact{padding:clamp(140px,18vw,210px) 0 clamp(70px,10vw,130px)}
.contact .container{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,100px);align-items:start}

.cside .eyebrow{display:block;margin-bottom:24px}
.cside h1{font-weight:200;text-transform:uppercase;font-size:clamp(44px,7vw,86px);line-height:.96;letter-spacing:.01em;margin-bottom:24px}
.cside .intro{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.2vw,26px);color:var(--ink-soft);margin-bottom:44px;max-width:24ch;line-height:1.4}
.cinfo{border-top:1px solid var(--line)}
.cinfo a,.cinfo div{display:block;padding:18px 0;border-bottom:1px solid var(--line);transition:.3s var(--ease)}
.cinfo a:hover{padding-left:8px;color:var(--gold-4)}
.cinfo .k{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-4);margin-bottom:6px;display:block}
.cinfo .v{font-size:16px}

/* form card */
.fcard{background:#fff;padding:clamp(30px,4vw,52px);box-shadow:0 30px 70px -40px rgba(122,90,40,.4)}
.fcard h2{font-weight:200;text-transform:uppercase;font-size:clamp(22px,2.6vw,30px);margin-bottom:8px;letter-spacing:.02em}
.fcard .fsub{color:var(--ink-soft);font-size:14.5px;margin-bottom:30px}
.field{margin-bottom:22px}
.field label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-4);margin-bottom:9px}
.field input,.field textarea,.field select{width:100%;font-family:var(--font);font-size:15px;color:var(--ink);
  background:transparent;border:0;border-bottom:1px solid var(--line);padding:11px 0;transition:.3s var(--ease)}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--gold-4)}
.field textarea{resize:vertical;min-height:90px}
.field.err input,.field.err textarea,.field.err select{border-color:#b4452f}
.field .msg{font-size:11px;color:#b4452f;margin-top:6px;display:none}
.field.err .msg{display:block}
/* Snowboard AJAX validation injects [data-validate-for] only when the field is
   invalid, so show it whenever present and flag the input. */
.field .msg[data-validate-for]{display:block}
.field:has([data-validate-for]) input,
.field:has([data-validate-for]) textarea,
.field:has([data-validate-for]) select{border-color:#b4452f}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.fcard .btn{width:100%;justify-content:center;margin-top:6px}
.priv{font-size:11.5px;color:var(--ink-soft);text-align:center;margin-top:16px;letter-spacing:.02em}

.success{text-align:center;padding:30px 0}
.success .ring{width:70px;height:70px;border-radius:50%;border:1px solid var(--gold-4);display:flex;align-items:center;justify-content:center;margin:0 auto 26px}
.success .ring svg{width:28px;height:28px}
.success h2{margin-bottom:14px}
.success p{color:var(--ink-soft);font-size:15px;max-width:36ch;margin:0 auto 26px}

@media (max-width:860px){
  .contact .container{grid-template-columns:1fr;gap:44px}
  .row2{grid-template-columns:1fr}
}