.contact-form { position: relative; }
.contact-confirmation[hidden] { display: none; }
.contact-confirmation {
  position: absolute; inset: 0; z-index: 1;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 2rem; text-align: center; background: #fff;
  border-radius: inherit; color: var(--ink, #182332);
  animation: contact-confirmation-fade .24s ease-out both;
}
.contact-confirmation:focus { outline: none; }
.confirmation-mark {
  display: grid; place-items: center; width: 3.2rem; height: 3.2rem;
  border-radius: 50%; margin-bottom: 1.4rem;
  background: #eef4fa; color: var(--blue, #0875e8); font-size: 1.6rem;
}
.contact-confirmation h3 { margin: 0 0 .8rem; font-size: clamp(2rem, 4vw, 3rem); font-weight: 550; letter-spacing: -.045em; line-height: 1.1; }
.contact-confirmation p { margin: 0; font-size: 1.1rem; line-height: 1.6; color: var(--muted, #626c71); }
.contact-confirmation .confirmation-thanks { margin-top: .6rem; color: var(--ink, #182332); }
.is-submitted > .form-grid, .is-submitted > button[type="submit"] { visibility: hidden; }
@keyframes contact-confirmation-fade { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .contact-confirmation { animation: none; } }