/* wq-embed-2026.css — the written-enquiry form as a drop-in section.
   27 Aug 2026. The form component itself (.wq__*) is styled globally in
   dukes.css and driven by enhance.mjs -> written-enquiry.mjs, which now
   POSTs to /api/lead (WhatsApp Dukes / Email Dukes deliver directly).
   This file only provides the island wrapper so the same block can sit on
   any page ground without borrowing that page's namespaced layer.
   Namespace: wqe. One embed per page (the controller binds one form). */

.wqe {
  padding: clamp(3rem, 6vw, 5.5rem) clamp(1.1rem, 4vw, 2.5rem);
}

.wqe__card {
  max-width: 72rem;
  margin-inline: auto;
  background: #fffdf6;
  border-radius: 28px;
  padding: clamp(1.75rem, 4.5vw, 3.5rem);
  box-shadow: 0 24px 60px rgba(15, 23, 32, 0.14);
}

.wqe__kicker {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--copper-deep, #8a5a2b);
}

.wqe__title {
  margin: 0.6rem 0 0;
  font-family: var(--font-display, Georgia, serif);
  font-size: clamp(1.6rem, 3.2vw, 2.4rem);
  line-height: 1.12;
  color: var(--ink, #1c1a16);
}

.wqe__lede {
  margin: 0.9rem 0 0;
  max-width: 62ch;
  line-height: 1.65;
  color: var(--ink, #1c1a16);
}

.wqe__card .wq {
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
}