.ascii-effect{width:100%;height:100%;position:relative;overflow:hidden}.ascii-effect canvas{width:100%;height:100%;display:block}
.contact{color:#fff;background:#000;border-top:1px solid #ffffff14;width:100%;min-height:100vh}@keyframes contact-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.contact-main{opacity:0;width:100%;max-width:780px;margin:0 auto;padding:6rem 2rem 8rem;animation:.6s cubic-bezier(.22,1,.36,1) .1s forwards contact-fadeUp}.contact-title{letter-spacing:-.04em;text-align:center;color:#fff;margin:0 0 4rem;font-family:Outfit,-apple-system,sans-serif;font-size:clamp(2.75rem,6vw,4.25rem);font-weight:300;line-height:1.1}.contact-form{flex-direction:column;gap:2.5rem;display:flex}.contact-row{grid-template-columns:1fr 1fr;gap:2.5rem;display:grid}.contact-field{flex-direction:column;gap:.75rem;display:flex}.contact-field label{color:#fff9;letter-spacing:.15em;text-transform:uppercase;font-size:.875rem;font-weight:500}.contact-field input,.contact-field textarea{color:#fff;background-color:#0000;background-image:linear-gradient(90deg,#ff5757,#6ba8ff),linear-gradient(#ffffff40,#ffffff40);background-position:0 100%,0 100%;background-repeat:no-repeat;background-size:0% 3px,100% 3px;border:none;border-radius:0;width:100%;padding:.75rem 0;font-family:inherit;font-size:1.25rem;transition:background-size .45s cubic-bezier(.22,1,.36,1)}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#ffffff4d}.contact-field input:hover,.contact-field textarea:hover,.contact-field input:focus,.contact-field textarea:focus{background-size:100% 3px,100% 3px;outline:none}.contact-field textarea{resize:vertical;min-height:180px;line-height:1.6}.contact-status{margin:0;font-size:1.0625rem}.contact-status-success{color:#6ba8ff}.contact-status-error{color:#ff5757}.contact-submit{letter-spacing:.15em;text-transform:uppercase;color:#fff;cursor:pointer;background-color:#0000;background-image:linear-gradient(90deg,#ff5757,#6ba8ff);background-position:0 0;background-repeat:no-repeat;background-size:0% 100%;border:2px solid #ffffff4d;border-radius:3px;align-self:flex-start;padding:1rem 2.75rem;font-family:inherit;font-size:.9375rem;font-weight:500;transition:background-size .45s cubic-bezier(.22,1,.36,1),border-color .35s}.contact-submit:hover:not(:disabled),.contact-submit:focus-visible:not(:disabled){background-size:100% 100%;border-color:#ffffffbf;outline:none}.contact-submit:disabled{opacity:.45;cursor:not-allowed}.contact-direct{color:#ffffff80;margin:4rem 0 0;font-size:1.4rem}.contact-direct-email{color:#fffc;border-bottom:1px solid #ffffff40;padding-bottom:1px;text-decoration:none;transition:color .3s,border-color .3s}.contact-direct-email:hover{color:#6ba8ff;border-bottom-color:#6ba8ff}.contact-ascii{touch-action:pan-y;height:clamp(300px,40vw,480px);margin-top:4.5rem}@media (max-width:640px){.contact-main{padding:4rem 1.5rem 5rem}.contact-ascii{height:260px;margin-top:3rem}.contact-title{margin-bottom:2.5rem}.contact-row{grid-template-columns:1fr;gap:2rem}}