indent-enquiry {
  width: 100%;

  h2 {
    font-size: calc(var(--font-base-size) - 2px);
    font-family: var(--font-base);
  }

  form {
    padding: 1rem 0;

    .fields {
      padding: 0 0 2rem 0;
      display: grid;
      gap: 1rem;

      @container (min-width: 1200px) {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    .field {
      label {
        font-size: calc(var(--font-base-size) * 0.75);
        text-transform: uppercase;
      }

      input {
        border: 1px solid var(--color-border);
        width: 100%;
      }
    }
  }
}