.contact-sheet.is-sent .form {
  display: none;
}

.contact-sheet .form-sent {
  display: none;
}

.contact-sheet.is-sent .form-sent {
  display: grid;
  align-content: start;
  gap: 0.75rem;
  animation: form-sent-in 720ms var(--ease) both;
}

.contact-sheet .form-sent h2 {
  margin: 0.2rem 0 0;
  font-size: clamp(1.7rem, 3.2vw, 2.4rem);
}

.contact-sheet .form-sent .lede {
  margin: 0;
}

@keyframes form-sent-in {
  from {
    opacity: 0;
    transform: translateY(0.6rem);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .contact-sheet.is-sent .form-sent {
    animation: none;
  }
}