/* The form is the last threshold. It is night by now, so it is set on the dark
   ground with hairline fields — no boxes, no shadows, no fake submission. */
.inquire { padding-block: clamp(4.5rem, 12vh, 8.5rem); }
.inquire__grid {
  display: grid; grid-template-columns: minmax(0, 38%) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 5rem);
}
.inquire__type { display: grid; gap: 1.2rem; align-content: start; }
.form { display: grid; gap: clamp(1.2rem, 2.6vh, 1.9rem); }
.form__row { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.2rem, 2.6vw, 2.4rem); }
.field { display: grid; gap: .5rem; position: relative; }
.field label { font-size: .58rem; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: var(--ink-2); }
.field input, .field textarea, .field select {
  background: none; border: 0; border-bottom: 1px solid var(--rule-2);
  padding: .6em 0; font-size: 1rem; border-radius: 0;
  transition: border-color .4s var(--ease);
}
.field select { appearance: none; }
.field textarea { resize: vertical; min-height: 4.5em; }
.field input:focus, .field textarea:focus, .field select:focus { outline: none; border-color: var(--accent); }
.field:focus-within label { color: var(--ink); }
.field .err { font-size: .68rem; color: #D08A72; letter-spacing: .04em; min-height: 1em; }
.field.is-bad input, .field.is-bad textarea, .field.is-bad select { border-color: #D08A72; }
.form__foot { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(1.2rem, 3vw, 2.6rem); }
.form__status { font-size: .78rem; color: var(--ink-2); max-width: 40ch; }
.form__status.is-shown { color: var(--ink); }
@media (max-width: 900px) {
  .inquire__grid { grid-template-columns: 1fr; }
  .form__row { grid-template-columns: 1fr; }
}