@layer reset,tokens,base,layout;@layer components{.contact__form{gap:var(--ls-space-md);max-inline-size:var(--ls-measure);margin-block-start:var(--ls-space-md);display:grid}.contact__field{gap:var(--ls-space-3xs);display:grid}.contact__label{color:var(--ls-text);font-size:var(--ls-size-sm);font-weight:600}.contact__hint{color:var(--ls-text-muted);font-size:var(--ls-size-xs)}.contact__input{padding:var(--ls-space-xs) var(--ls-space-sm);border:1px solid var(--ls-rule-strong);border-radius:var(--ls-radius-md);background-color:var(--ls-surface);color:var(--ls-text);font:inherit;font-size:var(--ls-size-sm)}.contact__input:focus-visible{outline:2px solid var(--ls-focus);outline-offset:1px}.contact__input[aria-invalid=true]{border-color:var(--ls-fail)}.contact__error{color:var(--ls-fail);font-size:var(--ls-size-xs);font-weight:600}.contact__notice{padding:var(--ls-space-sm) var(--ls-space-md);border-inline-start:3px solid var(--ls-fail);border-radius:var(--ls-radius-sm);background-color:var(--ls-paper);font-size:var(--ls-size-sm)}.contact__submit{justify-self:start}.contact__trap{block-size:1px;inline-size:1px;position:absolute;inset-inline-start:-9999px;overflow:hidden}}@layer utilities;