.contact-form{gap:var(--space-5);max-width:40rem;display:grid}.contact-form--page{width:100%}.contact-form--modal{gap:var(--space-4)}.contact-form__row{gap:var(--space-5);display:grid}.contact-form__row--split{grid-template-columns:1fr 1fr}@media (width<=639px){.contact-form__row--split{grid-template-columns:1fr}}.contact-form__field{gap:var(--space-2);display:grid}.contact-form__field label{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--text-muted);letter-spacing:var(--tracking-flat)}.contact-form input:where([type=text],[type=email],[type=tel],[type=number]),.contact-form select,.contact-form textarea{width:100%;padding:var(--space-3) var(--space-4);color:var(--text-default);border:1px solid var(--border-default);font-family:inherit;font-size:var(--text-paragraph);font-weight:var(--weight-medium);line-height:var(--leading-snug);transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);background:0 0;border-radius:8px}.contact-form select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-inline-end:calc(var(--space-4) * 2 + 1rem)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-subtle)}.contact-form input:where([type=text],[type=email],[type=tel],[type=number]):focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{border-color:var(--border-emphasized);box-shadow:var(--ring-shadow);outline:none}.contact-form textarea{resize:vertical;min-height:7rem}.contact-form input[type=number]{appearance:textfield}.contact-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.contact-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.contact-form input:-webkit-autofill{-webkit-text-fill-color:var(--text-default);-webkit-box-shadow:0 0 0 100px var(--bg-default) inset;box-shadow:0 0 0 100px var(--bg-default) inset;caret-color:var(--text-default);transition:background-color 9999s ease-out}.contact-form input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-default);-webkit-box-shadow:0 0 0 100px var(--bg-default) inset;box-shadow:0 0 0 100px var(--bg-default) inset;caret-color:var(--text-default);transition:background-color 9999s ease-out}.contact-form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-default);-webkit-box-shadow:0 0 0 100px var(--bg-default) inset;box-shadow:0 0 0 100px var(--bg-default) inset;caret-color:var(--text-default);transition:background-color 9999s ease-out}.contact-form__field--error input,.contact-form__field--error textarea{border-color:var(--border-error)}.contact-form__field--error input:focus-visible,.contact-form__field--error textarea:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch, var(--border-error) 25%, transparent)}.contact-form__error{color:var(--text-error);font-size:var(--text-body);line-height:var(--leading-snug);margin:0}.contact-form__consent--error input[type=checkbox]{outline:2px solid var(--border-error);outline-offset:2px}.contact-form__honeypot{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contact-form__footer{justify-content:space-between;align-items:center;gap:var(--space-4) var(--space-5);flex-wrap:wrap;display:flex}.contact-form__consent{gap:var(--space-3);font-size:var(--text-body);line-height:var(--leading-snug);color:var(--text-muted);flex:14rem;grid-template-columns:auto 1fr;align-items:start;display:grid}.contact-form__consent input[type=checkbox]{margin-block-start:calc((var(--leading-snug) * 1em - 1rem) / 2)}.contact-form__consent a{color:var(--text-default);text-underline-offset:.2em;text-decoration:underline}.contact-form__actions{gap:var(--space-3);flex:none;align-items:center;display:flex}.contact-form__actions .btn{min-width:12rem}@media (width<=639px){.contact-form__footer{align-items:stretch}.contact-form__actions,.contact-form__actions .btn{width:100%}}.contact-form[data-state=submitting] [data-submit-button]{opacity:.7;pointer-events:none}.contact-form__status{display:none}.contact-form[data-state=success] .contact-form__status,.contact-form[data-state=error] .contact-form__status{display:block}.contact-form[data-state=success]>:not(.contact-form__status){display:none}.contact-form__panel--success{text-align:center;justify-items:center;gap:var(--space-2);padding-block:var(--space-8);background:0 0;border:0;display:grid}.contact-form__panel--success:focus{outline:none}.contact-form__success-icon{color:var(--text-success);margin-block-end:var(--space-2);display:inline-flex}.contact-form__panel{padding:var(--space-5) var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle)}.contact-form__panel h3{margin:0 0 var(--space-2)}.contact-form__panel p{color:var(--text-muted);margin:0}.contact-form__panel--error{background:var(--bg-error);border-color:var(--border-error)}.contact-form__panel--error h3,.contact-form__panel--error p{color:var(--text-error)}.contact-form__panel--error .btn{margin-block-start:var(--space-4)}.contact-form__noscript{padding:var(--space-3) var(--space-4);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-body);margin:0}.contact-form__noscript a{color:var(--text-default);text-underline-offset:.2em;text-decoration:underline}