/* ============================================================
   PAGE TRANSITION — wipe Electric Blue com logo girando
   ============================================================ */

.page-transition {
  position: fixed;
  inset: 0;
  z-index: 9996; /* abaixo do grain (9999) e cursor (9998), acima de tudo o resto */
  background: var(--electric-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transform: translateY(100%);
  will-change: transform;
  pointer-events: none;
}

/* Estado de chegada: painel cobrindo a tela antes do paint (sem flash) */
html.pt-incoming .page-transition {
  transform: translateY(0);
}

/* Bloqueia interação enquanto o painel cobre a tela na chegada */
html.pt-incoming {
  overflow: hidden;
}

.page-transition__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}

.page-transition__logo {
  width: clamp(72px, 9vw, 120px);
  height: auto;
  color: var(--white);
}

.page-transition__label {
  font-family: var(--font-main);
  font-size: var(--text-label);
  font-weight: var(--weight-bold);
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: var(--white);
  padding-left: 0.35em; /* compensa o tracking à direita */
}

@media (prefers-reduced-motion: reduce) {
  .page-transition__logo { animation: none; }
}