.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:20px;display:grid}.contact-info{gap:14px;padding:32px;display:grid}.contact-info h2{font:400 2rem/1.1 var(--display);margin:0}.contact-info address{font-size:1.2rem;font-style:normal;line-height:1.5}.contact-phone{font:400 1.6rem/1 var(--mono);color:var(--mint);text-decoration:none}.contact-phone:hover{text-decoration:underline}.contact-social{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.contact-social .btn{padding:10px 14px;font-size:.92rem}.contact-map{aspect-ratio:4/3;border:0;border-radius:0;width:100%;display:block}.contact-box{padding:32px}.contact-box h2{font:400 2rem/1.1 var(--display);margin:0 0 24px}.contact-box .field{gap:8px;margin-bottom:22px;display:grid}.contact-box label{font:400 1rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--white)}.contact-box input,.contact-box textarea{width:100%;font:400 1.1rem/1.4 var(--body);color:var(--white);background:#0f0f0f;border:1px solid #3a3a3a;border-radius:0;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.contact-box input:focus,.contact-box textarea:focus{border-color:var(--mint);outline:none;box-shadow:0 0 0 3px #3ed69c40}.contact-box textarea{resize:vertical;min-height:180px}.contact-error{color:#ff7a7a;font:400 1.05rem/1.4 var(--mono);min-height:1.4em;margin:16px 0 0}.contact-thanks{text-align:center;padding:40px 32px}.contact-thanks h2{font:400 2.2rem/1.1 var(--display);color:var(--mint);margin:0 0 10px}@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}@media (max-width:620px){.contact-info,.contact-box{padding:24px}}