.inquiry { color: var(--wf-white); background: var(--wf-ink); }
.inquiry--teal { background: #B3202A; }
.inquiry--teal .eyebrow { color: rgba(255,255,255,.78); }
.inquiry--paper { color: var(--wf-ink); background: var(--wf-paper); }
.inquiry__layout { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(40px, 7vw, 100px); align-items: start; }
.inquiry__contacts { display: grid; gap: 12px; margin-top: 30px; }
.inquiry__contacts a { text-decoration: none; }
.inquiry__contacts a span { display: grid; }
.inquiry__form { padding: 30px; color: var(--wf-ink); background: var(--wf-white); }
.inquiry__form .rfq-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; }
.inquiry__form p { min-width: 0; margin: 0; }
.inquiry__form p:nth-of-type(n+5), .inquiry__form .wpcf7-response-output { grid-column: 1 / -1; }
.inquiry__form label { display: grid; gap: 5px; font-size: 15px; font-weight: 600; }
.inquiry__form input, .inquiry__form textarea, .inquiry__form select { width: 100%; min-height: 46px; padding: 9px 11px; border: 1px solid var(--wf-grey); border-radius: 4px; }
.inquiry__form textarea { min-height: 96px; height: 96px; resize: vertical; }
.inquiry__form input[type="submit"] { grid-column: 1 / -1; color: var(--wf-white); border-color: var(--wf-red); background: var(--wf-red); cursor: pointer; }
.inquiry__form input[type="submit"]:hover, .inquiry__form input[type="submit"]:focus-visible { border-color: #c91d27; background: #c91d27; }
.inquiry-map { padding: clamp(56px, 7vw, 96px) 0; color: var(--wf-ink); background: var(--wf-white); }
.inquiry-map h2 { margin-bottom: 28px; }
.inquiry-map__frame { overflow: hidden; min-height: 440px; border: 1px solid var(--wf-grey); }
.inquiry-map iframe { display: block; width: 100%; min-height: 440px; border: 0; }
.inquiry-map p { margin: 16px 0 0; color: #687176; }
@media (max-width: 760px) {
  .inquiry__layout { grid-template-columns: 1fr; }
  .inquiry__form { padding: 24px 18px; }
  .inquiry__form .rfq-form { grid-template-columns: 1fr; }
  .inquiry__form p, .inquiry__form p:nth-of-type(n+5) { grid-column: 1; }
  .inquiry-map__frame, .inquiry-map iframe { min-height: 340px; }
}

.inquiry--editorial { position: relative; padding: 0 0 72px; background: white; color: var(--wf-ink); font-family: "WF Editorial Roboto", Arial, sans-serif; }
.inquiry--editorial .inquiry__background { position: absolute; bottom: 72px; left: 50%; width: var(--wf-shell); transform: translateX(-50%); height: 360px; }
.inquiry--editorial .inquiry__background img { width: 100%; height: 100%; object-fit: cover; }
.inquiry--editorial .inquiry__layout { position: relative; grid-template-columns: 1fr 1fr; gap: 10%; align-items: start; padding-bottom: 80px; }
.inquiry--editorial .inquiry__copy { padding-top: 32px; }
.inquiry--editorial .eyebrow { display: none; }
.inquiry--editorial .inquiry__copy h2, .inquiry--editorial .inquiry__copy h3 { font: 400 24px/1.4 "WF Editorial Roboto", Arial, sans-serif; margin-bottom: 40px; }
.inquiry--editorial .inquiry__form { background: white; box-shadow: 0 4px 24px #0002; padding: 32px; }
@media (max-width: 760px) { .inquiry--editorial .inquiry__layout { grid-template-columns: 1fr; gap: 32px; padding-bottom: 40px; } .inquiry--editorial .inquiry__form { padding: 20px; } }

.inquiry--editorial .inquiry__form .rfq-form { grid-template-columns: 1fr; }

/* Connect the editable editorial inquiry headings with downward arrows. */
.inquiry--editorial .inquiry__copy h2,
.inquiry--editorial .inquiry__copy h3 { margin-bottom: 0; }
.inquiry--editorial .inquiry__copy h3 { position: relative; padding-top: 58px; }
.inquiry--editorial .inquiry__copy h3::before { content: ""; position: absolute; top: 12px; left: 16px; width: 1px; height: 28px; background: #92989B; }
.inquiry--editorial .inquiry__copy h3::after { content: ""; position: absolute; top: 34px; left: 13px; width: 7px; height: 7px; border-right: 1px solid #92989B; border-bottom: 1px solid #92989B; transform: rotate(45deg); }

@media (max-width: 900px) {
 .inquiry--editorial .inquiry__layout { grid-template-columns: 1fr; gap: 32px; padding-bottom: 40px; }
 .inquiry--editorial .inquiry__form { padding: 24px; }
}
@media (max-width: 760px) {
 .inquiry--editorial .inquiry__copy { padding-top: 0; }
 .inquiry__form input, .inquiry__form textarea, .inquiry__form select { font-size: 16px; min-width: 0; }
}
