/* video.css: o vídeo do alto (a câmera do estúdio se montando e se desmontando em loop), em largura total logo
   abaixo da barra fixa. No início ele tem uns 60% da altura da tela do computador; no Sobre é mais baixo.
   Depende de: base.css. Telefone nas regras soltas, computador no @media do fim. */

.video-topo { position: relative; height: 230px; background: var(--marinho); }

.video-topo--baixo { height: 180px; }

.video-topo__video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; }

.video-topo__credito {
  position: absolute; left: var(--margem); bottom: 10px;
  font-size: 12px; color: rgba(255, 255, 255, .75);
}

@media (min-width: 900px) {
  .video-topo { height: 60vh; min-height: 420px; }
  .video-topo--baixo { height: 40vh; min-height: 300px; }
  .video-topo__credito { bottom: 14px; }
}