.contact{min-height:100vh;padding:2rem;overflow-y:auto}.nav{z-index:10;position:fixed;top:2rem;left:2rem}.nav-link{color:#555;font-size:1.2rem;text-decoration:none;transition:color .2s}.nav-link:hover{color:#888}.content{max-width:460px;margin:0 auto;padding:4rem 0 3rem}.section{flex-direction:column;gap:.75rem;display:flex}.heading{color:#7a7a7a;text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;font-weight:400}.copy{color:#666;letter-spacing:.02em;font-size:.85rem;line-height:1.7}.mailto{color:#555;letter-spacing:.06em;font-size:.8rem;text-decoration:none;transition:color .2s}.mailto:hover{color:#999}.divider{border:none;border-top:1px solid #1a1a1a;margin:3rem 0}.form{flex-direction:column;gap:1rem;margin-top:.5rem;display:flex}.input{color:#d8d8d8;letter-spacing:.04em;-webkit-appearance:none;background:0 0;border:none;border-bottom:1px solid #222;border-radius:0;outline:none;padding:.7rem 0;font-family:inherit;font-size:16px;transition:border-color .2s}.input::placeholder{color:#444}.input:focus{border-color:#555}.input:invalid:not(:placeholder-shown){border-color:#6b3333}.textarea{resize:vertical;border:1px solid #222;min-height:5rem;margin-top:.25rem;padding:.7rem}.textarea:focus{border-color:#555}.btn{color:#777;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;background:0 0;border:1px solid #333;align-self:flex-start;margin-top:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.7rem;transition:color .2s,border-color .2s}.btn:hover{color:#bbb;border-color:#555}.btn:active{color:#ddd}.btn:disabled{opacity:.4;cursor:default}.success{color:#666;letter-spacing:.02em;margin-top:.5rem;font-size:.85rem}@media (width<=480px){.contact{padding:1.5rem}.content{padding:3.5rem 0 2rem}}