html,
body.inquiries-room {
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

body.inquiries-room {
  margin: 0;
  background: #070605;
  color: var(--color-text);
  font-family: var(--font-sans);
}

.inquiries-page {
  width: min(92vw, 1280px);
  margin: 0 auto;
  padding: 12vh 0 10vh;
}

.inquiries-layout {

  display: grid;

  grid-template-columns:
      var(--curator-column)
      1fr;

  gap: var(--gallery-gap);

  align-items: start;

}

/* ---------- Left Column ---------- */

.inquiries-label {

  font-size: .72rem;
  letter-spacing: .24em;
  text-transform: uppercase;

  color: rgba(245,243,238,.46);

}

.inquiries-intro h1 {

  margin-top: 1.5rem;

  font-family: var(--font-serif);

  font-size: var(--room-title-size);

  font-weight: 300;

  line-height: .95;

  letter-spacing: .08em;

  text-transform: uppercase;

}

.inquiries-intro p:last-child {

  margin-top: 2.5rem;

  max-width: var(--reading-width);

  line-height: 1.9;

  color: rgba(245,243,238,.70);

}

/* ---------- Form ---------- */

.inquiries-form {

  display: grid;

  gap: 2rem;

}

.inquiries-form label {

  display: block;

  margin-bottom: .6rem;

  font-size: .72rem;

  letter-spacing: .22em;

  text-transform: uppercase;

  color: rgba(245,243,238,.46);

}

.inquiries-form input,
.inquiries-form textarea,
.inquiries-form select {

  width: 100%;

  padding: 1rem 0;

  background: transparent;

  border: none;

  border-bottom:
      1px solid rgba(245,243,238,.18);

  color: rgba(245,243,238,.88);

  font: inherit;

  transition:
      border-color .35s ease,
      color .35s ease;

}

.inquiries-form option {
  background-color: #070605;
  color: rgba(245,243,238,.88);
}

.inquiries-form textarea{

  resize: vertical;

  min-height: 180px;

}

.inquiries-form input:focus,
.inquiries-form textarea:focus,
.inquiries-form select:focus{

  outline: none;

  border-bottom-color:
      rgba(245,243,238,.6);

}

.inquiries-form button{

  justify-self: start;

  margin-top: 1rem;
  background-color: #070605;
    color: rgba(245,243,238,.88);

}

.form-status{

  min-height:1.5rem;

  font-size:.8rem;

  color:rgba(245,243,238,.55);

}

/* ---------- Mobile ---------- */

@media (max-width:780px){

  .inquiries-layout{

      grid-template-columns:1fr;

      gap:4rem;

  }

}