.hero h1.hero-rotating-title{display:grid;color:#fff;font-style:normal;font-size:clamp(2.5rem,5.4vw,5.35rem);line-height:1.06;letter-spacing:-.055em;margin-bottom:18px}
.hero-phrase{grid-area:1/1;display:block;align-self:start;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1),visibility .65s;overflow-wrap:normal}
.hero-phrase.is-current{opacity:1;visibility:visible;transform:translateY(0)}
.hero-animation-toggle{display:inline-flex;align-items:center;min-height:44px;padding:6px 12px;margin:0 0 16px;border:1px solid #ffffff35;border-radius:8px;background:transparent;color:#d8e5f9;font:inherit;font-size:11px;cursor:pointer}
.hero-animation-toggle[hidden]{display:none}
.hero-animation-toggle:hover{background:#ffffff12}.hero-animation-toggle:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:600px){.hero h1.hero-rotating-title{font-size:clamp(2.3rem,9.5vw,3.7rem);line-height:1.08;letter-spacing:-.045em}}
@media(prefers-reduced-motion:reduce){.hero-phrase{transition:none;transform:none}}

/* Only the complementary phrase changes; the lead remains fixed. */
.hero h1.hero-rotating-title{display:block}
.hero-static-lead{display:block;color:#fff;font-style:normal}
.hero-changing-ending{display:grid;margin-top:.08em;padding-right:.08em;color:#8fbcff;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.045em;line-height:1.1}
.hero-changing-ending .hero-phrase{color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}