/* The same letter masks, sequence and curve on every page. */
.motion-title .glyph-mask{display:inline-block;vertical-align:bottom;overflow:hidden;padding:.12em .09em .15em;margin:-.12em -.09em -.15em;line-height:inherit}
.motion-title .title-glyph{display:inline-block;animation:title-reveal 740ms cubic-bezier(.16,1,.3,1) both;animation-delay:var(--letter-delay)}
@keyframes title-reveal{from{transform:translateY(115%) rotate(4deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}
.title-waiting .title-glyph{animation:none;transform:translateY(115%);opacity:0}
.title-waiting.title-visible .title-glyph{animation:title-reveal 740ms cubic-bezier(.16,1,.3,1) both;animation-delay:var(--letter-delay)}
.resting-details .detail-pair{animation:photo-support .55s .2s both}
.resting-details .detail-pair:nth-child(2){animation-delay:.3s}
.resting-statement>p,.resting-details .contact-detail{animation:photo-support .65s .7s both}
@keyframes photo-support{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.motion-title .title-glyph,.title-waiting .title-glyph,.title-waiting.title-visible .title-glyph{animation:none!important;transform:none!important;opacity:1!important}.resting-details .detail-pair,.resting-statement>p{animation:none}}