/* forms.css — inputs, labels, and the quote-tool shell.
   Any future form (contact.html, etc.) should reuse .field, .quote-shell
   styling patterns from here rather than inventing new input styles. */

.quote-shell{
  background:var(--charcoal); border:1px solid var(--line); border-radius:6px;
  padding:40px; position:relative; overflow:hidden;
}
@media (max-width:640px){.quote-shell{padding:26px 20px;}}

.field{margin-bottom:18px;}
.field label{
  display:block; font-family:'Oswald',sans-serif; font-size:12px; letter-spacing:0.08em;
  text-transform:uppercase; color:var(--brass-bright); margin-bottom:8px;
}
.field input, .field select, .field textarea{
  width:100%; background:var(--ink); border:1px solid var(--line); color:var(--cream);
  padding:11px 12px; font-family:'Fraunces',serif; font-size:15px; border-radius:3px;
}
.field input:focus, .field select:focus, .field textarea:focus{border-color:var(--brass-bright);}