/* match leaders on a 3D ring (phones) and flip-in (computers); see leaders.js */
.leaders.ringmode { display: block !important; }
.leaders.ringmode .lstage { position: relative; perspective: 400px; perspective-origin: 50% 42%; touch-action: pan-y; overflow: hidden; margin: 0 -12px; }
.leaders.ringmode .lring { position: absolute; inset: 0; transform-style: preserve-3d; will-change: transform; }
html .leadbox .leaders.ringmode .leader { position: absolute; left: 50%; top: 22px; box-sizing: border-box; margin-top: 0; cursor: pointer;
  backface-visibility: hidden; -webkit-backface-visibility: hidden;
  background: rgba(255,255,255,.95) !important; box-shadow: 0 10px 26px rgba(15,23,42,.14); }
.leaders.ringmode .leader.zoomed { cursor: auto; outline: 2px solid rgba(31,58,147,.25); outline-offset: -1px; }
.leaders.ringmode .ldots { display: flex; gap: 6px; justify-content: center; margin: 2px 0 4px; }
.leaders.ringmode .ldots i { width: 7px; height: 7px; border-radius: 50%; background: #cbd5e1; transition: all .3s; }
.leaders.ringmode .ldots i.on { background: #1F3A93; width: 18px; border-radius: 4px; }
.leaders.ringmode .lhint { text-align: center; font-size: .72rem; color: var(--muted, #6b7280); margin-bottom: 4px; }
@keyframes lflip { from { transform: perspective(700px) rotateY(-80deg); opacity: 0; } to { transform: none; opacity: 1; } }
.leaders.flipin .leader { animation: lflip .7s cubic-bezier(.3,1.2,.4,1) both; transform-origin: 0 50%; }
.leaders.flipin .leader:nth-child(2) { animation-delay: .08s; }
.leaders.flipin .leader:nth-child(3) { animation-delay: .16s; }
.leaders.flipin .leader:nth-child(4) { animation-delay: .24s; }
.leaders.flipin .leader:nth-child(5) { animation-delay: .32s; }
.leaders.flipin .leader:nth-child(n+6) { animation-delay: .4s; }
@media (prefers-reduced-motion: reduce) { .leaders.flipin .leader { animation: none; } }
html .leadbox .leaders.ringmode .leader { padding: 10px 11px !important; }
.leaders.ringmode .leader .lv { font-size: 1.45rem; }
.leaders.ringmode .leader .lp { font-size: .8rem; gap: 5px; margin-top: 6px; }
.leaders.ringmode .leader .lphoto { width: 26px; height: 26px; }