.profile-photo{max-width:96px}
@media(max-width:360px){.profile-photo{max-width:88px}}
/* Finish the last stroke at 3.75s, then keep the finished message until 5s. */
.intro-playing .intro-ink{animation-duration:.85s;animation-delay:calc(var(--delay) * 3)}
.intro-playing .intro-flourish{animation-duration:.7s;animation-delay:3.05s}
.intro-playing .intro-signature{animation:signature-in .8s ease 2.9s both}
.intro-curtain.is-revealing{transition:opacity 1s ease}
.intro-curtain.is-revealing .intro-message{transition:transform 1s ease,opacity 1s ease}
@media(prefers-reduced-motion:reduce){.intro-playing .intro-ink,.intro-playing .intro-flourish,.intro-playing .intro-signature{animation:none!important}}