/* A shared navigation veil; page content and scene layers never transform. */
.lp-page-transition {
    position: fixed;
    inset: 0;
    z-index: 2147483100;
    background: radial-gradient(ellipse at 50% 58%,#22170c 0%,#090a0c 45%,#050506 100%);
    opacity: 0;
    pointer-events: none;
    --lp-transition-leave: 120ms;
    --lp-transition-enter: 200ms;
}
.lp-page-transition__glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 50% 66%, rgba(255,152,0,.14), rgba(255,110,0,.045) 22%, transparent 55%);
    opacity: 0;
}
.lp-page-transition.is-covered { opacity: 1; }
.lp-page-transition.is-leaving {
    animation: lp-page-leave var(--lp-transition-leave) cubic-bezier(.4,0,.2,1) both;
}
.lp-page-transition.is-leaving .lp-page-transition__glow {
    animation: lp-page-horizon var(--lp-transition-leave) ease-in-out both;
}
.lp-page-transition.is-entering {
    animation: lp-page-enter var(--lp-transition-enter) ease-out both;
}
@keyframes lp-page-leave {
    from { opacity: 1; }
    to { opacity: 1; }
}
@keyframes lp-page-horizon {
    0%, 28%, 100% { opacity: 0; }
    58% { opacity: 1; }
}
@keyframes lp-page-enter {
    0%, 15% { opacity: 1; }
    100% { opacity: 0; }
}
@media (max-width: 767px) {
    .lp-page-transition { --lp-transition-leave: 170ms; --lp-transition-enter: 140ms; }
    .lp-page-transition__glow {
        background: radial-gradient(ellipse at 50% 66%, rgba(255,152,0,.08), transparent 50%);
    }
}
@media (prefers-reduced-motion: reduce) {
    .lp-page-transition,
    .lp-page-transition__glow { animation: none !important; opacity: 0 !important; }
}

.lp-page-transition__signature { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; color:#e9a64f; font-family:Arial,sans-serif; }
.lp-page-transition__monogram { font-size:46px; line-height:1; font-weight:700; letter-spacing:-5px; padding-right:5px; }
.lp-page-transition__caption { color:#c4b9aa; font-size:9px; letter-spacing:.28em; }
.lp-page-transition__track { width:112px; height:1px; margin-top:5px; background:#ffffff19; overflow:hidden; }
.lp-page-transition__track i { display:block; width:45%; height:100%; background:linear-gradient(90deg,transparent,#ffad45,transparent); animation:lp-loading-light 1.1s ease-in-out infinite; }
@keyframes lp-loading-light { from { transform:translateX(-110%); } to { transform:translateX(330%); } }
@media(max-width:767px) { .lp-page-transition { --lp-transition-leave:100ms; } }
@media(prefers-reduced-motion:reduce) { .lp-page-transition__track i { animation:none; } }