/* Contact page: make direct conversation the primary path and keep the form brief. */
body:has(.contact-page) .page-cover {
  min-height: clamp(18rem, 24vw, 22rem);
}

body:has(.contact-page) .page-cover__inner {
  min-height: inherit;
  padding-top: 5rem;
  padding-bottom: clamp(1.8rem, 4vw, 2.5rem);
}

.contact-form-panel > .contact-support { display: none; }

.contact-panel--support {
  align-self: start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.contact-panel--support .contact-panel__section:not(.contact-panel__channels),
.contact-panel--support > .contact-panel__details {
  display: none;
}

.contact-panel--support .contact-panel__channels {
  margin: 0;
  border: 0;
  padding: 0;
}

.contact-panel--support .contact-panel__channels > p:nth-of-type(2) {
  margin-top: .75rem;
  color: rgba(255, 255, 255, .72);
  font-size: 1rem;
  line-height: 1.65;
}

.contact-panel--support .contact-panel__channels ul {
  margin-top: 1rem;
}

.contact-panel--support .contact-panel__channels li:nth-child(n + 3) {
  display: none;
}

.contact-form-panel form.quotation-form {
  row-gap: 1rem;
}

.contact-form-panel form.quotation-form > .grid {
  gap: .75rem 1rem;
}

.contact-form-panel form.quotation-form > .grid label:has(input[name="contactChannel"]) {
  grid-column: 1 / -1;
}

.contact-form-panel form.quotation-form label:has(input[name="company"]),
.contact-form-panel form.quotation-form label:has(select[name="projectType"]),
.contact-form-panel form.quotation-form > fieldset,
.contact-form-panel form.quotation-form > label:has(input[name="location"]),
.contact-form-panel form.quotation-form > label:has(input[name="drawingUrl"]) {
  display: none;
}

.contact-form-panel form.quotation-form textarea[name="message"] {
  height: 6.25rem;
  min-height: 6.25rem;
}

.contact-form-panel form.quotation-form > p.form-hint {
  font-size: .75rem;
  line-height: 1.55;
}

@media (min-width: 1024px) {
  .contact-layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}