.contact{position:relative;width:100vw;min-height:100svh;display:flex;flex-direction:column;background-color:var(--base-300);color:var(--base-100)}.contact>.container{flex:1;height:auto;display:flex;align-items:center;justify-content:space-between;gap:4rem}.contact .container .contact-header{width:46%;display:flex;flex-direction:column;gap:2rem}.contact .contact-form-wrap{width:46%;z-index:1}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form .contact-form-row{display:flex;gap:1.5rem}.contact-form .contact-form-row .form-field{flex:1}.contact-form .form-field{display:flex;flex-direction:column;gap:.6rem}.contact-form .form-field label{color:var(--base-secondary-dark)}.contact-form input,.contact-form textarea{width:100%;background:var(--base-secondary-fade);border:1px solid var(--base-secondary-fade);border-radius:4px;color:var(--base-100);font-family:Host Grotesk;font-size:1.1rem;padding:.85rem 1rem;outline:none;transition:border-color .25s ease;resize:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--base-secondary-dark);opacity:.7}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent-1)}.contact-form input:user-invalid,.contact-form textarea:user-invalid{border-color:var(--accent-3)}.contact-submit{align-self:flex-start;margin-top:.5rem;background:var(--accent-1);color:var(--base-300);border:none;padding:.9rem 1.6rem;cursor:pointer;letter-spacing:.02rem;transition:opacity .25s ease,transform .15s ease}.contact-submit:hover{opacity:.85}.contact-submit:active{transform:translateY(1px)}.contact-submit:disabled{opacity:.5;cursor:not-allowed}.contact-status{min-height:1rem;margin-top:-.25rem}.contact-status.is-success{color:var(--accent-1)}.contact-status.is-error{color:var(--accent-3)}.contact .home-spotlight-top-bar,.contact .home-spotlight-bottom-bar{position:relative;width:100%;flex-shrink:0}.contact .home-spotlight-top-bar .container,.contact .home-spotlight-bottom-bar .container{height:auto;display:flex;justify-content:space-between}@media (max-width: 1000px){.contact>.container{flex-direction:column;align-items:stretch;justify-content:center;gap:2.5rem}.contact .container .contact-header,.contact .contact-form-wrap{width:100%}.contact .home-spotlight-bottom-bar p:nth-child(2),.contact .home-spotlight-bottom-bar p:nth-child(3){display:none}}