.contact{position:relative;width:100vw;min-height:100svh;overflow:hidden;background-color:var(--base-300);color:var(--base-100);padding:7rem 0 6rem}.contact>.contact-container{display:flex;align-items:stretch;gap:clamp(3rem,7vw,8rem);height:auto}.contact-intro{flex:0 1 42%;display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}.contact-header-title h2{font-size:clamp(5rem,10vw,10rem)}.contact-intro-copy{max-width:32rem;color:#f9f4ebb8;line-height:1.5}.contact-gif{width:min(100%,34rem);aspect-ratio:5/3.5;margin-top:auto;border:1px dashed var(--base-secondary-dark);border-radius:10px;overflow:hidden}.contact-form{flex:1 1 52%;align-self:center;padding:clamp(1.5rem,3vw,2.5rem);border:1px dashed var(--base-secondary-dark);border-radius:12px;background-color:#f9f4eb09}.contact-form-heading{padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px dashed var(--base-secondary-dark)}.contact-form-heading>p:last-child{margin-top:.6rem;color:#f9f4eb99;font-size:.9rem}.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.form-field{display:flex;flex-direction:column;gap:.55rem}.form-field-full{grid-column:1 / -1}.form-field label{font-family:DM Mono;font-size:.75rem;font-weight:500;text-transform:uppercase}.form-field input,.form-field textarea{width:100%;color:var(--base-100);background:#f9f4eb0a;border:1px solid var(--base-secondary-dark);border-radius:7px;padding:.9rem 1rem;font:inherit;outline:none;transition:border-color .2s ease,background-color .2s ease}.form-field textarea{min-height:9rem;resize:vertical}.form-field input::placeholder,.form-field textarea::placeholder{color:#f9f4eb59}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent-1);background:#f9f4eb12}.form-field small{color:#f9f4eb80;font-size:.75rem}.file-field{position:relative;display:flex;align-items:center;min-height:3.25rem;border:1px solid var(--base-secondary-dark);border-radius:7px;overflow:hidden;background:#f9f4eb0a}.file-field input{position:absolute;inset:0;z-index:1;opacity:0;cursor:pointer}.file-field-label{align-self:stretch;display:flex;align-items:center;padding:0 1rem;color:var(--base-300);background:var(--accent-1);font-family:DM Mono;font-size:.75rem;text-transform:uppercase}.file-field-name{min-width:0;padding:0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f9f4eba6;font-size:.85rem}.contact-form-footer{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.contact-submit{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;min-width:13rem;padding:1rem 1.25rem;border:1px solid var(--accent-1);border-radius:7px;color:var(--base-300);background:var(--accent-1);font-family:DM Mono;font-size:.8rem;font-weight:500;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,color .2s ease}.contact-submit:hover{color:var(--base-100);background:transparent}.contact-submit:disabled{cursor:wait;opacity:.65}.form-status{font-size:.85rem;line-height:1.35}.form-status.is-success{color:var(--accent-4)}.form-status.is-error{color:var(--accent-2)}.contact-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.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}@media (max-width: 1000px){.contact{padding:7rem 0 2rem}.contact>.contact-container{flex-direction:column;gap:3rem}.contact-intro,.contact-gif,.contact-form{width:100%}.contact .home-spotlight-bottom-bar{position:relative;margin-top:4rem}.contact .home-spotlight-bottom-bar p:nth-child(2),.contact .home-spotlight-bottom-bar p:nth-child(3){display:none}}@media (max-width: 600px){.contact-form-grid{grid-template-columns:1fr}.form-field{grid-column:1}.contact-form-footer{align-items:stretch;flex-direction:column}.contact-submit{width:100%}}
