.contact{position:relative;width:100vw;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--base-100);color:var(--base-400);overflow-x:hidden;padding-top:5rem}.contact .screensaver{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;pointer-events:none;z-index:0}.contact .contact-copy{position:relative;z-index:10;width:75%;max-width:2000px;display:flex;padding:4rem 2rem;gap:2rem;margin:auto 0}.contact .contact-copy .contact-col:first-child{flex:3}.contact .contact-copy .contact-col:nth-child(2){flex:2;display:flex;flex-direction:column;gap:2rem}.contact .contact-copy .contact-col h2{width:90%;margin-bottom:3rem}.contact .contact-copy p.sm{margin-bottom:.6rem}.contact-form-container{width:90%}.contact-form{flex-direction:column}.contact-form,.form-group-wrapper{display:flex;gap:2rem}.form-group-wrapper .form-group{flex:1}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--base-300)}.form-group input,.form-group textarea{background:transparent;border:none;border-bottom:1px solid var(--base-200);padding:1rem 0;color:var(--base-400);font-family:PP Neue Montreal;font-size:1.25rem;outline:none;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--base-500)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--base-200);opacity:.5}.form-submit{margin-top:2rem}.submit-button{background:var(--base-400);color:var(--base-100);border:none;padding:1.25rem 2.5rem;font-family:Geist Mono;text-transform:uppercase;font-size:.85rem;font-weight:500;letter-spacing:.1rem;cursor:pointer;transition:all .3s ease;width:fit-content}.submit-button:hover:not(:disabled){background:var(--base-500);transform:translateY(-2px)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#ff3d33;margin-top:1rem}.success-message{display:flex;flex-direction:column;gap:2rem}.reset-btn{width:fit-content}.contact .contact-footer{position:relative;width:100%;z-index:10}.contact .contact-footer .container{display:flex;justify-content:space-between;align-items:flex-end;padding:2rem}.contact .contact-footer .contact-socials{display:flex;gap:2rem}@media (max-width:1000px){.contact{padding:0;justify-content:flex-start}.contact .contact-copy{flex-direction:column;width:100%;gap:4rem;padding:8rem 1.25rem 4rem;margin:0}.contact .contact-copy .contact-col h2{width:100%;font-size:3rem;margin-bottom:2rem}.form-group-wrapper{flex-direction:column;gap:1.5rem}.contact-form-container,.submit-button{width:100%}.contact .contact-footer{padding-bottom:0}.contact .contact-footer .container{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;padding:1.25rem 1.25rem 2rem}.contact .contact-footer .contact-socials{flex-direction:column;gap:.5rem}}