/* ============================================
   Inquire — Form Section
   ============================================ */

.inquire-form-section {
  padding: 30px var(--page-margin) 90px;
}

/* ============================================
   Inquire — Form
   ============================================ */

.inquire-form {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 670px;
}

.inquire-form__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.inquire-form__label {
  font-family: var(--font-display-condensed);
  font-size: var(--text-button);
  text-transform: uppercase;
  color: var(--color-charcoal);
  line-height: 1;
}

.inquire-form__input,
.inquire-form__textarea {
  width: 100%;
  padding: 12px 0;
  font-family: var(--font-body);
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--color-charcoal);
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(26, 26, 26, 0.3);
  outline: none;
  transition: border-color var(--transition-base);
}

.inquire-form__input:focus,
.inquire-form__textarea:focus {
  border-bottom-color: var(--color-charcoal);
}

.inquire-form__input::placeholder,
.inquire-form__textarea::placeholder {
  color: var(--color-charcoal);
  opacity: 0.4;
}

.inquire-form__textarea {
  resize: vertical;
  min-height: 120px;
}