/* HighlightsScene — vídeo fixo com 4 destaques revelados pelo scroll */
.hl-scene { position: relative; z-index: 1; height: calc(var(--vh100-fixedTop) * 6); }
.hl-scene__sticky {
  position: sticky; top: var(--fixedTop);
  height: var(--vh100-fixedTop); overflow: hidden;
}
.hl-scene__media { position: absolute; inset: 0; background: rgb(66, 66, 71); }
.hl-scene__media video { width: 100%; height: 100%; object-fit: cover; }
.hl-scene__overlay { position: absolute; inset: 0; z-index: 2; background: rgba(0,0,0,.5); pointer-events: none; }
.hl-scene__texts {
  position: absolute; inset: 0; z-index: 3;
  display: flex; align-items: center; justify-content: center;
  pointer-events: none; color: #fafafa; text-align: center;
}
.hl-scene__desc {
  position: relative; height: 0; width: calc(100% - 48px); max-width: 960px; margin: 0 auto; padding: 0; list-style: none;
  font-size: var(--Display-2-Size); line-height: var(--Display-2-Line-Height); font-weight: 700;
  text-shadow: rgba(0,0,0,.75) 0 0 100px;
}
@media (min-width: 768px)  { .hl-scene__desc { width: 500px; } }
@media (min-width: 1025px) { .hl-scene__desc { width: 842px; } }
@media (min-width: 1440px) { .hl-scene__desc { width: 960px; } }
.hl-scene__item {
  position: absolute; left: 0; right: 0; top: 0;
  margin: 0; font: inherit; white-space: pre-line;
  opacity: 0; transform: translateY(200px);
  will-change: opacity, transform;
}
/* sem JS ou com movimento reduzido: lista legível */
.no-js .hl-scene__desc, .reduce-motion .hl-scene__desc { height: auto; }
.no-js .hl-scene__item, .reduce-motion .hl-scene__item { position: relative; opacity: 1; transform: none; margin: 0 0 24px; font-size: .6em; line-height: 1.15; }

/* conteúdo que sobe por cima do vídeo fixo */
.sticky-content { position: relative; z-index: 2; margin-top: calc(var(--vh100) * -1); background: var(--page-bg); }