.contact-form{--field-bg: var(--color-surface);--field-border: color-mix(in srgb, var(--color-muted) 65%, transparent);--field-border-hover: color-mix(in srgb, var(--color-muted) 85%, transparent);--ease-out: cubic-bezier(.23, 1, .32, 1);display:block}.contact-form__form{display:grid;gap:1.75rem}.contact-form__form[hidden]{display:none}.contact-form__meter{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.contact-form__meter-track{flex:1;height:2px;border-radius:999px;background:color-mix(in srgb,var(--color-muted) 30%,transparent);overflow:hidden}.contact-form__meter-fill{display:block;height:100%;background:var(--color-accent);transform:scaleX(0);transform-origin:left center;transition:transform .28s var(--ease-out)}.contact-form__meter-count{margin:0;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--color-muted)}.contact-form__field{display:grid;gap:.4rem}.contact-form__tick{display:inline-flex;color:var(--color-accent);opacity:0;transform:scale(.8);transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}.contact-form__field[data-filled] .contact-form__tick{opacity:1;transform:scale(1)}.contact-form__field:focus-within .contact-form__label{color:var(--color-accent)}.contact-form__label{display:flex;align-items:center;gap:.55rem;font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:var(--lh-snug);color:var(--color-white);transition:color .16s var(--ease-out)}.contact-form__optional{margin-left:-.15rem;font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-muted)}.contact-form__hint{margin:0;font-size:var(--fs-xs);line-height:var(--lh-lead);color:var(--color-muted)}.contact-form__input{width:100%;padding:.85rem 1rem;font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-lead);color:var(--color-text);background:var(--field-bg);border:1px solid var(--field-border);border-radius:12px;outline:none;transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.contact-form__textarea{resize:vertical;min-height:6.5rem;overflow:hidden}@media(hover:hover)and (pointer:fine){.contact-form__input:hover{border-color:var(--field-border-hover)}}.contact-form__input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.contact-form__input[aria-invalid=true]{border-color:var(--color-error)}.contact-form__input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error) 25%,transparent)}.contact-form__error,.contact-form__form-error{margin:0;font-size:var(--fs-xs);line-height:var(--lh-snug);font-weight:var(--fw-medium);color:var(--color-error)}.contact-form__form-error{padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--color-error) 55%,transparent);border-radius:12px;background:color-mix(in srgb,var(--color-error) 12%,transparent);font-size:var(--fs-sm)}.contact-form__trap{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.contact-form__submit{justify-self:start;border:0;font-family:var(--font-body)}.contact-form__submit:active{transform:translateY(-2px) scale(.97)}.contact-form[data-state=loading] .contact-form__submit{pointer-events:none;opacity:.65}.contact-form__submit-label[data-busy],.contact-form[data-state=loading] .contact-form__submit-label[data-idle]{display:none}.contact-form[data-state=loading] .contact-form__submit-label[data-busy]{display:inline}.contact-form__done{padding:2rem;border:1px solid color-mix(in srgb,var(--color-accent) 40%,transparent);border-radius:16px;background:var(--color-accent-light);animation:contact-done-in .26s var(--ease-out) both}.contact-form__done-title{margin:0 0 .5rem;font-size:var(--fs-h3);color:var(--color-white)}.contact-form__done-title:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.contact-form__done-body{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text);max-width:46ch}@keyframes contact-done-in{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.contact-form__input,.contact-form__submit,.contact-form__label,.contact-form__tick,.contact-form__meter-fill{transition:none}.contact-form__done{animation:none}.contact-form__submit:active{transform:none}}.contact{--contact-ease: cubic-bezier(.23, 1, .32, 1);padding:3.5rem 1.5rem 5.5rem;background:var(--color-primary)}.contact__inner{max-width:1040px;margin:0 auto}.contact__head{max-width:22ch;margin-bottom:3rem}.contact__title{margin:0 0 1rem;font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:var(--ls-display);color:var(--color-white)}.contact__lead{margin:0;max-width:46ch;font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--color-text)}.contact__aside{align-self:start;margin-top:3rem;padding-top:1.75rem;border-top:1px solid var(--color-border)}.contact__aside-title{margin:0 0 1.25rem;font-size:var(--fs-h5);color:var(--color-white)}.contact__aside-body{margin:0 0 1.5rem;font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--color-muted)}.contact__discord{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.1rem;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--color-white);text-decoration:none;border:1px solid color-mix(in srgb,var(--color-accent) 70%,transparent);border-radius:12px;transition:background-color .16s var(--contact-ease),border-color .16s var(--contact-ease),transform .16s var(--contact-ease)}@media(hover:hover)and (pointer:fine){.contact__discord:hover{background:var(--color-accent-light);border-color:var(--color-accent);transform:translateY(-1px)}}.contact__discord:active{transform:scale(.98)}.contact__discord:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.contact__socials-label{margin:2.25rem 0 .9rem;font-size:var(--fs-xs);color:var(--color-muted)}.contact__socials{display:flex;flex-wrap:wrap;gap:.25rem;margin:0 -.5rem;padding:0;list-style:none}.contact__social{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:var(--color-muted);transition:color .16s var(--contact-ease),background-color .16s var(--contact-ease),transform .16s var(--contact-ease)}@media(hover:hover)and (pointer:fine){.contact__social:hover{color:var(--color-accent);background:var(--color-accent-light);transform:translateY(-2px)}}.contact__social:active{transform:scale(.94)}.contact__social:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(min-width:900px){.contact{padding-top:4.5rem}.contact__inner{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);-moz-column-gap:4.5rem;column-gap:4.5rem;align-items:start}.contact__head{grid-column:1;grid-row:1;max-width:none;margin-bottom:2.5rem}.contact__form{grid-column:1;grid-row:2}.contact__aside{grid-column:2;grid-row:1 / span 2;position:sticky;top:calc(var(--header-h) + 2rem);padding-top:0;border-top:0;padding-left:2.25rem;border-left:1px solid var(--color-border)}}@media(prefers-reduced-motion:reduce){.contact__discord,.contact__social{transition:none}.contact__discord:active,.contact__social:active{transform:none}}