.highlights { position: relative; }
.highlights .highlights__track {
  position: relative; display: flex; gap: 24px; overflow-x: auto;
  margin: 0; padding: 20px max(32px, calc((100% - var(--video-width)) / 2));
  scrollbar-width: none; overscroll-behavior-x: contain;
  mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
}
.highlights__track::-webkit-scrollbar { display: none; }
.highlights { --video-width: 260px; }
.highlights .work-card { flex: 0 0 var(--video-width); opacity: .5; transform: scale(.94); transition: opacity .8s, transform .8s; }
.highlights .work-card.is-active { opacity: 1; transform: scale(1); }
.highlights .work-card__body { display: none; }
.highlights .work-card__media { width: 100%; }
.highlights__caption { display: block; width: 100%; padding: 14px 10px; background: var(--card); border: 0; color: var(--text); cursor: pointer; }
.highlights__details { min-height: 260px; margin-top: 24px; }
.highlights__details h3 { margin: 10px 0; font-size: 1.4rem; }
.highlights .highlights__details p { margin: 10px 0; font-size: .94rem; line-height: 1.65; }
.highlights .highlights__details .work-card__meta { font-size: .68rem; line-height: 1.5; }
.highlights__details ul { padding-left: 18px; font-size: .8rem; color: var(--muted); line-height: 1.6; }
.highlights__details li + li { margin-top: 5px; }
.highlights__controls { display: flex; align-items: center; gap: 12px; margin-top: 20px; }
.highlights__controls button { border: 1px solid var(--line); background: transparent; color: var(--text); border-radius: 50%; width: 40px; height: 40px; cursor: pointer; }
.highlights__count { font-size: .72rem; font-variant-numeric: tabular-nums; color: var(--muted); }
.highlights button:focus-visible, .highlights__track:focus-visible { outline: 2px solid var(--text); outline-offset: 3px; }
@media (min-width: 1000px) {
  .highlights.section { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 48px; align-items: center; min-height: 100svh; padding: 36px 0; --video-width: min(300px, calc((100svh - 150px) * .5625)); }
  .highlights .section__intro { grid-column: 2; grid-row: 1; }
  .highlights .highlights__track { grid-column: 1; grid-row: 1; }
  .highlights .section__intro h2 { font-size: clamp(2rem, 3.1vw, 3.2rem); line-height: 1.08; }
  .highlights .section__intro > .eyebrow { margin-top: 0; }
}
@media (max-width: 999px) {
  .highlights.section { padding: 48px 0; }
  .highlights .highlights__track { margin-top: 24px; }
  .highlights__details { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .highlights .work-card { transition: none; }
}