/* Carries the start page's warm palette through to the first conversation. */
body.inquiry-sales {
  --ink: #14242e;
  --paper: #f6f2e9;
  --white: #fffcf6;
  --line: #d8cfc1;
  --muted: #555b59;
  --accent: #a55138;
  --blue: var(--accent);
  --yellow: #f3c2ad;
  background: var(--paper);
  color: var(--ink);
}

.inquiry-sales .main-header,
.inquiry-sales #mobile-nav {
  background: var(--ink);
}

.inquiry-sales .main-header .brand small,
.inquiry-sales .main-header .desktop-nav .nav-cta,
.inquiry-sales .main-header .desktop-nav a:hover,
.inquiry-sales #mobile-nav a:last-child {
  color: #f3c2ad;
  border-color: #f3c2ad;
}

.inquiry-sales #mobile-nav {
  border-color: var(--accent);
}

.inquiry-sales .skip-link {
  z-index: 45;
  left: 16px;
  padding: 8px 12px;
}

.inquiry-sales :focus-visible {
  outline-color: var(--accent);
}

.inquiry-sales .main-header :focus-visible,
.inquiry-sales #mobile-nav :focus-visible {
  outline-color: #f3c2ad;
}

.inquiry-sales #main {
  align-items: start;
  padding-block: clamp(36px, 6vw, 92px);
}

.inquiry-sales .intro .eyebrow {
  color: var(--accent);
  font: 700 11px/1.5 Arial, sans-serif;
  letter-spacing: .12em;
  margin-top: 0;
  text-transform: uppercase;
}

.inquiry-sales.inquiry-page .intro h1 {
  font: 400 clamp(44px, 5.1vw, 73px)/.99 Georgia, serif;
  letter-spacing: -.052em;
  margin: 16px 0 22px;
}

.inquiry-sales.inquiry-page .intro h1 em {
  color: var(--accent);
  display: inline;
  transform: none;
}

.inquiry-sales .intro > p:not(.eyebrow) {
  max-width: 42ch;
  font-size: 16px;
}

.inquiry-sales .personal {
  display: flex;
  gap: 15px;
  margin: 26px 0;
}

.inquiry-sales .personal img {
  width: 62px;
  height: 72px;
  border: 0;
  border-radius: 5px;
  object-position: 50% 30%;
  box-shadow: none;
  transform: none;
}

.inquiry-sales .personal p {
  margin: 0;
  max-width: 36ch;
  line-height: 1.55;
  color: var(--muted);
}

.inquiry-sales .personal strong,
.inquiry-sales .first-conversation h2 {
  color: var(--ink);
  font: 700 14px/1.5 Arial, sans-serif;
}

.inquiry-sales .first-conversation h2 {
  margin: 0;
}

.inquiry-sales .first-conversation ol {
  color: var(--muted);
  font-size: 14px;
}

.inquiry-sales .contact-emails span,
.inquiry-sales .contact-emails a:hover,
.inquiry-sales .privacy a,
.inquiry-sales .consent a {
  color: var(--accent);
}

.inquiry-sales .contact-emails span {
  font: 700 10px/1.4 Arial, sans-serif;
  letter-spacing: .09em;
}

.inquiry-sales .contact-emails a {
  font-size: 13px;
}

.inquiry-sales.inquiry-page .form-panel {
  min-width: 0;
  padding: clamp(24px, 4vw, 50px);
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 6px;
  box-shadow: 0 16px 42px #14242e0b;
}

.inquiry-sales .form-panel h2,
.inquiry-sales .form-panel h3 {
  font: 400 clamp(30px, 3vw, 42px)/1.1 Georgia, serif;
  letter-spacing: -.035em;
  margin: 0 0 25px;
}

.inquiry-sales input,
.inquiry-sales select,
.inquiry-sales textarea {
  border-color: #b9aea0;
  border-radius: 4px;
}

.inquiry-sales textarea::placeholder {
  color: #626763;
}

.inquiry-sales .origin {
  background: var(--paper);
  border-color: var(--accent);
}

.inquiry-sales button[type=submit],
.inquiry-sales .draft-button {
  background: var(--ink);
  border: 1px solid var(--ink);
  color: var(--white);
  border-radius: 4px;
  box-shadow: none;
}

.inquiry-sales button[type=submit]:enabled:hover,
.inquiry-sales .draft-button:hover {
  background: var(--accent);
  border-color: var(--accent);
}

.inquiry-sales .required,
.inquiry-sales .email-note {
  font-size: 12px;
}

.inquiry-sales .success-icon {
  transform: none;
  border-radius: 50%;
}

@media (max-width: 850px) {
  .inquiry-sales #main {
    gap: 30px;
  }

  .inquiry-sales .first-conversation {
    margin-top: 0;
  }
}