/* All phrases share one grid cell so the headline never changes size. */
.hero-headline-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-phrases{display:grid;width:max-content;max-width:100%}
.hero-phrase{grid-area:1/1;visibility:hidden;white-space:nowrap}
.hero-phrase.is-current,.hero-phrase.is-leaving{visibility:visible}
.hero-bottom-tools{display:flex;align-items:center;gap:1.25rem}
.hero-map-link{display:flex;align-items:center;gap:1.5rem;min-height:32px;white-space:nowrap}
.hero-map-link:hover .icon{transform:translateY(3px)}
.hero-cycle-toggle{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:7px;border:1px solid #ffffff60;border-radius:50%;background:transparent;color:var(--lime);transition:background var(--motion),border-color var(--motion)}
.hero-cycle-toggle svg{width:20px;height:20px}
.hero-cycle-toggle:hover{background:#ffffff12;border-color:var(--lime)}
.hero-cycle-toggle:focus-visible{outline-color:var(--lime)}
.hero-cycle-toggle .hero-play-icon,.hero-cycle-toggle.is-paused .hero-pause-icon{display:none}
.hero-cycle-toggle.is-paused .hero-play-icon{display:block}
@media(max-width:600px){.hero h1{font-size:clamp(2rem,10.2vw,4.4rem)}.hero-bottom-tools{width:100%;justify-content:space-between;gap:1rem}.hero-map-link{gap:.8rem}}
@media(prefers-reduced-motion:reduce){.hero-cycle-toggle{display:none}.hero-map-link:hover .icon{transform:none}}
@media print{.hero-cycle-toggle{display:none}.hero-phrase{visibility:hidden!important}.hero-phrase:first-child{visibility:visible!important}}