.contact{--error:#ff9d9d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.light .contact{--error:#a3262a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.contact .wrap{grid-template-columns:7fr 5fr;align-items:stretch;gap:clamp(2rem,6vw,6rem);display:grid}.contact-intro{flex-direction:column;align-items:flex-start;display:flex}.contact-photo{aspect-ratio:2.7;flex:1 0 auto;width:100%;margin-top:clamp(1.6rem,3vw,2.4rem)}.contact-photo img{object-fit:cover;object-position:40% 45%}.contact h2{font-size:clamp(2.4rem,5.2vw,4.6rem);line-height:1}.contact .tel{min-height:44px;font-family:var(--display);font-weight:var(--display-weight);letter-spacing:var(--display-track);color:var(--head);align-items:center;gap:.7rem;margin-top:1.8rem;font-size:clamp(1.6rem,2.8vw,2.5rem);display:inline-flex}.contact .tel .icon{color:var(--sky);flex:none}.contact .mail{min-height:44px;color:var(--fg-soft);align-items:center;gap:.6rem;margin-top:.3rem;display:inline-flex}.contact .mail .icon{flex:none}.contact-form{background:var(--surface);box-shadow:inset 0 0 0 1px var(--rule);border-radius:var(--r-surface);align-content:space-between;gap:.9rem;padding:clamp(1.2rem,2.2vw,2rem);display:grid}.contact .field{color:var(--fg);gap:.4rem;font-size:.875rem;font-weight:700;display:grid}.contact .field input,.contact .field select{font:inherit;border-radius:var(--r-control);background:var(--field);height:54px;color:var(--fg);box-shadow:inset 0 0 0 1px var(--rule);border:0;padding:0 1.1rem;font-size:1rem;font-weight:500;transition:box-shadow .18s,background .18s}.contact .field-opt{color:var(--fg-soft);font-weight:400}.contact .field input::placeholder{color:var(--fg-soft)}.contact .field input:focus,.contact .field select:focus{box-shadow:inset 0 0 0 2px var(--sky);outline:0}.contact .field [aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--error)}.contact .field [aria-invalid=true]:focus{box-shadow:inset 0 0 0 2px var(--error), 0 0 0 3px #18b0e873}.contact .field-error,.contact .form-error{color:var(--error);font-size:var(--text-xs);font-weight:500;line-height:1.4}.contact .field-error{opacity:1;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out);margin-top:-.3rem;transform:none}@starting-style{.contact .field-error{opacity:0;transform:translateY(-2px)}}.contact .form-error a{text-underline-offset:3px;text-decoration:underline}.contact .seg{border-radius:var(--r-control);background:var(--field);box-shadow:inset 0 0 0 1px var(--rule);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.contact .seg label{border-radius:calc(var(--r-control) - 4px);height:46px;font-size:var(--text-sm);color:var(--fg);cursor:pointer;place-items:center;font-weight:700;transition:background .18s,color .18s;display:grid;position:relative}.contact .seg input{opacity:0;cursor:pointer;position:absolute;inset:0}.contact .seg label:has(:checked){background:var(--btn-bg);color:var(--btn-fg)}.contact .seg label:has(:focus-visible){outline:2px solid var(--sky);outline-offset:2px}.contact-form .btn{justify-content:space-between;height:58px;margin-top:.3rem}.contact .btn[aria-disabled=true]{opacity:.6;cursor:progress}.contact-form .btn .ico{width:46px;height:46px}.contact .form-note{font-size:var(--text-xs);color:var(--fg-soft);line-height:1.45}.contact-done{opacity:1;transition:opacity .25s var(--ease-out), transform .25s var(--ease-out);gap:1.1rem;padding-block:clamp(.8rem,2vw,1.6rem);display:grid;transform:none}@starting-style{.contact-done{opacity:0;transform:translateY(8px)}}.contact-done:focus{outline:0}.contact-done:focus-visible{outline:2px solid var(--sky);outline-offset:6px}.contact .done-line{font-family:var(--display);font-weight:var(--display-weight);letter-spacing:var(--display-track);color:var(--head);text-wrap:balance;font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.05}.contact .done-call{color:var(--fg-soft)}.contact .done-call a{color:var(--fg);text-underline-offset:3px;font-weight:700;text-decoration:underline}@media (max-width:1000px){.contact-photo{aspect-ratio:16/9;flex:none}.contact .wrap{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.contact-done{transition:opacity .25s var(--ease-out)}.contact .field-error{transition:opacity .16s var(--ease-out)}@starting-style{.contact-done,.contact .field-error{transform:none}}}
