.contact{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);display:grid}.contact-aside{color:var(--color-muted);margin:0;font-size:.75rem}.contact-card{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:6px 6px 0 var(--color-border);gap:1.25rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.contact-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.contact-field{gap:.5rem;display:grid}.contact-field label{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.625rem;font-weight:500}.contact-field input,.contact-field textarea{border:1px solid var(--color-rule);background:var(--color-bg);width:100%;min-height:44px;color:var(--color-fg);font:inherit;border-radius:0;padding:.8rem .9rem;transition:border-color .14s,box-shadow .14s}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--color-muted);opacity:.7}.contact-field input:hover,.contact-field textarea:hover{border-color:var(--color-muted)}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--color-accent);box-shadow:3px 3px 0 var(--color-accent);outline:none}.contact-field textarea{resize:vertical;min-height:11rem}.contact-card button{cursor:pointer;justify-self:start;font-family:inherit}.contact-trap{display:none}.contact-sent{justify-items:start;max-width:44rem;display:grid}.contact-check{background:var(--color-accent);width:3rem;height:3rem;color:var(--color-accent-fg);border-radius:50%;place-items:center;margin-bottom:1.5rem;font-size:1.4rem;font-weight:600;display:grid}@media (width<=860px){.contact,.contact-row{grid-template-columns:1fr}.contact-card button{justify-self:stretch}}