/* Reserve the tallest phrase's space so the headline never shifts the layout. */
.hero-morph { display: grid; filter: none; padding-block: .12em; }
.hero-morph > span { grid-area: 1 / 1; }
.hero-morph__next { opacity: 0; }
.hero-morph__sizer { visibility: hidden; }
.hero-morph-control { padding: 6px 0; margin: 0 0 12px; border: 0; border-bottom: 1px solid currentColor; background: transparent; color: var(--dark); font: .65rem/1.6 var(--utility); cursor: pointer; min-height: 36px; }
.hero-morph-control[hidden] { display: none; }
.hero-morph-control:focus-visible { outline: 2px solid var(--dark); outline-offset: 5px; }
@media(prefers-reduced-motion:reduce) { .hero-morph { filter: none; } }

.hero-morph.is-morphing { filter: url(#motion-threshold) blur(.3px); }