/* Home hero message rotator: text fades between messages (see hero-rotator.js). */
.hero-rotator{display:flex;flex-direction:column}
.hero-rotator>:not(.hero-dots){transition:opacity .38s ease}
.hero-rotator.is-swapping>:not(.hero-dots){opacity:0}
.hero-tagline{margin:18px 0 0;max-width:420px;font-size:11px;line-height:1.7;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:#b5d0e9}
.hero-tagline[hidden]{display:none}
.hero-dots{display:flex;gap:6px;margin-top:auto;padding-top:22px}
.hero-dots button{width:30px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:grid;align-items:center}
.hero-dots button:before{content:"";display:block;height:3px;background:#648fb9;opacity:.45;transition:opacity .2s ease,background .2s ease}
.hero-dots button:hover:before{opacity:.8}
.hero-dots button[aria-current="true"]:before{opacity:1;background:#a7c3df}
.hero-dots button:focus-visible{outline:2px solid #a7c3df;outline-offset:2px}
html.motion-paused .hero-rotator>:not(.hero-dots){transition:none}
@media(max-width:760px){.hero-tagline{font-size:9.5px;letter-spacing:.13em;max-width:310px;margin-top:14px}.hero-dots{padding-top:18px}}
@media print{.hero-dots,.hero-tagline{display:none}}