/* Continuous photographic environment. UI remains on its own readable plane. */
.london-world{--scene-shade:.46;position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#090f11;contain:strict;isolation:isolate}
.london-plane{position:absolute;left:50%;top:0;width:var(--world-width,106vw);height:var(--world-height,318vw);will-change:transform}
.london-plane>img{width:100%;height:100%;max-width:none;object-fit:fill;user-select:none}
.london-distance{z-index:0}.london-middle{z-index:1}.london-near{z-index:3}
.london-world>.depth-world.is-in-tunnel{z-index:2}
.london-world:after{content:'';position:absolute;inset:0;z-index:5;opacity:.7;background:linear-gradient(90deg,#080e1170,transparent 26%,transparent 74%,#080e1170),linear-gradient(#090f114d,#090f1166);background-color:rgb(7 13 16 / var(--scene-shade));transition:background-color .5s}
.tube-traffic{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.tube-train{position:absolute;left:0;top:68.5%;height:18%;width:162%;max-width:none;object-fit:fill;will-change:transform;filter:brightness(1.15) saturate(.75);visibility:hidden}
.tube-lights{position:absolute;left:4%;right:4%;top:70%;height:13%;opacity:0;background:radial-gradient(ellipse at 17% 30%,#eddbab78,transparent 48%),radial-gradient(ellipse at 50% 30%,#eddbab55,transparent 46%),radial-gradient(ellipse at 84% 30%,#eddbab78,transparent 48%);mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);mix-blend-mode:screen}
.tube-lights:after{content:'';position:absolute;inset:7% 2% auto;height:2px;background:linear-gradient(90deg,transparent,#e5d4ad 8%,transparent 22%,transparent 43%,#e5d4ad 50%,transparent 57%,transparent 77%,#e5d4ad 86%,transparent);box-shadow:0 0 28px #d9d0ad80}
.hero,#services,#process,#about,#contact,.stills,.panel-section{background:transparent;box-shadow:none}
.hero:before{display:none}
.journey-active .journey-stage,.journey-active .journey-panel .project-copy{background:transparent}
main{position:relative}
.project-copy .summary,.service p,.section-description,.process-step p,.about-copy>p.muted{color:#c1cbc6}
.service{background:transparent}
.tube-chapter{height:260svh;position:relative;pointer-events:none;z-index:1}
.tube-chapter-label{position:sticky;top:15svh;padding:30px var(--gutter);display:flex;justify-content:space-between;gap:30px;max-width:1800px;margin:auto;color:#c8c7bc}
.tube-chapter-label span:last-child{color:var(--teal);white-space:nowrap}
.motion-paused .tube-chapter{height:70svh}
.motion-paused .london-plane{will-change:auto}
@media(max-width:600px){.london-world:after{background-image:linear-gradient(90deg,#090f1133,transparent,#090f1133),linear-gradient(#090f1159,#090f1159)}.tube-chapter{height:220svh}.tube-chapter-label{padding:24px;font-size:10px;gap:16px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion=enabled]) .london-plane{will-change:auto}html:not([data-motion=enabled]) .tube-chapter{height:70svh}html:not([data-motion=enabled]) .tube-train,html:not([data-motion=enabled]) .tube-lights{display:none}}