/* 换词时按实际文字宽度排版，让同一行的其余文字同步让位。 */
html[lang=en] .hero h1:not(.hero-heading-ready) .hero-verb{margin-right:.17em}
.hero-heading-ready .hero-ending{position:relative}
.hero-heading-ready .hero-verb{
  display:inline-block;
  position:relative;
  min-width:0;
  margin:0;
  height:1lh;
  overflow:visible;
  clip-path:inset(0);
  vertical-align:baseline;
  text-align:left;
  color:var(--accent);
}
body[data-language=en] .hero-heading-ready .hero-verb{
  display:inline-block;
  min-width:0;
  margin:0;
  height:1lh;
  text-align:left;
}
.hero-heading-ready .hero-motion-word{
  position:absolute;
  inset:0 auto auto 0;
  display:block;
  white-space:pre;
  line-height:inherit;
  opacity:0;
}
.hero-heading-ready .hero-motion-word.is-current{opacity:1}
.hero-heading-ready .hero-motion-measure{
  position:absolute;
  inset:0 auto auto 0;
  width:max-content;
  visibility:hidden;
  white-space:pre;
  pointer-events:none;
}
.hero-heading-ready .hero-motion-baseline{visibility:hidden;white-space:pre;line-height:inherit}
.hero-heading-ready .hero-after{display:inline-block;white-space:pre}
html[lang=en] .hero-heading-ready .hero-after{margin-left:.17em}
/* 动词与冠词始终一起排版；只在短语之间断行。 */
.hero-verb-phrase { display:inline-block; white-space:nowrap; }
@media(max-width:700px){
  html[lang=en] .hero h1:not(.hero-heading-ready){font-size:clamp(26px,8vw,42px)}
  html[lang=en] .hero h1:not(.hero-heading-ready) .hero-ending{flex-direction:row;flex-wrap:nowrap;align-items:baseline}
  body[data-language=en] .hero-heading-ready .hero-verb { display:inline-block; margin:0; }
  html[lang=en] .hero-heading-ready .hero-ending { flex-direction:row; flex-wrap:nowrap; align-items:baseline; }
  body[data-language=en] .hero-heading-ready .hero-after { display:inline-block; white-space:nowrap; }
  html[lang=en] .hero h1.hero-heading-ready { font-size:clamp(26px,8vw,42px); }
}
@media(prefers-reduced-motion:reduce){
  .hero-heading-ready .hero-motion-word{transform:none!important}
}