/* Contact form styles, matched to the site: white fields on the blue card. */
.cf-form{display:flex;flex-direction:column;gap:20px}
.cf-row{display:flex;flex-wrap:wrap;gap:20px}
.cf-form>.cf-field{flex:0 0 auto}
.cf-field{flex:1 1 170px;min-width:0;display:flex;flex-direction:column;gap:8px}
.cf-field label{font-family:'IBM Plex Mono',monospace;font-size:13px}
.cf-field input,.cf-field textarea{width:100%;box-sizing:border-box;min-height:52px;padding:12px 16px;background:#FFFFFF;color:#111111;border:2px solid transparent;border-radius:12px;font-family:inherit;font-size:18px}
.cf-field textarea{min-height:150px;resize:vertical}
.cf-field input:focus,.cf-field textarea:focus{outline:3px solid #111111;outline-offset:2px}
.cf-field [aria-invalid="true"]{border-color:#FFD23F}
.cf-err{font-size:15px;font-weight:600;color:#FFFFFF;background:#111111;align-self:flex-start;padding:2px 8px;border-radius:6px}
.cf-err:empty{display:none}
/* Honeypot: invisible to people, irresistible to bots. */
.cf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.cf-send{align-self:flex-start;min-height:52px;background:#111111;color:#FFFFFF;border:0;padding:14px 36px;border-radius:999px;font-family:inherit;font-weight:700;font-size:18px;cursor:pointer}
.cf-send:hover{background:#FFFFFF;color:#111111}
.cf-send:focus-visible{outline:3px solid #FFFFFF;outline-offset:3px}
.cf-send:disabled{opacity:.6;cursor:wait}
.cf-status{margin:0;font-size:17px;min-height:1.4em;color:#FFFFFF}
.cf-status:empty{display:none}
.cf-status[data-kind="ok"]{font-size:24px;font-weight:700}
.cf-status[data-kind="error"]{font-weight:600}
.cf-form[data-sent="true"] .cf-row,.cf-form[data-sent="true"] .cf-field,.cf-form[data-sent="true"] .cf-send{display:none}
