/* =========================================================
   DARKFACE — Page Transitions & Loading
   ========================================================= */

.page-transition{
  position:fixed;
  inset:0;
  z-index:99999;
  background:#0a0a0a;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:1;
  transition:opacity 0.6s ease;
  pointer-events:all;
}
.page-transition.is-loaded{
  opacity:0;
  pointer-events:none;
}
.page-transition.is-exiting{
  opacity:1;
  pointer-events:all;
}

/* Logo in center — subtle pulse */
.page-transition__logo{
  width:120px;
  height:120px;
  opacity:0.7;
  animation:loaderPulse 1.5s ease-in-out infinite;
}

@keyframes loaderPulse{
  0%,100%{
    opacity:0.5;
    transform:scale(0.97);
  }
  50%{
    opacity:0.9;
    transform:scale(1.03);
  }
}