.contact-hero{position:relative;width:100vw;min-height:100svh;overflow-x:hidden;display:flex;align-items:center;padding:7rem 0 5rem;color:var(--base-200)}.contact-hero .container{display:flex;gap:4rem;align-items:flex-start}.contact-hero .container .contact-col:first-child{flex:4 1;display:flex;flex-direction:column;gap:2.5rem;padding-left:6rem}.contact-hero .container .contact-col:nth-child(2){flex:2 1;display:flex;flex-direction:column}.contact-hero .contact-hero-header{display:flex;flex-direction:column;gap:1rem;max-width:36rem}.contact-hero .contact-hero-header h1{width:100%;color:var(--base-100);font-size:clamp(2.5rem,4.5vw,3.75rem);letter-spacing:-.15rem;line-height:1.1}.contact-hero .contact-hero-subtitle{color:var(--base-300);font-size:1.0625rem;line-height:1.5;max-width:30rem}.contact-hero .contact-info{display:flex;flex-direction:column;gap:1.75rem}.contact-hero .contact-info .contact-info-block p{color:var(--base-100);margin-bottom:.5rem}.contact-hero .contact-info .contact-info-block p:first-child{color:var(--base-300)}.contact-form{gap:1.25rem;width:100%;max-width:32rem}.contact-field,.contact-form{display:flex;flex-direction:column}.contact-field{gap:.35rem}.contact-field label{color:var(--base-300);letter-spacing:.04rem}.contact-field input,.contact-field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--base-400);color:var(--base-100);font-family:Manrope,system-ui,sans-serif;font-size:1rem;font-weight:500;line-height:1.4;padding:.4rem 0;outline:none;resize:vertical;transition:border-color .3s ease}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--base-400)}.contact-field input:focus-visible,.contact-field textarea:focus-visible{border-bottom-color:var(--base-100)}.contact-field textarea{min-height:3.25rem;font-family:Manrope,system-ui,sans-serif}.contact-form .btn{margin:0}.contact-form-error{color:var(--base-200);font-size:.875rem}.contact-form-success{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border:1px solid var(--base-400);border-radius:1rem;max-width:32rem}.contact-form-success p:first-child{color:var(--base-300)}.contact-form-success p:last-child{color:var(--base-100);font-size:1.125rem;line-height:1.4}@media (max-width:1000px){.contact-hero{min-height:auto;padding:7rem 0 6rem;align-items:stretch}.contact-hero .container{flex-direction:column;gap:3rem}.contact-hero .container .contact-col:first-child{gap:2rem;padding-left:0}.contact-hero .contact-hero-header h1{width:100%}.contact-form,.contact-form-success{max-width:100%}}