.contact-page {padding-top:160px;padding-bottom:var(--space-16);}
.contact-page__header {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-10);align-items:end;padding-bottom:56px;border-bottom:1px solid rgb(90 98 113 / 24%);}
.contact-page h1 {max-width:640px;margin:0;font-family:var(--font-display);font-size:64px;font-weight:600;line-height:72px;color:var(--color-menu);}
.contact-page__header p {max-width:320px;justify-self:end;margin:0;font-size:var(--font-size-body);line-height:var(--line-body);text-wrap:pretty;}
.contact-page__grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-10);align-items:start;padding-top:56px;}
.contact-page__details {max-width:400px;padding:var(--space-4);border-radius:var(--space-2);background:var(--color-surface);}
.contact-page__details h2 {max-width:280px;margin:0;font-size:32px;font-weight:600;line-height:40px;letter-spacing:-.04em;}
.contact-page__details ul {display:grid;gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none;}
.contact-page__details .text-link {font-size:var(--font-size-body);line-height:var(--line-body);max-width:100%;}
.contact-page__message h2 {margin:0 0 var(--space-4);font-size:32px;font-weight:500;line-height:40px;}
.contact-form {display:grid;gap:var(--space-3);}
.contact-form__row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);align-items:start;}
.contact-form label,.contact-form__field {display:grid;gap:var(--space-1);min-width:0;font-size:var(--font-size-small);line-height:var(--line-body);}
.contact-form input,.contact-select__trigger,.contact-form textarea {display:block;box-sizing:border-box;width:100%;min-width:0;padding:var(--space-2);border:1px solid rgb(90 98 113 / 24%);border-radius:var(--space-1);background:var(--color-paper);color:var(--color-menu);font:inherit;font-size:var(--font-size-body);line-height:var(--line-body);}
.contact-form :is(input,textarea,.contact-select__trigger):focus-visible {outline:none;border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent);}
.contact-form [aria-invalid="true"] {border-color:#b42318;}
.contact-form .contact-form__error {margin:0;color:#b42318;font-size:var(--font-size-small);line-height:var(--line-body);}
.contact-form__error:empty {display:none;}
.contact-form textarea {min-height:192px;resize:vertical;}
.contact-form input::placeholder,.contact-form textarea::placeholder {color:#727681;opacity:1;}
.contact-form__privacy {margin:0;font-size:var(--font-size-small);line-height:var(--line-body);}
.contact-form__privacy .text-link {max-width:100%;vertical-align:bottom;font-size:inherit;line-height:inherit;}
.contact-form__submit {justify-self:start;border:0;background:none;cursor:pointer;padding:0;font-family:inherit;}
.contact-form__submit:disabled {opacity:.5;cursor:wait;}
.contact-form__trap {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.contact-form__status {margin:0;font-size:var(--font-size-body);line-height:var(--line-body);}
.contact-form__status:empty {display:none;}
@media(max-width:1199.98px) {.contact-page__grid {gap:var(--space-5);}}
@media(max-width:807.98px) {
  .contact-page {padding-top:128px;padding-bottom:var(--space-10);}
  .contact-page h1 {font-size:40px;line-height:48px;}
  .contact-page__header {grid-template-columns:minmax(0,1fr);gap:var(--space-3);padding-bottom:var(--space-5);}
  .contact-page__header p {justify-self:start;}
  .contact-page__header p {font-size:var(--font-size-body);line-height:var(--line-body);}
  .contact-page__grid {grid-template-columns:minmax(0,1fr);gap:var(--space-5);padding-top:var(--space-5);}
  .contact-page__details {max-width:none;padding:var(--space-3);}
  .contact-page__message h2 {font-size:32px;line-height:40px;}
  .contact-form__row {grid-template-columns:minmax(0,1fr);gap:var(--space-3);}
}

.contact-select {position:relative;min-width:0;}
.contact-select__trigger {display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-right:var(--space-2);text-align:left;cursor:pointer;}
.contact-select__trigger .ti {flex:none;font-size:24px;line-height:24px;transition:transform 240ms var(--ease-out);}
.contact-select__trigger[aria-expanded="true"] .ti {transform:rotate(180deg);}
.contact-select__trigger:not([data-selected]) #subject-value {color:#727681;}
.contact-select__options {position:absolute;top:calc(100% + var(--space-1));left:0;right:0;z-index:5;max-height:256px;overflow-y:auto;margin:0;padding:var(--space-1);border:1px solid rgb(90 98 113 / 24%);border-radius:var(--space-1);background:var(--color-paper);list-style:none;box-shadow:0 8px 24px rgb(0 0 0 / 8%);}
.contact-select__options [role="option"] {padding:var(--space-1) var(--space-2);border-radius:var(--space-1);font-size:var(--font-size-body);line-height:var(--line-body);cursor:pointer;}
.contact-select__options [role="option"]:is(:hover,[data-active],[aria-selected="true"]) {background:var(--color-surface);color:var(--color-menu);}

.contact-select__options [role="option"] + [role="option"] {margin-top:1px;}
@media(prefers-reduced-motion:reduce) {.contact-select__trigger .ti {transition:none;}}

.contact-form__status[data-state="error"] {color:#b42318;}
.contact-form__status[data-state="success"] {color:#16703c;}

.contact-page__details .text-link {gap:var(--space-1);}
.contact-page__details .text-link > .ti {flex:none;font-size:24px;line-height:24px;}