.contact__grid{gap:4rem;display:grid}.contact__intro{align-content:start;gap:2rem;display:grid}.contact__form{justify-items:start;gap:1.5rem;display:grid}.contact__form .field,.contact__row{width:100%}.contact__row{gap:1.5rem;display:grid}@media (min-width:750px){.contact__row{grid-template-columns:1fr 1fr}}@media (min-width:990px){.contact__grid{grid-template-columns:1fr 1fr;gap:8vw}}.contact__form .field__label{font-family:var(--font-mono);font-weight:var(--font-mono-weight);letter-spacing:.06em}.contact__form .field__input:focus+.field__label,.contact__form .field__input:not(:placeholder-shown)+.field__label{letter-spacing:.2em;opacity:.75}.contact__form .field__input{background:linear-gradient(var(--accent), var(--accent)) left bottom / 0 1px no-repeat;transition:background-size .8s var(--ease-out), border-color .4s}.contact__form .field__input:focus{border-color:var(--hairline);background-size:100% 1px}.contact__form .field__input[aria-invalid=true]{border-color:var(--c-mark)}.contact__topic-label{font-family:var(--font-mono);font-weight:var(--font-mono-weight);letter-spacing:.2em;text-transform:uppercase;opacity:.75;font-size:.6875rem;display:block}.contact__topic .select select{cursor:pointer}.contact__topic .select select:focus{border-color:var(--accent);outline:none}.contact__topic .select select:focus-visible{outline-offset:4px;outline:1px solid}.contact__form .form-message{border:1px solid var(--hairline);border-left:2px solid var(--c-gold);margin:0;padding:1rem 1.25rem}.contact__form .form-message--error{border-left-color:var(--c-mark)}.contact__form .form-message ul{margin:.5rem 0 0;padding-left:1.1rem}.contact__form button[disabled]{cursor:progress;opacity:.7}.contact__trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}