/* ============================================
   BYA — Institut de beauté
   TRANSITIONS — voile de passage entre les pages
   ============================================ */

.page-veil {
  position: fixed;
  inset: 0;
  z-index: 200;
  background: var(--espresso);
  display: grid;
  place-items: center;
  pointer-events: none;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 0.7s var(--ease), opacity 0.4s ease;
}

.page-veil.is-on {
  pointer-events: all;
  opacity: 1;
  transform: scaleY(1);
  transform-origin: top;
}

.page-veil .logo-badge {
  width: 84px;
  height: 84px;
  opacity: 0.92;
}