.contact-page{max-width:720px;margin-inline:auto;padding:72px 24px 96px;box-sizing:border-box;position:relative}
/* The page loads launch.css, which has no .wrap gutter: on a phone the heading and the fields touched the screen edges (owner, 21 Oct 2026). */
@media(max-width:640px){.contact-page{padding:40px 16px 72px}}
.contact-page h1{font-size:clamp(36px,6vw,56px);line-height:1.12;margin-bottom:20px}
.contact-lead{font-size:20px;line-height:1.6;margin-bottom:32px}
#contact-form{display:grid;gap:10px}
#contact-form label{font-weight:600;margin-top:12px}
#contact-form input,#contact-form select,#contact-form textarea{width:100%;min-width:0;box-sizing:border-box;padding:12px;border:1px solid #8a807c;border-radius:10px;background:#fff;color:#241f21;font:inherit}
#contact-form textarea{resize:vertical}
#contact-form [aria-invalid=true]{border:2px solid #a13430}
#contact-form :focus-visible,#contact-status:focus-visible{outline:3px solid #476ca8;outline-offset:3px}
#contact-form button{justify-self:start;cursor:pointer}
#contact-form button:disabled{opacity:.65;cursor:wait}
.contact-honeypot{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#contact-status{margin-block:20px;line-height:1.6}
.contact-email,.contact-privacy{line-height:1.6;margin-block:16px}
.contact-page a{text-decoration:underline;text-underline-offset:3px}
.contact-privacy{font-size:14px}