body.city-page{overflow-x:hidden;margin:0;padding:0;background:#1a1d24}body.city-page>header,body.city-page>footer{display:none!important}body.city-page .app-container{padding:0!important;max-width:none!important;display:flex;flex-direction:column;min-height:100vh}body.city-landing{min-height:500vh}body.city-landing .city-canvas{display:none!important}body.city-landing .city-content{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;margin:0!important;padding:0!important;border-radius:0!important}.city-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0}.city-landing-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:1}.city-vignette{position:fixed;inset:0;z-index:90;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(10,12,18,.7) 100%)}.city-grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}.city-ui{position:fixed;z-index:50;pointer-events:none;font-family:Space Mono,monospace;font-size:12px;color:#e8e9ec;letter-spacing:.05em}.city-ui-tl{top:28px;left:32px}.city-ui-tr{top:28px;right:32px;text-align:right;max-width:240px}.city-logo{font-family:VT323,monospace;font-size:32px;font-weight:400;letter-spacing:.1em;line-height:1;margin-bottom:4px}.city-logo-sub{font-size:10px;opacity:.6;letter-spacing:.15em}.city-copy{font-size:10px;opacity:.6;line-height:1.6;margin-top:12px}.city-copy span{display:block}.city-back{display:inline-block;margin-top:16px;font-size:10px;letter-spacing:.1em;color:#ff8c5a;text-decoration:none;border-bottom:1px solid rgba(255,140,90,.4);pointer-events:auto;transition:border-color .2s}.city-back:hover{border-bottom-color:#ff8c5a}.city-manifesto-tag{font-size:10px;opacity:.6;letter-spacing:.2em;margin-bottom:6px}.city-manifesto-title{font-family:VT323,monospace;font-size:18px;font-weight:400;margin-bottom:8px}.city-manifesto-text{font-size:10px;line-height:1.6;opacity:.7}.city-ambient{position:fixed;left:32px;bottom:28px;z-index:50;font-family:Space Mono,monospace;font-size:10px;color:#e8e9ec;opacity:.7;line-height:1.7;pointer-events:none}.city-ambient .row{display:flex;gap:12px}.city-ambient .label{opacity:.5;min-width:56px}@keyframes city-blink{0%,49%{opacity:1}50%,to{opacity:.2}}.city-blink{animation:city-blink 1.2s infinite}.city-scroll-hint{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:50;font-size:11px;font-family:Space Mono,monospace;color:#e8e9ec;transition:opacity .4s}.city-scroll-hint.hidden{opacity:0}.city-dots{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:10px}.city-dot{width:6px;height:6px;border-radius:50%;background:#e8e9ec40;cursor:pointer;transition:all .4s;pointer-events:auto}.city-dot.active{background:#e8e9ec;transform:scale(2)}.city-section-info{position:fixed;left:50%;bottom:60px;transform:translate(-50%);z-index:50;text-align:center;pointer-events:none;color:#e8e9ec;font-family:Space Mono,monospace;transition:opacity .4s}.city-section-info.hidden{opacity:0}.city-section-num{font-family:VT323,monospace;font-size:14px;opacity:.7}.city-section-title{font-size:13px;margin-top:4px}.city-scroll-bar{position:fixed;bottom:0;left:0;right:0;height:3px;background:#e8e9ec1a;z-index:55}.city-scroll-fill{height:100%;background:#ff6b3d;transform-origin:0 0}.city-hero{position:fixed;left:200px;bottom:140px;z-index:45;font-family:VT323,monospace;font-size:88px;font-weight:400;line-height:.9;color:#e8e9ec;letter-spacing:-.02em;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.city-hero.visible{opacity:1;transform:translateY(0)}.city-hero .city-accent{color:#ff6b3d}.city-hero-sub{font-size:14px;letter-spacing:.1em;opacity:.7;margin-top:16px;font-family:Space Mono,monospace}.city-panel{position:fixed;z-index:45;pointer-events:auto;max-width:380px;font-family:Space Mono,monospace;font-size:12px;line-height:1.7;color:#e8e9ec;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.city-panel.visible{opacity:1;transform:translateY(0)}.city-panel.left{left:80px;top:50%;transform:translateY(-50%) translate(-20px);max-width:340px}.city-panel.left.visible{transform:translateY(-50%) translate(0)}.city-panel.right{right:80px;top:50%;transform:translateY(-50%) translate(20px);max-width:340px}.city-panel.right.visible{transform:translateY(-50%) translate(0)}.city-panel.center{left:50%;top:50%;transform:translate(-50%,-50%) translateY(20px);text-align:center;max-width:500px}.city-panel.center.visible{transform:translate(-50%,-50%) translateY(0)}.city-panel-tag{font-size:10px;opacity:.6;letter-spacing:.2em;margin-bottom:12px;color:#ff8c5a}.city-panel h2{font-family:VT323,monospace;font-size:36px;font-weight:400;line-height:1.05;margin:0 0 16px}.city-panel h3{font-family:VT323,monospace;font-size:22px;font-weight:400;margin:0 0 12px}.city-panel p{margin:0 0 12px;font-size:11px;line-height:1.7;opacity:.9}.city-panel .meta{font-size:10px;opacity:.6;margin-bottom:6px;letter-spacing:.05em}.city-panel a{color:#ff8c5a;text-decoration:none;border-bottom:1px solid rgba(255,140,90,.4)}.city-panel a:hover{border-bottom-color:#ff8c5a}.city-badge{display:inline-block;font-size:9px;padding:2px 6px;border:1px solid rgba(232,233,236,.3);margin-right:4px;opacity:.7}.city-accent{color:#ff6b3d}.city-shelf{list-style:none;margin:0;padding:0}.city-shelf li{padding:10px 0;border-bottom:1px solid rgba(232,233,236,.15);font-size:11px;cursor:pointer;transition:padding-left .2s,color .2s}.city-shelf li:last-child{border-bottom:none}.city-shelf li:hover{padding-left:8px;color:#ff8c5a}.city-shelf .title{display:block;font-size:12px;margin-bottom:2px}.city-shelf .meta{display:block;font-size:9px;opacity:.5}.city-shelf a{color:inherit;text-decoration:none;display:block;border-bottom:none}.city-shelf a:hover{border-bottom:none}.city-content{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;margin:0;padding:100px 0 60px;color:#e8e9ec;font-family:Space Mono,monospace}.city-content a{color:#ff8c5a}.city-content #name{color:#ff6b3d;background:#ff8c5a26}