@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500&display=swap');
/* Keep the first two lines still after their one-time entrance. */
.entry-drift-left,.entry-drift-right{display:inline-block;animation:none!important;transform:none}
.ceramic-entry .entry-copy .entry-signature{font-family:Manrope,Arial,sans-serif;font-size:clamp(20px,2vw,28px);font-weight:400;line-height:1.35;letter-spacing:.015em;color:#e6d6b6;min-height:1.35em;text-wrap:nowrap;animation:none}
.signature-ink{display:inline-block;padding:0 .12em;animation:signature-writing 8s linear 1.3s infinite;clip-path:inset(0 0 0 0);white-space:nowrap}
@keyframes signature-writing{
 0%,4%{clip-path:inset(0 100% 0 0);opacity:1}
 12%{clip-path:inset(0 88% 0 0);opacity:1}
 23%{clip-path:inset(0 67% 0 0);opacity:1}
 34%{clip-path:inset(0 43% 0 0);opacity:1}
 46%{clip-path:inset(0 18% 0 0);opacity:1}
 55%,88%{clip-path:inset(0 0 0 0);opacity:1}
 97%,100%{clip-path:inset(0 0 0 0);opacity:0}
}
@media(max-width:760px){.ceramic-entry .entry-copy .entry-signature{font-size:clamp(17px,4.5vw,22px);line-height:1.3;min-height:1.3em}}
@media(max-height:480px) and (orientation:landscape){.ceramic-entry .entry-copy .entry-signature{font-size:17px}}
@media(prefers-reduced-motion:reduce){.signature-ink{animation:none;clip-path:none;opacity:1}}

/* Bring the educator line closer to the headline. */
.ceramic-entry .entry-copy .entry-signature{top:0;margin-top:clamp(14px,2.4svh,24px)}
@media(max-width:760px){.ceramic-entry .entry-copy .entry-signature{top:0;margin-top:clamp(14px,2.2svh,20px)}}
@media(max-height:480px){.ceramic-entry .entry-copy .entry-signature{margin-top:12px}}