/* ============================================================
   PAGE TRANSITION OVERLAY  –  Spoker
   Full-screen panel slides in from the bottom, out to the top.
   All motion is driven by GSAP (js/PageTransition.js).
   ============================================================ */

/* ── Overlay container ── */
#page-transition-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(100%);
    pointer-events: none;
    overflow: hidden;
    /* Gradient built from the logo's crimson → orange → gold palette */
    background: linear-gradient(155deg,
        #0e0302 0%,
        #1e0905 25%,
        #2b1407 50%,
        #1e0905 75%,
        #0e0302 100%);
    will-change: transform;
    transform-style: flat;
    backface-visibility: hidden;
}

/* bfcache restore — CSS applied before first paint, before GSAP runs */
#page-transition-overlay[data-pto-covering] {
    transform: translateY(0) !important;
    pointer-events: all !important;
}

/* ── Logo image ── */
.pto-logo {
    width: 110px;
    height: 110px;
    object-fit: contain;
    will-change: transform, opacity;
}