/* Fixed, contained layers never participate in document layout. */
.route-transition[hidden]{display:none!important}
.route-transition{position:fixed;inset:0;z-index:1000;overflow:clip;pointer-events:none;contain:strict}
.route-plane{position:absolute;inset:0;background:#1e2c36;will-change:transform;transform:translateX(-105%)}
.route-geometry{position:absolute;inset:0;width:100%;height:100%}
.plane-main{fill:var(--accent)}
.plane-edge{fill:#9fdefa}
.plane-seam{stroke:#1e2c36;stroke-width:2;fill:none;vector-effect:non-scaling-stroke}
.plane-register{stroke:#1e2c36;stroke-width:1;fill:none;vector-effect:non-scaling-stroke}
.route-plane-caption{position:absolute;left:9%;top:45%;color:#1e2c36;font-family:var(--micro);font-size:9px;letter-spacing:.1em;max-width:70%}
.route-page-label{font-size:clamp(13px,1.4vw,20px);line-height:1.5;letter-spacing:.04em;margin-top:17px;opacity:0}
.route-plane-caption i{display:block;width:68px;height:2px;background:#1e2c36;margin-top:25px}
.route-transition.is-project .route-plane-caption{left:27%;top:auto;bottom:8%;max-width:60%}
.route-image-bridge{position:fixed;z-index:1001;overflow:hidden;pointer-events:none;contain:layout paint;box-shadow:0 0 0 1px #1e2c3611}
.route-image-bridge img{display:block;width:100%;height:100%;object-fit:cover}
.navigation-in-progress .context-pointer{opacity:0!important}
.navigation-in-progress .reading-rail{visibility:hidden}
@media(max-width:600px){.route-plane-caption{left:9%;top:38%;font-size:7px;max-width:65%}.route-page-label{font-size:12px}.route-plane-caption i{width:42px}}
@media(prefers-reduced-motion:reduce){.route-transition,.route-image-bridge{display:none!important}}