.sheila-lettering {
  display: block;
  width: min(222px, 100%);
  height: auto;
  margin: .65rem 0 0 -.1rem;
  color: var(--forest, #414d36);
  overflow: visible;
}
@media (prefers-reduced-motion: no-preference) {
  .sheila-lettering[data-pen="waiting"] path,
  .sheila-lettering[data-pen="writing"] path {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
  }
  .sheila-lettering[data-pen="writing"] path {
    animation: sheila-write var(--pen-duration) linear var(--pen-delay) forwards;
  }
}
@keyframes sheila-write { to { stroke-dashoffset: 0; } }