.flow-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px;padding:30px;border:2px solid var(--ink);background:var(--paper-light);box-shadow:8px 8px 0 var(--mint);font-family:var(--sans)}.flow-contact-form label{display:grid;gap:7px;color:var(--ink-soft);font-family:var(--mono);font-size:.72rem;font-weight:700;text-transform:uppercase}.flow-contact-form label:nth-of-type(n+4),.flow-contact-form>p,.flow-contact-form>button{grid-column:1/-1}.flow-contact-form input,.flow-contact-form select,.flow-contact-form textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:0;background:white;color:var(--ink);font:1rem/1.4 var(--sans)}.flow-contact-form textarea{resize:vertical}.flow-contact-form :is(input,select,textarea):focus{outline:3px solid var(--mint);border-color:var(--ink)}.flow-contact-form>p{margin:0;font-size:.82rem}.flow-contact-form button{justify-self:start;padding:14px 20px;border:0;background:var(--red);color:white;font:700 .75rem var(--mono);text-transform:uppercase;cursor:pointer}.flow-contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.flow-contact-note{display:none;margin:28px 0;padding:22px;border-left:7px solid var(--red);background:var(--mint)}.flow-contact-note:target{display:block}@media(max-width:620px){.flow-contact-form{grid-template-columns:1fr;padding:22px}.flow-contact-form label{grid-column:1}}