.contact{padding-top:45px}.contact .contact-lead{margin-top:10px;text-wrap:pretty}.contact .row,.contact .sent,.contact-form{grid-column:1/-1;display:grid;grid-template-columns:subgrid}.contact-form{row-gap:30px;margin-top:40px}.contact .row>*{margin:0}.contact .row label{grid-column:var(--at-text);grid-row:1;color:var(--ink-soft);font-size:13px;transition:color .2s}.contact .field{grid-column:var(--at-text);grid-row:2;position:relative}.contact .error{grid-column:var(--at-text);grid-row:3;color:rgb(var(--stamp));font-size:12.5px;line-height:1.8}.contact .note{grid-column:var(--at-side);grid-row:2;align-self:end;padding-bottom:8px;color:var(--ink-soft);font-size:11.5px;line-height:1.7}.contact .field :is(input,textarea){display:block;width:100%;padding:2px 2px 8px;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:none;color:var(--ink-strong);font:500 15px/1.9 Vazirmatn Variable,system-ui,sans-serif;transition:border-color .2s}.contact .field textarea{min-height:190px;field-sizing:content;resize:vertical}.contact .field [dir=ltr]{font:400 14px/2 var(--font-mono);text-align:end}.contact .field :is(input,textarea):focus{border-bottom-color:var(--ink-strong);outline:none}.contact .row:focus-within label{color:var(--ink-strong)}.contact .row:has([aria-invalid]) label{color:rgb(var(--stamp))}.contact .field [aria-invalid]{border-bottom-color:rgb(var(--stamp))}.contact .field:before{--c:var(--fg);--l:11px;--w:1.5px;content:"";position:absolute;inset:-8px -12px -6px;background:linear-gradient(var(--c) 0 0) 0 0 /var(--l) var(--w),linear-gradient(var(--c) 0 0) 0 0 /var(--w) var(--l),linear-gradient(var(--c) 0 0) 100% 0 /var(--l) var(--w),linear-gradient(var(--c) 0 0) 100% 0 /var(--w) var(--l),linear-gradient(var(--c) 0 0) 0 100% /var(--l) var(--w),linear-gradient(var(--c) 0 0) 0 100% /var(--w) var(--l),linear-gradient(var(--c) 0 0) 100% 100% /var(--l) var(--w),linear-gradient(var(--c) 0 0) 100% 100% /var(--w) var(--l);background-repeat:no-repeat;opacity:0;scale:1 1.4;pointer-events:none;transition:opacity .2s,scale .45s var(--ease)}.contact .field:focus-within:before{opacity:1;scale:1}.contact .field:has([aria-invalid]):before{--c:rgb(var(--stamp))}.contact .target{grid-column:var(--at-mark);grid-row:2;justify-self:end;align-self:center;position:relative;width:22px;height:22px;opacity:0;rotate:-90deg;scale:.6;transition:opacity .2s,rotate .5s var(--ease),scale .5s var(--ease)}.contact .target:after,.contact .target:before{content:"";position:absolute;background:var(--fg)}.contact .target:before{inset:0 auto 0 50%;width:1px}.contact .target:after{inset:50% 0 auto;height:1px}.contact .target span{position:absolute;inset:4px;border:1px solid var(--ink);border-radius:50%}.contact .row:focus-within .target{opacity:1;rotate:0deg;scale:1}.contact .end{grid-column:var(--at-text);display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:6px}.contact .turnstile{align-self:stretch}.contact .end [role=alert]{margin:0;color:rgb(var(--stamp));font-size:13.5px}.contact .send{display:inline-flex;align-items:center;gap:14px;padding:9px 22px 10px;border:1px solid var(--ink-strong);border-radius:0;background:none;color:var(--ink-strong);font:500 14px/1.6 Vazirmatn Variable,system-ui,sans-serif;cursor:pointer;transition:color .2s,background-color .2s,border-color .2s}.contact .send:after{--forward:-1;content:"←";font-family:var(--font-mono);transition:translate .3s var(--ease)}.contact .send:dir(ltr):after{--forward:1;content:"→"}.contact .send:hover:not(:disabled){border-color:var(--link-hover);background:var(--link-hover);color:#fff}.contact .send:hover:not(:disabled):after{translate:calc(var(--forward) * 4px) 0}.contact .send:disabled{border-color:var(--ink-soft);color:var(--ink-soft);cursor:progress}.contact-trap{position:absolute;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}.contact .sent{margin-top:40px}.contact .sent>*{grid-column:var(--at-text);margin:0}.contact .stamp-line{color:var(--ink-soft);font-size:11px;letter-spacing:.12em}.contact .sent h2{margin-top:6px;color:var(--ink-strong);font-size:18px;font-weight:600}.contact .echo{margin-top:6px;color:var(--ink-soft);font-size:13px}@property --dot{syntax:"<length>";inherits:false;initial-value:0}.contact .sent>*,.contact-form.leaving>*{mask:radial-gradient(circle,#000 var(--dot),transparent calc(var(--dot) + .5px)) 0 0 /6px 6px}.contact-form.leaving>*{animation:contact-dot-out .8s var(--ease) both}.contact .sent>*{animation:contact-dot-in 1.1s var(--ease) both;animation-delay:calc(var(--n, 0) * .11s)}@keyframes contact-dot-out{0%{--dot:5px}to{--dot:0px;opacity:0}}@keyframes contact-dot-in{0%{--dot:0px;opacity:0}30%{opacity:1}to{--dot:5px;opacity:1}}@media (max-width:1023px){.contact .note{grid-row:4;padding:4px 0 0}}@media (max-width:719px){.contact .target{display:none}.contact .field:before{inset-inline:-8px}}@media (prefers-reduced-motion:reduce){.contact .sent>*,.contact-form.leaving>*{mask:none;animation:none}.contact .field:before,.contact .target{transition:none}}