/* Overlay de abertura em video. */

/* ---------- intro em vídeo ---------- */
.intro{position:fixed;inset:0;z-index:60;background:#000;
  display:flex;align-items:center;justify-content:center;
  transition:opacity .55s ease, visibility .55s}
.intro[hidden]{display:none}
.intro.saindo{opacity:0;visibility:hidden;pointer-events:none}
.intro video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.pular{position:absolute;right:clamp(1rem,3vw,2.4rem);bottom:clamp(1rem,3vh,2.2rem);
  display:inline-flex;align-items:center;gap:.6em;padding:.7em 1.2em;cursor:pointer;
  font-family:var(--nav);font-stretch:125%;font-weight:800;font-size:.66rem;letter-spacing:.2em;
  text-transform:uppercase;color:rgba(237,227,210,.72);
  background:rgba(10,8,6,.5);border:1px solid rgba(237,227,210,.22);
  backdrop-filter:blur(2px);transition:color .25s,border-color .25s,background .25s}
.pular:hover,.pular:focus-visible{color:#fff;border-color:#c8102e;background:rgba(200,16,46,.22)}
.pular svg{width:1em;height:1em}
/* barrinha de progresso, discreta */
.intro-barra{position:absolute;left:0;bottom:0;height:2px;width:0;background:#C8102E;opacity:.75}
@media (prefers-reduced-motion:reduce){.intro{display:none}}