.animated-heading{
  --breath-min:450;
  --breath-max:800;
  --breath-duration:1.8s;
  font-family:'Source Serif 4',Georgia,serif!important;
  font-optical-sizing:none;
  font-synthesis:none;
}
.animated-word{display:inline-block;white-space:nowrap}
.animated-heading .animated-word,.animated-heading .animated-letter,.animated-heading .animated-glyph{font-size:inherit;line-height:inherit;letter-spacing:inherit}
.animated-letter{display:inline-grid;vertical-align:baseline}
/* The invisible maximum-weight glyph reserves space so the line never jumps. */
.animated-letter::before{
  content:attr(data-char);
  grid-area:1/1;
  visibility:hidden;
  font-variation-settings:'wght' var(--breath-max),'opsz' 20;
}
.animated-glyph{
  grid-area:1/1;
  text-align:center;
  animation:title-breath var(--breath-duration) alternate cubic-bezier(.37,0,.63,1) infinite both;
  animation-play-state:paused;
}
.animated-heading[data-running=true] .animated-glyph{animation-play-state:running}
@keyframes title-breath{
  from{font-variation-settings:'wght' var(--breath-min),'opsz' 20}
  to{font-variation-settings:'wght' var(--breath-max),'opsz' 20}
}
@media(prefers-reduced-motion:reduce){
  .animated-glyph{animation:none!important;font-variation-settings:'wght' 700,'opsz' 20}
}