/* Scoped feedback: Source typography and the Lex paper/gold palette. */
#contactForm,#callbackForm{scroll-margin-top:110px}
#contactForm [role=status]:empty,#callbackForm [role=status]:empty{display:none}
.page-article .contact-confirmation{position:relative;padding:28px 30px 32px;scroll-margin-top:110px;overflow:hidden}
.contact-confirmation h3{font-size:clamp(25px,4vw,32px);line-height:1.2}
.contact-confirmation p{max-width:46ch;line-height:1.65}
.contact-again{display:inline-block;margin-top:22px;padding:6px 0;min-height:44px;border:0;border-bottom:1px solid var(--focus, #806827);background:transparent;color:var(--ink, #24231f);font:inherit;font-size:15px;cursor:pointer}
.mail-flight{display:block;width:240px;max-width:100%;height:96px;margin:0 0 14px -50px;overflow:visible;fill:none;stroke:var(--focus, #806827);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mail-envelope rect,.mail-rocket>path:first-child{fill:var(--hover, #FFE8A8)}
.mail-launch,.mail-check{opacity:0}
.mail-launch{transform-box:view-box;transform-origin:80px 48px}
.mail-check circle{fill:var(--hover, #FFE8A8)}
.is-sent .mail-envelope{animation:lex-mail-fold .45s .3s ease-in-out both;transform-box:fill-box;transform-origin:center}
.is-sent .mail-check{animation:lex-mail-confirm .35s 6.6s ease-out both}
@keyframes lex-mail-fold{0%{opacity:1;scale:1}65%{opacity:1;scale:.7 1.1}100%{opacity:0;scale:.4 1}}
@keyframes lex-mail-confirm{from{opacity:0}to{opacity:1}}
@media(max-width:480px){.page-article .contact-confirmation{padding:24px 22px 28px}}
@media(prefers-reduced-motion:reduce){.contact-confirmation .mail-envelope,.contact-confirmation .mail-launch{display:none;animation:none}.contact-confirmation .mail-check{opacity:1;animation:none}}
/* The illustration fills the card's right side, clipped inside its border. */
.contact-confirmation{isolation:isolate}
.page-article .contact-confirmation{padding-right:240px;min-height:330px}
.confirmation-visual{position:relative;height:100px;margin-bottom:12px;z-index:2}
.confirmation-visual .mail-flight{position:absolute;left:-50px;top:2px;margin:0}
.contact-confirmation>.confirmation-illustration{position:absolute;right:28px;top:32px;display:block;width:174px;height:calc(100% - 64px);object-fit:contain;opacity:.65;pointer-events:none;z-index:0}
.contact-confirmation>h3,.contact-confirmation>p,.contact-confirmation>.contact-again{position:relative;z-index:1}
@media(max-width:800px){.page-article .contact-confirmation{padding-right:30px;min-height:0}.contact-confirmation>.confirmation-illustration{right:20px;top:30px;width:40%;height:calc(100% - 60px);opacity:.24}}
@media(max-width:480px){.page-article .contact-confirmation{padding-right:22px}.confirmation-visual{height:96px}}

/* Folded stationery, with a quiet two-tone crease and no decorative exhaust. */
.mail-rocket{stroke-width:1.6;stroke-linejoin:round}
.mail-rocket .paper-fold{fill:#ead59c}

/* Field-level errors remain legible beneath their input, above helper text. */
#contactForm .form-error,#callbackForm .form-error{color:#a12622;font-size:14px;line-height:1.5;margin:6px 0 0;padding:0}
#contactForm .form-message.error,#callbackForm .form-message.error{color:#a12622}