.contact-page>main{display:flex;align-items:center;padding:64px 0 72px}
.contact-layout{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,7vw,112px);align-items:start}
.contact-intro{padding-top:12px}.contact-intro .eyebrow,.thanks-content .eyebrow{font-size:12px}.contact-intro h1{font-size:clamp(48px,5vw,68px)}
.contact-form{width:100%;max-width:560px;justify-self:end}.field{display:flex;flex-direction:column;gap:10px;margin-bottom:26px}
.field label{font-size:14px;font-weight:500}.field input,.field textarea{font:inherit;font-size:16px;line-height:1.5;width:100%;border:1px solid #bdc8d5;border-radius:0;background:#fff;color:var(--navy);padding:13px 15px;transition:border-color .15s}
.field textarea{resize:vertical;min-height:160px;max-height:640px}.field input:hover,.field textarea:hover{border-color:#6988ae}.field input:focus,.field textarea:focus{border-color:var(--navy);outline:2px solid #dce5ef;outline-offset:2px}
.form-note{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 26px}.form-note a{text-decoration:underline;text-underline-offset:3px}.form-trap{display:none}
.send-button{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--navy);border-radius:0;padding:16px 20px;background:var(--navy);color:#fff;font:inherit;font-size:15px;cursor:pointer}.send-button:hover{background:#203752}.send-button:disabled{opacity:.65;cursor:wait}.submit-status{font-size:14px;color:var(--muted);line-height:1.5;margin:12px 0 0}.submit-status:empty{display:none}
.contact-page nav [aria-current=page]{text-decoration:underline;text-underline-offset:6px}.thanks-content{padding:48px 0;max-width:720px}.back-link{display:inline-flex;gap:32px;align-items:center;font-size:15px;margin-top:40px;padding-bottom:10px;border-bottom:1px solid var(--navy)}
@media(max-width:800px){.contact-page>main{padding:48px 0}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-form{max-width:none}.contact-intro{padding:0}.contact-intro .intro{margin-top:20px}}
@media(max-width:600px){.contact-page .brand-name{display:none}.contact-page nav{font-size:14px}.contact-page>main{padding:40px 0 48px}.contact-intro h1{font-size:46px}.field{margin-bottom:22px}.thanks-content{padding:24px 0}}