.contact-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.contact-form-status:empty { display: none; }
.contact-form-status[data-state="error"],
.contact-form-status[data-state="pending"] { color: var(--wine); font-size: 13px; }
.contact-confirmation { box-sizing: border-box; width: min(480px, calc(100vw - 40px)); max-height: calc(100dvh - 40px); margin: auto; padding: clamp(28px, 6vw, 48px); border: 0; border-top: 5px solid var(--rose-dark); background: var(--white); color: var(--ink); text-align: center; box-shadow: 0 24px 90px #2d172b33; }
.contact-confirmation::backdrop { background: #28102199; }
.contact-confirmation h2 { margin: 0 0 20px; font-size: var(--site-h2); line-height: 1.12; letter-spacing: -.04em; text-wrap: balance; }
.contact-confirmation > p:not(.eyebrow) { margin: 0 0 28px; font-size: 16px; line-height: 1.75; }
.contact-confirmation .button { width: 100%; }
.contact-confirmation .button:focus-visible { outline: 3px solid var(--rose-dark); outline-offset: 4px; }