/* ============================================================
   CONTACT / REQUEST A BID — CTA over image
   ============================================================ */

.cta{position:relative;overflow:hidden}
.cta-scrim{position:absolute;inset:0;z-index:1;background:rgba(21,22,22,.8)}
.cta-in{position:relative;z-index:2;text-align:center;display:grid;gap:1.5rem;justify-items:center;
  padding-block:clamp(4rem,10vh,7rem)}
.cta .d2{max-width:15ch}

.contact-in{
  position:relative;z-index:2;display:grid;gap:2.4rem;grid-template-columns:1fr;
  padding-block:clamp(3.4rem,9vh,5.6rem);
}
@media(min-width:920px){.contact-in{grid-template-columns:.85fr 1.15fr;gap:4rem}}
.contact-copy .d2{max-width:14ch}
.contact-copy .lede{max-width:36ch;margin:1rem 0 0}
.contact-copy .sig{
  margin-top:1.6rem;padding-top:1.1rem;border-top:1px solid var(--line-l);
  font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
  opacity:.55;line-height:1.95;
}

/* ---------- bid form ---------- */
.frm{display:grid;gap:1rem;color-scheme:dark}
.frm .two{display:grid;gap:1rem}
@media(min-width:600px){.frm .two{grid-template-columns:1fr 1fr}}
.frm label{
  display:block;margin-bottom:.42rem;
  font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;
  text-transform:uppercase;opacity:.58;
}
.frm input,.frm select,.frm textarea{
  width:100%;background:rgba(247,247,243,.06);border:1px solid var(--line-l);
  color:var(--paper);font-family:var(--sans);font-size:.94rem;font-weight:300;
  padding:.72rem .82rem;border-radius:2px;transition:border-color .2s,background .2s;
}
.frm textarea{min-height:96px;resize:vertical;line-height:1.55}
.frm select{appearance:none;padding-right:2.2rem;
  background-image:linear-gradient(45deg,transparent 50%,rgba(247,247,243,.5) 50%),
                   linear-gradient(135deg,rgba(247,247,243,.5) 50%,transparent 50%);
  background-position:calc(100% - 17px) 1.15rem,calc(100% - 11px) 1.15rem;
  background-size:6px 6px,6px 6px;background-repeat:no-repeat}
/* DAVID BEERS, 2026-08-13: "check dropdowns - text is transparent in
   spots." Real bug, and invisible on this machine. .frm select sets colour
   to --paper (near-white), which is right for the CLOSED control sitting on
   the dark form. The OPEN popup list is drawn by the OS, and with no rule
   of its own every <option> inherited that near-white onto a system-light
   background — white on white.

   Two belts, deliberately. color-scheme pins the popup to light rendering
   so the platform cannot hand back a dark one; the explicit option colours
   then put dark ink on light ground. A browser honouring only one of the
   two still gives a legible list, which is the point of having both. */
.frm select{color-scheme:light}
.frm select option,
.frm select optgroup{background-color:var(--paper);color:var(--grey)}

.frm input:hover,.frm select:hover,.frm textarea:hover{border-color:rgba(247,247,243,.3)}
.frm input:focus,.frm select:focus,.frm textarea:focus{
  outline:2px solid var(--orange);outline-offset:1px;
  border-color:transparent;background:rgba(247,247,243,.09)}
.frm .btn{border:0;cursor:pointer;justify-self:start;margin-top:.3rem;font-family:var(--display)}
/* CONTRAST CORRECTION (revision pass, folded in): was .42. */
.frm-note{
  margin:0;font-family:var(--mono);font-size:.62rem;letter-spacing:.13em;
  text-transform:uppercase;opacity:.6;line-height:1.9}

.frm-ok{
  display:none;border:1px solid var(--orange);border-left-width:3px;
  padding:1.15rem 1.3rem;background:rgba(244,151,40,.07)}
.frm-ok.show{display:block}
.frm-ok b{display:block;font-family:var(--display);text-transform:uppercase;
  letter-spacing:-.03em;font-size:1.05rem;color:var(--orange);margin-bottom:.4rem;font-weight:400}
.frm-ok p{margin:0;font-size:.9rem;opacity:.8;line-height:1.6}