@layer components{.n-contact-actions{align-items:center;gap:var(--n-stack-xs) var(--n-stack-md);flex-wrap:wrap;display:flex}.n-contact-formcol{margin-top:var(--n-stack-xl)}@media (min-width:1024px){.n-contact-formcol{flex-direction:column;margin-top:0;padding-top:8px;display:flex}.n-contact-formcol>.n-contact-formwrap,.n-contact-formcol .n-contact-form,.n-contact-formcol .n-contact-result{flex:1}.n-contact-formcol>.n-contact-formwrap{flex-direction:column;display:flex}.n-contact-formcol>.n-contact-formwrap,.n-contact-formcol .n-contact-form,.n-contact-formcol .n-contact-message{min-height:0}.n-contact-formcol .n-contact-message{flex:1}.n-contact-formcol .n-contact-result{margin-top:-8px}.n-contact-formcol .n-contact-message textarea.n-input{flex:1 1 0;height:0;min-height:128px}}.n-contact-form{gap:var(--n-stack-sm);flex-direction:column;display:flex}.n-contact-form>div:last-child{margin-top:calc(var(--n-stack-md) - var(--n-stack-sm))}.n-contact-row{gap:var(--n-stack-sm);grid-template-columns:1fr;display:grid}@media (min-width:640px){.n-contact-row{gap:var(--n-grid-gap);grid-template-columns:1fr 1fr}}.n-contact-message textarea.n-input{min-height:200px}.n-contact-error{color:var(--n-error);animation:n-contact-fade .2s var(--n-hover-ease);align-items:flex-start;gap:8px;font-size:14px;line-height:1.4;display:inline-flex}.n-contact-error svg{flex:none;margin-top:2px}.n-contact-result{justify-content:space-between;gap:var(--n-stack-lg);padding:calc(var(--n-card-pad) + 8px);animation:n-contact-in .4s var(--n-ease);outline:none;flex-direction:column;display:flex}.n-contact-result:focus-visible{outline:2px solid var(--n-ink);outline-offset:3px}.n-contact-form[data-returned=true]{animation:n-contact-fade .24s var(--n-hover-ease)}.n-contact-check{color:var(--n-ink);display:block}@keyframes n-contact-in{0%{opacity:0;transform:translateY(8px)}}@keyframes n-contact-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.n-contact-result,.n-contact-form[data-returned=true],.n-contact-error{animation:none}}.n-contact-panel{padding:calc(var(--n-card-pad) + 8px);border-radius:var(--n-r-card);flex-direction:column;display:flex;position:relative}.n-contact-panel>.n-contact-formwrap{z-index:1;position:relative}@media (min-width:1024px){.n-contact-formcol[data-contact=a]{padding-top:0}.n-contact-formcol>.n-contact-panel{flex:1;min-height:0}.n-contact-panel>.n-contact-formwrap{flex-direction:column;flex:1;min-height:0;display:flex}.n-contact-formcol[data-contact=a] .n-contact-result{margin-top:0}}.n-contact-formcol[data-contact=a] .n-input{background:#ffffffe6}@media (hover:hover){.n-contact-formcol[data-contact=a] .n-input:hover{background:#fffffff5}}.n-contact-formcol[data-contact=a] .n-input:focus,.n-contact-formcol[data-contact=a] .n-input:focus-visible{background:#fff}.n-contact-formcol[data-contact=a] .n-contact-result{background:#ffffffdb}.n-contact-formcol[data-contact=a] .n-contact-error{background:#ffffffe6;border-radius:8px;align-self:flex-start;padding:4px 10px 4px 8px}.n-contact-formcol[data-contact=b] .n-input{--n-field-rest:var(--n-surface);--n-field-sky:var(--n-sky-dawn);--n-field-blend:var(--n-sky-dawn-blend);--n-field-halo:#fd750233;background-color:var(--n-field-rest);background-image:linear-gradient(color-mix(in srgb, var(--n-field-rest) calc((1 - var(--n-field-glow)) * 100%), #fffc)), url(/new/grain/blue-noise-128.png), var(--n-field-sky);background-blend-mode:var(--n-field-blend);transition:--n-field-glow .2s var(--n-hover-ease), box-shadow var(--n-hover);background-size:auto,128px 128px,auto}.n-contact-formcol[data-contact=b] #contact-email{--n-field-sky:var(--n-sky-tide);--n-field-blend:var(--n-sky-tide-blend);--n-field-halo:#0056d229}.n-contact-formcol[data-contact=b] #contact-message{--n-field-sky:var(--n-sky-dusk);--n-field-blend:var(--n-sky-dusk-blend);--n-field-halo:#866bad38}@media (hover:hover){.n-contact-formcol[data-contact=b] .n-input:hover{background-color:var(--n-field-rest);--n-field-rest:var(--n-surface-2)}}.n-contact-formcol[data-contact=b] .n-input:focus,.n-contact-formcol[data-contact=b] .n-input:focus-visible{--n-field-glow:1;box-shadow:inset 0 0 0 1px var(--n-ink), 0 0 0 4px var(--n-field-halo);transition:--n-field-glow .45s var(--n-ease), box-shadow var(--n-hover);background-color:#fff}.n-contact-formcol[data-contact=b] .n-input:focus::placeholder{color:var(--n-mid)}.n-contact-formcol[data-contact=b] .n-input[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--n-error)}.n-contact-formcol[data-contact=b] .n-input[aria-invalid=true]:focus{box-shadow:inset 0 0 0 1px var(--n-error), 0 0 0 4px var(--n-field-halo)}@media (prefers-reduced-motion:reduce){.n-contact-formcol[data-contact=b] .n-input{transition:none}}}@property --n-field-glow{syntax:"<number>";inherits:false;initial-value:0}
