/* =====================================================================
   The deal team form (.dt- rules) — shared by Contact and Our Approach, loaded after main.css.
   Fields take the newsletter's cut: square, a hairline, teal on focus; labels sit above in the
   text cut, sentence case. The note goes to Netlify Forms (form.js); the deal team gets it by email.
   ===================================================================== */
.dt-form{display:grid;gap:clamp(1rem,1.5vw,1.35rem)}
.dt-row{display:grid;gap:inherit}
@media (min-width:640px){.dt-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dt-f{display:grid;gap:.45rem}
.dt-l{font-weight:var(--w-ui);font-size:.98rem;letter-spacing:.004em;color:var(--ink)}
.dt-opt{font-weight:400;color:var(--ink-faint)}
.dt-f input,.dt-f select,.dt-f textarea{
  width:100%;min-width:0;padding:.92rem 1.1rem;border-radius:0;
  border:1px solid rgba(20,24,26,.16);background:var(--card);color:var(--ink);font:inherit;font-size:1.02rem;line-height:1.4;
  transition:border-color .4s,box-shadow .4s;
}
.dt-f textarea{min-height:9rem;resize:vertical}
/* the select wears the same box, with a drawn chevron; its "Choose one" prompt reads as a hint until a choice is made */
.dt-f select{
  -webkit-appearance:none;appearance:none;padding-right:2.9rem;cursor:pointer;
  background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 6 8 10.5 12.5 6' stroke='%235A6462' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 1.1rem center/14px 14px;
}
.dt-f select:invalid{color:var(--ink-faint)}
.dt-f select option{color:var(--ink)}
.dt-f :is(input,select,textarea):focus{outline:none;border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}
.dt-foot{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin-top:.35rem}
.dt-note{margin:0;max-width:30em;font-size:.95rem;line-height:1.45;color:var(--ink-soft)}
/* the status line: empty until a send; a failure reads in the text cut, the thanks takes the fields' place */
.dt-status{margin:0;font-size:1.02rem;line-height:1.5;color:var(--ink-soft)}
.dt-status:empty{position:absolute}
.dt-status:focus{outline:none}
.dt-status a{color:var(--teal);text-decoration:underline;text-underline-offset:.18em}
.dt-form.is-sending .btn{opacity:.55;pointer-events:none}
.dt-form.is-sent>:not(.dt-status){display:none}
.dt-form.is-sent .dt-status{
  padding-block:clamp(1rem,2vw,1.6rem);
  font-family:var(--f-serif);font-optical-sizing:auto;font-weight:460;
  font-size:var(--icr-t,clamp(1.4rem,1.9vw,1.95rem));line-height:1.2;letter-spacing:-.014em;color:var(--ink);text-wrap:balance;
}
