.summit-highlights { position: relative; height: clamp(280px, 32vw, 440px); overflow: hidden; background: #092f21; scroll-margin-top: 92px; }
.summit-highlights-track { height: 100%; width: max-content; display: flex; animation: summit-highlights-slide var(--highlight-duration, 329s) linear infinite; will-change: transform; }
.summit-highlights-group { display: flex; flex: none; height: 100%; align-items: stretch; gap: 8px; padding-right: 8px; }
.summit-highlights-group img { flex: none; display: block; height: 100%; width: auto; max-width: none; object-fit: contain; }
@keyframes summit-highlights-slide { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
.summit-highlights.is-motion-paused .summit-highlights-track { animation-play-state: paused; }
.summit-highlights-actions { position: absolute; bottom: 22px; right: 24px; display: flex; align-items: center; gap: 8px; }
.summit-highlights-actions :is(button, a) { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 10px 14px; border: 1px solid rgba(255,255,255,.45); border-radius: 999px; background: rgba(5,36,24,.76); color: #eff5f0; backdrop-filter: blur(8px); font: 600 .75rem/1.3 'Mulish', sans-serif; text-decoration: none; cursor: pointer; }
.summit-highlights-actions :is(button, a):hover { background: #092f21; border-color: #eff5f0; }
.summit-highlights-actions :is(button, a):focus-visible { outline: 3px solid #50b848; outline-offset: 4px; }
.summit-highlights-actions .summit-highlights-pause { padding: 10px; width: 38px; }
.summit-highlights-gallery { gap: 10px; }
.summit-highlights-actions svg { width: 15px; height: 15px; }
.summit-highlights-actions [hidden] { display: none; }
@media (max-width: 640px) {
    .summit-highlights { height: 280px; }
    .summit-highlights-actions { bottom: 16px; right: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    .summit-highlights-track { animation: none; will-change: auto; }
}