.headline-rotation{position:relative;container-type:inline-size}
.hero-banner .hero-copy h1 .headline-last{display:flex;align-items:flex-start;gap:.22em;white-space:nowrap;color:var(--ink);font-size:min(1em,10.4cqw);line-height:1.35}
.hero-banner .hero-copy h1 .headline-be{color:inherit;flex-shrink:0}
.hero-banner .hero-copy h1 .rotating-word{display:block;position:relative;flex:1;min-width:0;height:1.5em;overflow:hidden;line-height:1.35;font-size:inherit}
.headline-word{position:absolute;inset:0 auto auto 0;white-space:nowrap}
.headline-word.is-entering{animation:headline-enter .45s cubic-bezier(.22,.7,.25,1) both}
.headline-word.is-leaving{animation:headline-leave .45s cubic-bezier(.22,.7,.25,1) both}
@keyframes headline-enter{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes headline-leave{from{transform:translateY(0);opacity:1}to{transform:translateY(-110%);opacity:0}}
@media(prefers-reduced-motion:reduce){.headline-word.is-entering,.headline-word.is-leaving{animation:none}}