.contact{background-color:var(--base-100);width:100%;min-height:100svh;color:var(--base-400);flex-direction:column;justify-content:center;padding:10rem 0 7rem;display:flex;position:relative}.contact .contact-copy{grid-template-columns:minmax(0,3fr) minmax(0,1.4fr);gap:6rem;width:100%;max-width:1500px;margin:0 auto;padding:0 2rem;display:grid}.contact h1{max-width:14ch;font-size:clamp(3.5rem,7vw,7.5rem)}.contact .contact-subtitle{max-width:34rem;color:var(--base-300);margin-top:1.5rem}.contact-form{flex-direction:column;gap:1.75rem;margin-top:3rem;display:flex}.contact-form .field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.contact-form .field{border:none;flex-direction:column;gap:.6rem;min-width:0;display:flex}.contact-form .field-label{text-transform:uppercase;letter-spacing:.1rem;color:var(--base-300);margin-bottom:.1rem;padding:0;font-family:Geist Mono,monospace;font-size:.75rem;font-weight:500}.contact-form input[type=text],.contact-form textarea{color:#141414;resize:vertical;background:0 0;border:none;border-bottom:1.5px solid #1414142e;border-radius:0;outline:none;width:100%;padding:.9rem 0;font-family:PP Neue Montreal,sans-serif;font-size:1.25rem;transition:border-color .3s}.contact-form textarea{min-height:8rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--base-400);opacity:.7}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--base-500)}.contact-form [aria-invalid=true]{border-color:#d10000}.contact-form .chips{flex-wrap:wrap;gap:.5rem;display:flex}.contact-form .chip{color:#141414;cursor:pointer;-webkit-user-select:none;user-select:none;border:1.5px solid #14141426;border-radius:999px;align-items:center;padding:.6rem 1.1rem;font-family:PP Neue Montreal,sans-serif;font-size:.95rem;transition:background-color .25s,border-color .25s,color .25s;display:inline-flex;position:relative}.contact-form .chip:hover{border-color:#141414}.contact-form .chip.is-active{color:var(--base-100);background-color:#141414;border-color:#141414}.contact-form .chip input{opacity:0;pointer-events:none;position:absolute}.contact-form .chip:has(input:focus-visible){outline:2px solid var(--base-500);outline-offset:2px}.contact-form .form-error{color:#d10000;font-size:1rem}.contact-form .form-actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.contact-form .form-actions button{text-transform:uppercase;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.6rem;padding:1.05rem 1.75rem;font-family:PP Pangram Sans,sans-serif;font-size:.95rem;font-weight:800;transition:transform .25s,box-shadow .25s,background-color .25s;display:inline-flex}.contact-form .form-actions button:hover{transform:translateY(-2px)}.contact-form .btn-whatsapp{color:#062b14;background-color:#25d366;box-shadow:0 10px 30px #25d3664d}.contact-form .btn-email{color:var(--base-100);background-color:#141414}.contact aside.contact-col{flex-direction:column;gap:2rem;padding-top:1rem;display:flex}.contact .contact-group p.sm{margin-bottom:.6rem}.contact .contact-group p:not(.sm){color:#141414}.contact .contact-link{color:#141414;border-bottom:1.5px solid var(--base-500);padding-bottom:.1rem;font-family:PP Neue Montreal,sans-serif;font-size:1.25rem;text-decoration:none;transition:color .25s;display:inline-block}.contact .contact-link:hover{color:var(--base-500)}.contact .contact-socials-inline{flex-wrap:wrap;gap:1rem;display:flex}.contact .contact-note{color:var(--base-300);font-size:1rem}.contact .contact-footer{width:100%;position:absolute;bottom:0;left:0}.contact .contact-footer .container{justify-content:space-between;align-items:flex-end;padding:2rem;display:flex}@media (max-width:1000px){.contact{padding:8rem 0 6rem}.contact .contact-copy{grid-template-columns:1fr;gap:4rem;padding:0 1.25rem}.contact h1{font-size:3rem}.contact-form .field-row{grid-template-columns:1fr}.contact-form .form-actions button{flex:100%;justify-content:center}.contact .contact-footer .container{padding:1.25rem}}.contact-form fieldset.field{min-width:0;margin:0;padding:0}.contact-form fieldset.field>legend.field-label{float:left;width:100%;margin-bottom:.75rem}.contact-form fieldset.field>.chips{clear:both}.contact-form .field-label{display:block}
