.contact{isolation:isolate;max-width:var(--max);padding:clamp(3rem, 6vw, 5rem) var(--gutter) var(--section);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:3rem clamp(2rem,6vw,6rem);margin:0 auto;display:grid;position:relative}.contact__intro{top:calc(var(--header-h) + 2rem);position:sticky}.contact__title{max-width:12ch;font-size:var(--step-4);letter-spacing:-.03em;text-wrap:balance;font-weight:300;line-height:1}.contact__lede{max-width:30rem;color:var(--plum-soft);font-size:var(--step-1);text-wrap:pretty;margin-top:1.5rem}.contact__more{border-top:3px solid var(--rose);color:var(--plum-soft);margin-top:2.5rem;padding-top:1.5rem}.contact__more p+p{margin-top:.75rem}.contact-form{background:var(--paper);border-radius:20px;gap:1.5rem;padding:clamp(1.75rem,4vw,3rem);display:grid;position:relative;box-shadow:0 30px 60px -30px #2b1d3380}.field{gap:.45rem;display:grid}.field label{font-weight:500}.field__optional{color:var(--muted);font-weight:400}.field input,.field textarea{border:1.5px solid var(--line);background:var(--paper);width:100%;color:var(--plum);font:inherit;border-radius:4px;padding:.8rem 1rem;transition:border-color .16s}.field textarea{resize:vertical;min-height:9rem}.field input::placeholder{color:#9a94a3}.field input:hover,.field textarea:hover{border-color:var(--rail)}.field input:focus,.field textarea:focus{border-color:var(--plum);outline:none}.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--plum);outline-offset:1px}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--rose-deep)}.field__hint{color:var(--muted);font-size:var(--step--1);line-height:1.5}.field__error{color:var(--rose-deep);font-size:var(--step--1);font-weight:500}.field__error:empty{display:none}.contact-form__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:.5rem;display:flex}.contact-form .button{cursor:pointer;border:0;font-family:inherit}.contact-form .button:disabled{opacity:.6;cursor:progress}.contact-form__privacy{color:var(--muted);font-size:var(--step--1)}.contact-form__status:empty{display:none}.contact-form__status{border-left:4px solid var(--rose);background:var(--paper);color:var(--plum);padding:1rem 1.25rem}.contact-form__status[data-state=sent]{border-left-color:var(--plum)}@media (width<=900px){.contact{grid-template-columns:1fr}.contact__intro{position:static}}.contact__form-wrap{position:relative}.contact__form-wrap:before{content:"";z-index:-1;background:var(--rose);border-radius:48px 0 0 48px;position:absolute;inset:-40px -50vw -40px -56px}.contact__chip{z-index:1;background:var(--paper);border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .95rem .5rem .75rem;font-size:.8125rem;font-weight:600;display:flex;position:absolute;top:-18px;left:2rem;box-shadow:0 12px 30px -14px #2b1d3373}.contact__chip svg{fill:none;width:18px;height:18px;stroke:var(--rose);stroke-width:1.8px;stroke-linejoin:round}.field input,.field textarea{background:#fbfafc}.contact__next{counter-reset:next;margin-top:2.5rem}.contact__next li{counter-increment:next;gap:.15rem;padding:0 0 1.5rem 3rem;display:grid;position:relative}.contact__next li:before{content:counter(next);background:var(--rose);width:30px;height:30px;color:var(--paper);border-radius:50%;place-items:center;font-size:.875rem;font-weight:600;display:grid;position:absolute;top:-2px;left:0}.contact__next li:not(:last-child):after{content:"";background:var(--line);width:2px;position:absolute;top:34px;bottom:4px;left:14px}.contact__next-title{font-weight:500}.contact__next-text{color:var(--muted);font-size:.9375rem}.contact__next+.contact__more{margin-top:1rem}@media (width<=900px){.contact__form-wrap{margin-top:1rem}.contact__form-wrap:before{left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));border-radius:0}}
