/* One shared city panorama, from the opening through the footer. */
body{isolation:isolate}
.site-panorama{position:fixed;inset:0;z-index:-1;height:100vh;height:100lvh;overflow:hidden;pointer-events:none;background:var(--deep)}
.panorama-travel{position:absolute;inset:-6% -4%;transform:translate3d(var(--panorama-x,0px),var(--panorama-y,0px),0);will-change:transform}
.panorama-veil{position:absolute;inset:0;background:linear-gradient(180deg,#031b2040,#031b2070)}
.hero{background:transparent}
.district,.numbers,.decision{background:rgba(8,42,43,.72)}
.projects,.enquiry{background:rgba(5,30,32,.84)}
.footer{background:rgba(5,30,32,.87);padding-bottom:90px}
.motion-control{position:fixed;right:24px;bottom:20px;z-index:10;display:flex;align-items:center;gap:9px;min-height:44px;padding:11px 15px;background:#05292bf2;color:var(--ink);border:1px solid #d2e3cf70;font-size:10px;box-shadow:0 4px 20px #00171633}
.motion-control svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4}
@media(max-width:600px){.motion-control{right:16px;bottom:max(14px,env(safe-area-inset-bottom));font-size:9px;padding:10px 12px}.footer{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){.panorama-travel{transform:none;will-change:auto}}