/* ============================================
   NEVER YOUR - Page Transitions
   Fade-through-black, ceremonial
   ============================================ */

/* Page transition overlay */
.page-transition {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-black);
    z-index: 99999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.page-transition.active {
    opacity: 1;
    pointer-events: all;
}

/* Smooth page transitions */
html {
    scroll-behavior: smooth;
}

/* Fade in body on page load */
body {
    opacity: 0;
    animation: fadeInCeremonial 1.0s cubic-bezier(0.25, 0.1, 0.25, 1) 0.2s forwards;
}

@keyframes fadeInCeremonial {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}