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;-ms-overflow-style:none;scrollbar-width:none}body.city-landing::-webkit-scrollbar,html:has(body.city-landing)::-webkit-scrollbar{display:none;width:0;height:0}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;pointer-events:none}.city-vignette{position:fixed;inset:0;z-index:35;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:40;pointer-events:none;opacity:.35;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-ui-tr a{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#e8e9ec;text-decoration:none;padding:4px 0;border-bottom:1px solid rgba(232,233,236,.15);pointer-events:auto;transition:color .2s,border-color .2s}.city-ui-tr a:hover{color:#ff8c5a;border-bottom-color:#ff8c5a}.city-ui-tr a:last-child{border-bottom:none}.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-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-hero-cta{margin-top:24px;font-family:Space Mono,monospace;font-size:12px;letter-spacing:.1em;opacity:.85;line-height:1.6}.city-hero-cta a{color:#ff8c5a;text-decoration:none;border-bottom:1px solid rgba(255,140,90,.4)}.city-hero-cta a:hover{border-bottom-color:#ff8c5a}.city-hero-cta .sep{opacity:.4;margin:0 6px}.city-panel{position:fixed;z-index:45;pointer-events:none;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);pointer-events:auto}.city-panel.left{left:80px;top:calc(50% + 90px);transform:translateY(-50%) translate(-20px);max-width:340px}.city-panel.left.visible{transform:translateY(-50%) translate(0)}.city-panel.right{right:80px;top:calc(50% + 40px);transform:translateY(-50%) translate(20px);max-width:340px}.city-panel.right.visible{transform:translateY(-50%) translate(0)}.city-panel.center{left:50%;top:calc(50% + 40px);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:.8;letter-spacing:.2em;margin-bottom:12px;color:#ff8c5a;text-shadow:0 1px 3px rgba(10,12,18,.8)}.city-panel h2{font-family:VT323,monospace;font-size:36px;font-weight:400;line-height:1.05;margin:0 0 16px;text-shadow:0 2px 6px rgba(10,12,18,.8)}.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;text-shadow:0 1px 3px rgba(10,12,18,.8)}.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-accent{color:#ff6b3d}.city-projects{list-style:none;margin:0;padding:0}.city-projects li{padding:10px 0;border-bottom:1px solid rgba(232,233,236,.12);font-size:11px;transition:padding-left .2s,color .2s}.city-projects li:last-child{border-bottom:none}.city-projects li:hover{padding-left:6px;color:#ff8c5a}.city-projects a{color:inherit;text-decoration:none;display:block;border-bottom:none}.city-projects a:hover{border-bottom:none}.city-projects .title{font-family:VT323,monospace;font-size:16px;color:#ff8c5a;display:block;margin-bottom:2px}.city-projects .desc{font-size:10px;opacity:.7;line-height:1.4}.city-panel-lead{font-size:10px;opacity:.7;margin-bottom:12px}.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-quality-warn{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:60;color:#ffb84a;display:inline-flex;align-items:center;justify-content:center;padding:4px;border:1px solid rgba(255,184,74,.5);background:#14120eb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:help;outline:none}.city-quality-warn:focus{border-color:#ffb84a}.city-quality-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#14120ef2;color:#e8e9ec;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.05em;line-height:1.5;padding:8px 10px;width:max-content;max-width:240px;border:1px solid rgba(232,233,236,.2);pointer-events:none;opacity:0;transition:opacity .15s ease}.city-quality-warn:hover .city-quality-tooltip,.city-quality-warn:focus .city-quality-tooltip{opacity:1}@media(hover:none){.city-quality-warn:focus .city-quality-tooltip{opacity:1}}@media(max-width:768px){.city-content h1{font-size:28px}.city-content p,.city-content li{font-size:13px}.city-logo{font-size:24px}.city-ui-tl{top:16px;left:16px}.city-ui-tr{top:16px;right:16px;max-width:160px}.city-ambient{left:16px;bottom:16px;font-size:9px}.city-ambient .label{min-width:40px}.city-content{padding:80px 16px 40px}.musings-container{padding:0 1rem}.musing-container{max-width:100%;padding:0 1rem}.city-hero{font-size:40px;left:16px;right:16px;bottom:100px}.city-hero-sub{font-size:12px}.city-panel{max-width:calc(100vw - 32px);font-size:11px}.city-panel.left,.city-panel.right,.city-panel.center{inset:auto 16px 80px;transform:none;text-align:left;max-width:none}.city-panel.left.visible,.city-panel.right.visible,.city-panel.center.visible{transform:none}.city-panel h2{font-size:24px}.city-panel h3{font-size:18px}}