.contact{position:relative;width:100vw;height:100svh;overflow:hidden;background-color:var(--base-300);color:var(--base-100)}.contact .container{display:flex;align-items:center}.contact .container .contact-header{width:70%;display:flex;flex-direction:column;gap:1.5rem}.contact .contact-gif{position:absolute;top:50%;right:2rem;transform:translateY(-50%);z-index:0;width:31%;aspect-ratio:5/3.5}.home-spotlight-top-bar{position:absolute;top:0;left:0;width:100%}.home-spotlight-bottom-bar{position:absolute;bottom:0;left:0;width:100%}.home-spotlight-top-bar .container,.home-spotlight-bottom-bar .container{display:flex;justify-content:space-between}.contact-form{display:flex;flex-direction:column;gap:1rem;width:100%;z-index:1}.contact-form-row{display:flex;gap:1rem}.contact-form-field{display:flex;flex-direction:column;gap:.4rem;flex:1}.contact-form-field label{font-size:.75rem;color:var(--base-secondary-dark);letter-spacing:.06em}.contact-form-field input,.contact-form-field textarea{background:#f9f4eb0f;border:1px solid rgba(249,244,235,.15);border-radius:4px;color:var(--base-100);font-family:Host Grotesk,sans-serif;font-size:.9rem;padding:.65rem .85rem;outline:none;transition:border-color .2s ease,background .2s ease;width:100%;resize:none}.contact-form-field input::placeholder,.contact-form-field textarea::placeholder{color:#f9f4eb40}.contact-form-field input:focus,.contact-form-field textarea:focus{border-color:#f9f4eb80;background:#f9f4eb17}.contact-form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.25rem}.contact-form-status{font-size:.75rem;transition:color .2s ease}.contact-form-status.success{color:#b1c1ef}.contact-form-status.error{color:#e44}.contact-form-btn{background:var(--base-100);color:var(--base-300);border:none;border-radius:4px;padding:.6rem 1.25rem;cursor:pointer;transition:background .2s ease,transform .15s ease;white-space:nowrap;flex-shrink:0}.contact-form-btn:hover{background:var(--base-200);transform:translateY(-1px)}.contact-form-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 1000px){.contact .contact-gif{right:unset;top:35svh;width:calc(100% - 4rem);left:50%;transform:translate(-50%,-50%);max-width:500px}.contact .container .contact-header{position:absolute;bottom:6rem;z-index:1;width:95%}.contact .home-spotlight-bottom-bar p:nth-child(2),.contact .home-spotlight-bottom-bar p:nth-child(3){display:none}.contact-form-row{flex-direction:column}}