/* hg1 hero gallery switcher (event pages). Slides keep the rd1 contain rule: whole cover, never cropped. */
html.rd1 .rdh .tm-card.hg{touch-action:pan-x pan-y}
.rdh .hg-tr{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.rdh .hg-tr::-webkit-scrollbar{display:none}
.rdh .hg-sl{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always}
.rdh .hg-n{position:absolute;top:10px;right:10px;z-index:3;font:700 12px/1 Inter,system-ui,sans-serif;letter-spacing:.04em;color:#fff;background:rgba(0,0,0,.55);padding:6px 9px;border-radius:999px;pointer-events:none}
.rdh .hg-dots{position:absolute;left:0;right:0;bottom:4px;z-index:3;display:flex;justify-content:center}
.rdh .hg-d{width:44px;height:44px;min-width:0;display:grid;place-items:center;background:none;border:0;padding:0;margin:0 -12px;cursor:pointer}
.rdh .hg-d i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);box-shadow:0 0 0 1px rgba(0,0,0,.35);transition:width .2s}
.rdh .hg-d[aria-current] i{width:20px;border-radius:4px;background:#fff}
.rdh .hg-ar{display:none;position:absolute;top:50%;z-index:3;width:44px;height:44px;margin-top:-22px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;place-items:center;padding:0}
.rdh .hg-ar svg{width:22px;height:22px}
.rdh .hg-pv{left:10px}.rdh .hg-nx{right:10px}
@media (hover:hover) and (pointer:fine){.rdh .hg-ar{display:grid}}
@media (prefers-reduced-motion:reduce){.rdh .hg-d i{transition:none}}
/* hg2: plain dark hero, no blurred copy (rulebook 2.2); clip as slide 1, pause button top left so it clears the 1/N count; caption clears the dots */
html.rd1 .rdh .tm{background:#111}
html.rd1 .rdh .tm-bd{display:none!important}
html.rd1 .rdh .hg-v .tm-pause{right:auto!important;left:8px!important}
html.rd1 .rdh .hg .tm-cap{bottom:56px}