/* ============================================================
   Hero da pagina Minecraft com fundo em video controlado pelo scroll.

   O video fica fixed cobrindo a viewport e o JS controla currentTime.
   As secoes depois da hero ficam acima dele para impedir vazamento
   visual quando a rolagem sai da primeira dobra.
   ============================================================ */

.mc-hero {
  position: relative;
}

/* Video sempre fixo cobrindo a viewport */
.mc-hero-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
  background: #010314;        /* mesma cor de fundo do tema */
  will-change: transform;
}

/* Bordas em gradiente continuam ABSOLUTE (como no original), acima do
   video, criando o sombreado no topo e na base da hero.
   Posicao/altura/cor vem do style.css (.de-gradient-edge-* + dark-scheme). */
.mc-hero > .de-gradient-edge-top,
.mc-hero > .de-gradient-edge-bottom {
  z-index: 1;
}

/* Conteudo (textos, planos, etc.) sempre acima do video e das bordas */
.mc-hero > .container {
  position: relative;
  z-index: 2;
}

/* Capa: as secoes depois da hero ganham fundo solido e ficam ACIMA do
   video. Sem isso, em scroll muito rapido o video (fixed) "vaza" numa
   faixa por baixo do gradiente sobre a secao seguinte. Mesma cor do
   tema, entao nao muda nada visual -- so tampa o vazamento. */
.mc-hero ~ section {
  position: relative;
  z-index: 1;
  background: var(--bg-dark-1);
}