/* Masked, staggered title entrance for the contact section. */
.contact-title-word { display: inline-block; white-space: nowrap; }
.contact-title-char { display: inline-block; }

.contact.contact-title-ready:not(.is-title-visible) .contact-title-char {
  opacity: 0;
  transform: translateY(.7em);
  clip-path: inset(0 0 100% 0);
}

.contact.contact-title-ready.is-title-visible .contact-title-char {
  opacity: 1;
  transform: translateY(0);
  /* Keep glyph antialiasing outside the character box visible at rest. */
  clip-path: inset(-.1em);
}

@media (prefers-reduced-motion: reduce) {
  .contact.contact-title-ready .contact-title-char {
    opacity: 1;
    transform: none;
    clip-path: none;
  }
}