/* Service words turn in one letter at a time, with a stable layout. */
.hero-recording h1.hero-text-heading .hero-service-word{display:inline-grid;vertical-align:baseline;color:var(--mint);perspective:650px;white-space:nowrap}
.hero-text-heading .hero-word-letters{grid-area:1/1;white-space:nowrap;color:inherit}
.hero-text-heading .hero-word-letters{display:inline-flex;justify-self:start;align-items:baseline}
.hero-text-heading .hero-text-letter{display:inline-block;color:inherit;transform-origin:50% 75%;backface-visibility:hidden}
.hero-text-heading.hero-text-ready .hero-word-enter .hero-text-letter{animation:hero-letter-enter 1.15s cubic-bezier(.16,1,.3,1) calc(var(--word-offset,0ms) + var(--letter-index) * 85ms) both}
.hero-text-heading.hero-text-ready .hero-word-exit .hero-text-letter{animation:hero-letter-exit .4s ease-in calc(var(--letter-index) * 40ms) both}
@keyframes hero-letter-enter{from{opacity:0;transform:translateY(16px) rotateX(-45deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}
@keyframes hero-letter-exit{from{opacity:1;transform:translateY(0) rotateX(0)}to{opacity:0;transform:translateY(-12px) rotateX(35deg)}}
@media(prefers-reduced-motion:reduce){.hero-text-heading .hero-text-letter{animation:none!important;opacity:1!important;transform:none!important}}