.contact-page{padding-top:150px;padding-bottom:100px}.contact-opening{border-bottom:1px solid var(--rule);grid-template-columns:1.3fr 1fr;gap:8vw;padding:35px 0 70px;display:grid}.contact-opening h1{letter-spacing:-.045em;margin:0;font-size:clamp(38px,5vw,76px);font-weight:400;line-height:1.1}.contact-opening>div>p{color:var(--muted);max-width:440px;margin:0 0 30px;font-size:17px;line-height:1.8}.contact-socials{gap:25px;margin-top:30px;font-size:12px;display:flex}.contact-socials a{align-items:center;gap:12px;display:flex}.contact-socials svg{width:13px}.contact-form{grid-template-columns:1fr 1fr;gap:35px 50px;max-width:1100px;padding-top:65px;display:grid}.contact-form label{font:11px var(--font-mono),monospace;color:var(--muted);flex-direction:column;gap:15px;display:flex}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid var(--rule);background:var(--deep);width:100%;color:var(--bone);font:16px var(--font-sans),sans-serif;border-radius:0;padding:16px}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:1px solid var(--orange)}.contact-form textarea{resize:vertical}.contact-wide{grid-column:1/-1}.contact-form-action{align-self:end}.contact-form-action>p,.contact-form>p{color:var(--muted);font-size:12px;line-height:1.8}.contact-form-action>p{max-width:340px}.contact-form button{cursor:pointer}@media (max-width:700px){.contact-page{padding-top:110px;padding-bottom:60px}.contact-opening{grid-template-columns:1fr;gap:30px;padding-bottom:40px}.contact-opening>div>p{font-size:15px}.contact-form{grid-template-columns:1fr;gap:25px;padding-top:40px}.contact-form input,.contact-form textarea,.contact-form select{font-size:16px}}
