.contact-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"intro form""identity form""faq form";gap:0 clamp(3rem,7vi,8rem);padding-block:clamp(3.5rem,6vi,7rem) clamp(5rem,8vi,9rem);display:grid}.contact-page>*{min-inline-size:0}.contact-intro{grid-area:intro}.contact-intro .eyebrow{color:var(--color-muted);margin-block-end:1.75rem}.contact-intro h1{letter-spacing:-.055em;text-wrap:initial;border-block-end:1px solid var(--color-border);padding-block-end:clamp(2rem,3vi,3rem);font-size:clamp(3.25rem,5.8vi,6.5rem);font-weight:400;line-height:1.04}.contact-identity{grid-area:identity;align-items:center;gap:clamp(1.5rem,3vi,3rem);padding-block:clamp(2.75rem,5vi,5rem);display:flex}.contact-symbol{flex:0 0 48%;max-inline-size:18rem}.contact-signature p:first-child{letter-spacing:-.055em;font-size:clamp(1.75rem,2.5vi,2.5rem);line-height:1.1}.contact-signature p:last-child{color:var(--color-muted);max-inline-size:20ch;margin-block-start:.75rem;font-size:1rem}.contact-request{grid-area:form;padding-block-start:.25rem}.contact-form-intro h2{letter-spacing:-.025em;font-size:clamp(1.5rem,2vi,2rem);font-weight:400;line-height:1.2}.contact-form-intro p{color:var(--color-muted);max-inline-size:42ch;margin-block-start:1rem;font-size:1rem}.contact-required-note{color:var(--color-muted);margin-block:2rem 1.75rem;font-size:.875rem}.contact-fields{gap:1.75rem;display:grid}.contact-field{gap:.5rem;min-inline-size:0;display:grid}.contact-field label{flex-wrap:wrap;align-items:baseline;column-gap:.4rem;font-size:1rem;display:flex}.contact-field label>span:not(.field-optional){color:var(--color-muted)}.field-optional{color:var(--color-muted);margin-inline-start:auto;font-size:.75rem}.contact-field-pair{grid-template-columns:minmax(0,1fr);gap:1.5rem;display:grid}.contact-field :is(input,select,textarea){border:0;min-block-size:3rem;inline-size:100%;min-inline-size:0;color:var(--color-foreground);background:0 0;border-block-end:1px solid #666;border-radius:0;padding:.5rem .25rem;font-size:1rem;line-height:1.5;transition:border-color .16s,box-shadow .16s}.contact-field textarea{resize:vertical;min-block-size:7rem;max-block-size:24rem}.contact-field :is(input,textarea)::placeholder{color:#a1a19d;opacity:1}.contact-field select{cursor:pointer;padding-inline-end:0}.contact-field select:has(option:checked[value=""]){color:#a1a19d}.contact-field option{background:var(--color-background);color:var(--color-foreground)}.contact-field :is(input,select,textarea):focus{border-color:var(--color-brand);box-shadow:inset 0 -1px 0 var(--color-brand);outline:none}.contact-field :is(input,select,textarea):focus-visible{box-shadow:inset 0 -2px 0 var(--color-brand)}.contact-field input:autofill{-webkit-text-fill-color:var(--color-foreground);box-shadow:inset 0 0 0 100px var(--color-background)}.contact-field input:autofill:focus{box-shadow:inset 0 -2px 0 var(--color-brand), inset 0 0 0 100px var(--color-background)}.contact-submit-area{margin-block-start:2rem}.contact-consent{grid-template-columns:1.25rem minmax(0,1fr);align-items:start;gap:.5rem .875rem;margin-block-end:1.5rem;display:grid}.contact-consent input{accent-color:#3a83f7;block-size:1.25rem;inline-size:1.25rem;margin-block-start:.2rem}.contact-consent label{min-block-size:44px;color:var(--color-muted);cursor:pointer;grid-area:1/2;font-size:1rem;line-height:1.5}.contact-consent a{color:var(--color-foreground);text-underline-offset:.2em}.contact-consent .contact-field-error{grid-column:2}.contact-consent input:focus-visible,.contact-consent a:focus-visible{outline-offset:4px;outline:2px solid #3a83f7}.contact-honeypot{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.contact-field-error:not([hidden]){color:#ffb8b8;font-size:.875rem}.contact-field [aria-invalid=true]:not(:focus){border-color:#ffb8b8}.contact-status{color:var(--color-muted);margin-block-start:1.5rem;font-size:1rem}.contact-status:empty{display:none}.contact-submit:disabled{cursor:wait}.contact-verification{inline-size:100%;min-inline-size:0}.contact-verification[data-interactive],.contact-verification[data-interactive]+.contact-submit-area{margin-block-start:1.5rem}.contact-field :disabled{opacity:.75}.contact-success:not([hidden]){padding-block:3rem}.contact-success .eyebrow{color:var(--color-muted);margin-block-end:1.5rem}.contact-success h2{letter-spacing:-.05em;font-size:clamp(2.5rem,4vi,4rem);font-weight:400;line-height:1.05}.contact-success>p:last-child{color:var(--color-muted);max-inline-size:35ch;margin-block-start:1.5rem}.contact-submit{color:#fff;min-block-size:3.75rem;inline-size:100%;transition:background-color .16s ease, transform .14s var(--ease-out);background:#2c71d8;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:1rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.contact-submit:active{transform:scale(.985)}.contact-faq{grid-area:faq;align-self:start}.contact-faq h2{letter-spacing:-.025em;margin-block-end:1.5rem;font-size:1.375rem;font-weight:400}.contact-questions details{border-block-start:1px solid var(--color-border)}.contact-questions details:last-child{border-block-end:1px solid var(--color-border)}.contact-questions summary{justify-content:space-between;align-items:center;gap:1.25rem;min-block-size:4.25rem;padding-block:1.125rem;font-size:1rem;line-height:1.45;list-style:none;display:flex}.contact-questions summary::-webkit-details-marker{display:none}.faq-indicator{block-size:14px;inline-size:14px;color:var(--color-muted);flex:0 0 14px;position:relative}.faq-indicator:before,.faq-indicator:after{content:"";background:currentColor;position:absolute}.faq-indicator:before{block-size:1px;inline-size:14px;inset-block-start:6px}.faq-indicator:after{block-size:14px;inline-size:1px;inset-inline-start:6px}.contact-questions details[open] .faq-indicator:after{display:none}.contact-questions details[open] summary{color:var(--color-brand)}.contact-questions details>p{color:var(--color-muted);max-inline-size:50ch;padding-block-end:1.5rem;padding-inline-end:2rem;font-size:1rem}@media (hover:hover) and (pointer:fine){.contact-field :is(input,select,textarea):hover:not(:focus){border-color:#aaa}.contact-submit:hover{background:#2367cb}.contact-questions summary:hover{color:var(--color-brand)}}@media (width<=64rem){.contact-page{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""identity""form""faq";max-inline-size:44rem;padding-block-start:3rem}.contact-intro h1{font-size:clamp(3.25rem,8vi,5rem)}.contact-identity{gap:2rem;padding-block:2.5rem}.contact-symbol{flex-basis:34%;max-inline-size:12rem}.contact-request{padding-block-start:1rem}.contact-faq{margin-block-start:4rem}}@media (width>=100rem){.contact-field-pair{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}@media (width<=30rem){.contact-page{padding-block:2rem 4rem}.contact-intro .eyebrow{margin-block-end:1.5rem}.contact-intro h1{padding-block-end:1.75rem;font-size:clamp(2.875rem,12vi,3.5rem)}.contact-identity{gap:1.5rem;padding-block:2rem}.contact-symbol{flex-basis:42%}.contact-signature p:first-child{font-size:1.75rem}.contact-signature p:last-child{font-size:.875rem}.contact-field-pair{grid-template-columns:minmax(0,1fr);gap:1.75rem}.contact-faq{margin-block-start:3rem}}@media (prefers-reduced-motion:reduce){.contact-field :is(input,select,textarea),.contact-submit{transition:none}.contact-submit:active{transform:none}}@media (forced-colors:active){.contact-field :is(input,select,textarea):focus-visible{outline-offset:4px;outline:2px solid highlight}}
