/* Contact-only completion state; no new font, image or script dependency. */
.contact-success {
  grid-column: 1 / -1;
  width: 100%;
  max-width: 900px;
  margin-inline: auto;
  padding: clamp(30px, 3vw, 36px) clamp(24px, 5vw, 68px);
  background: var(--paper);
  border: 1px solid #b9b2a3;
  text-align: center;
}

.contact-success,
.contact-form .form-status {
  scroll-margin-top: 8px;
}

.contact-success:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 5px;
}

.contact-v3-form .contact-success h2 {
  max-width: 18ch;
  margin: 14px auto 24px;
  font-size: clamp(36px, 4vw, 56px);
  line-height: 1.08;
}

.contact-success #contact-success-message {
  max-width: 42ch;
  margin: 0 auto;
  font-size: clamp(18px, 1.5vw, 21px);
  line-height: 1.7;
}

.contact-success .contact-success__signature {
  margin: 24px 0 30px;
  font-size: 18px;
  line-height: 1.7;
}

.contact-form .form-status[data-state="error"] {
  border-inline-start: 3px solid #8b392d;
  background: var(--paper);
}

@media (max-width: 600px) {
  .contact-success { padding: 30px 22px; }
  .contact-success .proto-button { max-width: 100%; }
}