.hero-headlines{display:grid;isolation:isolate;width:min(940px,calc(100vw - 170px))}
.hero-headlines .hero-phrase{grid-area:1/1;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .55s ease,transform .65s cubic-bezier(.22,1,.36,1),visibility .55s;pointer-events:none}
.hero-headlines .hero-phrase.is-current{visibility:visible;opacity:1;transform:translateY(0)}
.headline-controls{display:flex;align-items:center;gap:12px;width:max-content;margin-top:12px;height:44px}
.headline-controls[hidden]{display:none}
.headline-steps{display:flex;align-items:center}
.headline-steps button,.headline-pause{display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;color:#ead5b3;cursor:pointer}
.headline-steps button:after{content:'';width:20px;height:2px;background:#eddbc44d;transition:background .3s,transform .3s}
.headline-steps button[aria-pressed=true]:after{background:#f4d6aa;transform:scaleY(2)}
.headline-steps button:hover:after{background:#fff0d9}
.headline-pause{border:1px solid #e6d0af40;border-radius:50%;font:14px/1 var(--sans)}
.headline-controls button:focus-visible{outline:2px solid #f4d6aa;outline-offset:-3px}
@media(max-width:700px){.hero .hero-headlines{width:100%;font-size:clamp(33px,10.5vw,58px);letter-spacing:-2px}.hero-headlines .hero-phrase{white-space:normal}.headline-controls{margin-top:8px}}
@media(max-width:360px){.hero .hero-headlines{font-size:33px;letter-spacing:-1.7px}}
@media(max-height:780px) and (min-width:1001px){.headline-controls{margin-top:4px;height:36px}.headline-controls button{height:36px}}
@media(prefers-reduced-motion:reduce){.hero-headlines .hero-phrase{transition:none;transform:none}}
html[data-reduced-motion] .hero-headlines .hero-phrase{transition:none;transform:none}