/* ================================================
   LEVEL TECH — PAGE TRANSITION CSS
================================================ */

.pt-grid {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 999999;
    overflow: hidden;
    opacity: 0;
}

.pt-block {
    position: absolute;
    background: var(--color-black);
    opacity: 0;
}

.pt-pres {
    position: fixed;
    inset: 0;
    background: var(--color-black);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000000;
    opacity: 0;
    pointer-events: none;
}

.pt-pres.is-active {
    opacity: 1;
    pointer-events: auto;
}

.pt-pres-text {
    font-family: var(--font-display);
    font-size: clamp(2.5rem, 8vw, 9rem);
    color: var(--color-white);
    text-transform: uppercase;
    letter-spacing: .05em;
    text-align: center;
    padding: 0 2rem;
    will-change: opacity, filter, transform;
}

/* ── Reduced motion — sin bloques, sin blur, sin scale ── */
@media (prefers-reduced-motion: reduce) {
    .pt-block { display: none; } /* no se crean en JS pero por si acaso */
    .pt-pres-text { will-change: opacity; } /* quitar filter/transform del compositor */
}