/* V6: photograph navigation stays independent of the stationary hero content. */
.hero{touch-action:pan-y pinch-zoom}
.hero-images{user-select:none;pointer-events:none}
.hero-pagination{position:absolute;inset:auto 0 24px;z-index:2;display:flex;align-items:center;justify-content:flex-start;gap:0;color:var(--navy)}
.hero-pagination[hidden],.hero-playback[hidden]{display:none}
.hero[data-slide="1"] .hero-pagination{color:#fff}
.hero-dot,.hero-playback{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:0;border:0;background:transparent;color:inherit}
.hero-dot{width:28px}
.hero-dot span{display:block;width:7px;height:7px;background:currentColor;border-radius:50%;opacity:.32;transition:opacity .25s}
.hero-dot.is-active span{opacity:1}
.hero-dot:hover span{opacity:.75}
.hero-dot.is-active:hover span{opacity:1}
.hero-dot:focus-visible,.hero-playback:focus-visible{outline:2px solid currentColor;outline-offset:-3px;border-radius:50%}
.hero-playback{width:44px;margin-left:10px;opacity:.8}
.hero-playback:hover{opacity:1}
.hero-playback svg{width:13px;height:13px}
.hero-play-icon,.hero-playback.is-paused .hero-pause-icon{display:none}
.hero-playback.is-paused .hero-play-icon{display:block}
.hero:focus-visible{outline:3px solid var(--red);outline-offset:-4px}
@media(max-width:760px){.hero-pagination{bottom:18px}}