@layer components{.contact-form{width:100%;position:relative}.contact-form-fields{flex-direction:column;gap:3.2rem;display:flex}.contact-field{border-bottom:1px solid var(--color-black-50);opacity:0;transition:opacity 1s var(--contact-ease) calc(.7s + var(--i) * .1s), transform 1.3s var(--contact-ease) calc(.7s + var(--i) * .1s), border-color .4s;align-items:center;padding-bottom:1.6rem;display:flex;position:relative;transform:translateY(2.4rem)}@media (max-width:767px){.contact-field{border-bottom-color:var(--color-black-25)}}.contact[data-in=true] .contact-field,.contact[data-in=true] .contact-send{opacity:1;transform:none}.contact-field:after{content:"";background:var(--contact-line);transform-origin:0;height:1px;transition:transform .8s var(--contact-ease);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.contact-field:focus-within:after{transform:scaleX(1)}.contact-field:before{content:"";background:var(--color-black-100);width:.8rem;height:.8rem;transition:transform .5s var(--contact-ease), margin-right .5s var(--contact-ease);border-radius:50%;flex:none;margin-right:-.8rem;transform:scale(0)}.contact-field--area{align-items:flex-start}.contact-field--area:before{margin-top:.4rem}.contact-field[data-filled=true]:before,.contact-field:focus-within:before{margin-right:1.2rem;transform:scale(1)}.contact-field input,.contact-field-select,.contact-field textarea{appearance:none;min-width:0;font-family:var(--font-sans);letter-spacing:-.02em;text-transform:uppercase;color:var(--color-black-100);background:0 0;border:0;border-radius:0;outline:0;flex:1;margin:0;padding:0;font-size:1.6rem;font-weight:700;line-height:1.6rem}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--color-black-50);opacity:1}.contact-field-select{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.contact-field .contact-field-select{transition:opacity 30ms var(--ease-soft-out);margin-block:-1.6rem;padding-block:1.6rem}.contact-field [role=option],.contact-field [role=option] *{cursor:pointer}.contact-field-select:hover{opacity:.7}.contact-field-select-value{min-width:0}.contact-field:not([data-filled=true]) .contact-field-select-value{color:var(--color-black-50)}.contact-field:has(.contact-field-select[aria-expanded=true]){z-index:2}.contact-field textarea{resize:none;scrollbar-width:thin;scrollbar-color:var(--color-black-100) transparent;min-height:11.2rem;max-height:24rem;overflow:hidden auto}.contact-field textarea::-webkit-scrollbar{width:.4rem}.contact-field textarea::-webkit-scrollbar-track{background:0 0}.contact-field textarea::-webkit-scrollbar-thumb{background:var(--color-black-100);border-radius:.4rem}.contact-field[data-invalid=true]{border-color:#e00000}.contact-field-line-mask{pointer-events:none;height:1px;position:absolute;bottom:-1px;left:0;right:0}.contact-field[data-invalid=true] ::placeholder{color:#e00000}.contact-turnstile:empty,.contact-form-error:empty{display:none}.contact-form-error{font-family:var(--font-sans);text-transform:uppercase;color:#e00000;font-size:1.3rem;font-weight:600;line-height:1.6rem}.contact-send{font-family:var(--font-sans);letter-spacing:var(--tracking-heading);text-transform:uppercase;cursor:pointer;opacity:0;transition:opacity 1s var(--contact-ease) calc(.7s + var(--i,3) * .1s), transform 1.3s var(--contact-ease) calc(.7s + var(--i,3) * .1s);align-items:center;gap:1.4rem;margin:0 0 0 auto;font-size:2.4rem;font-weight:700;line-height:3.2rem;display:flex;transform:translateY(2.4rem)}.contact-send:focus-visible{outline:2px solid var(--color-black-100);outline-offset:4px}.contact-send[disabled]{cursor:progress}.contact-send-dot{width:1.2rem;height:1.2rem;transition:transform .6s var(--contact-ease);background:currentColor;border-radius:50%}.contact-send:hover .contact-send-dot,.contact-send:focus-visible .contact-send-dot{transform:scale(1.45)}.contact-form[data-status=sending] .contact-send-dot{animation:contact-send-pulse .9s var(--ease-expo-in-out) infinite alternate}@keyframes contact-send-pulse{to{transform:scale(.45)}}.contact-form-fields{transition:opacity .6s var(--contact-ease), transform .6s var(--contact-ease)}.contact-form[data-status=sent] .contact-form-fields{opacity:0;pointer-events:none;transform:translateY(-1.6rem)}.contact-done{visibility:hidden;opacity:0;transition:opacity .8s var(--contact-ease), transform 1.2s var(--contact-ease), visibility 0s linear .8s;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.8rem;display:flex;position:absolute;inset:0;transform:translateY(2rem)}.contact-form[data-status=sent] .contact-done{visibility:visible;opacity:1;transition-delay:.35s,.35s,0s;transform:none}.contact-done-title{font-family:var(--font-serif);letter-spacing:var(--tracking-heading);text-transform:uppercase;font-size:4rem;font-weight:400;line-height:4.8rem}.contact-done-copy{max-width:36rem;font-family:var(--font-sans);font-size:1.6rem;font-weight:500;line-height:2.4rem}.contact-send--ghost{opacity:1;margin:2.4rem 0 0;font-size:1.8rem;line-height:2.4rem;transform:none}@media (min-width:900px){.contact-form{width:min(66.3rem,100%)}.contact-form-fields{gap:4.3rem}.contact-field textarea{min-height:10.4rem}.contact-send{font-size:3.2rem}.contact-send-dot{width:1.6rem;height:1.6rem}.contact-done-title{font-size:6.4rem;line-height:7.2rem}}@media (prefers-reduced-motion:reduce){.contact-field,.contact-field:before,.contact-field:after,.contact-send,.contact-send-dot,.contact-form-fields,.contact-done{transition:none}.contact-form[data-status=sending] .contact-send-dot{animation:none}}}
