@import url('/architecture.css');
:root{color-scheme:dark}body{margin:0;background:#07121c;color:#ecf3f3;font-family:Inter,Arial,sans-serif}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:20;background:#fff;color:#07121c;padding:.7rem}.signal{display:flex;justify-content:space-between;padding:.48rem max(4vw,1rem);font:600 .67rem monospace;letter-spacing:.12em;color:#8fb6bb;background:#0b1d27}header{max-width:1440px;margin:auto;padding:1.3rem max(4vw,1rem);display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;gap:.7rem;align-items:center;color:#eef7f7;text-decoration:none;font-size:1.1rem;font-weight:800;letter-spacing:-.04em}.brand>b{display:grid;place-items:center;background:#83e1ce;color:#07121c;width:2.4rem;height:2.4rem}.brand span span,footer span span{color:#91e4d4}.brand small{display:block;font-size:.51rem;letter-spacing:.12em;color:#8faeb4}nav{display:flex;gap:1.4rem;flex-wrap:wrap}nav a{color:#c1d2d6;text-decoration:none;font-size:.82rem}nav a:hover,nav a:focus{color:#a0f4de}main{max-width:1440px;margin:auto;padding:0 max(4vw,1rem)}.intro{display:flex;justify-content:space-between;align-items:end;gap:3rem;padding:3.4rem 0 2rem}.eyebrow,.stage-top,.stage-controls,.legend span{font:700 .67rem monospace;letter-spacing:.15em;color:#93e2d1}.intro h1,.section-heading h2{font-size:clamp(3rem,6vw,6.5rem);letter-spacing:-.07em;line-height:.96;margin:.8rem 0 1.3rem}.intro h1 em,.section-heading h2 em{color:#91e4d4;font-style:normal}.intro p,.section-heading p,.legend p{color:#afc3c9;line-height:1.6;max-width:43rem}.legend{border:1px solid #34515b;background:#0e2430;padding:1.1rem;max-width:18rem;flex:none}.legend i{display:inline-block;width:.45rem;height:.45rem;border-radius:50%;background:#88e3ce}.legend p{font-size:.75rem;margin-bottom:0}.stage{border:1px solid #34515b;background:#071a26;position:relative}.stage-top,.stage-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;background:#0a2230}.stage-top #render-status{color:#b7cdd0}#scene{width:100%;height:min(65vw,620px);min-height:370px;display:block;cursor:grab;touch-action:none}#scene:active{cursor:grabbing}.stage-controls{font-size:.62rem;line-height:1.4}.stage-controls button{border:1px solid #97ddce;background:#99e6d4;color:#06141a;padding:.65rem .9rem;font:700 .7rem monospace;cursor:pointer;white-space:nowrap}.stage-controls button:disabled{opacity:.5;cursor:default}.district-section{padding:5rem 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem}.section-heading h2{font-size:clamp(2.5rem,4vw,4.5rem)}.section-heading p:last-child{max-width:22rem}.district-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:2rem}.district{border:1px solid #31505a;background:#0c202a;color:inherit;text-align:left;padding:1.1rem;min-height:13rem;display:flex;flex-direction:column}.district.active{border-color:#99e6d4;background:#12313a}.district button{all:unset;cursor:pointer}.district button:focus-visible,.district a:focus-visible{outline:2px solid #99e6d4;outline-offset:4px}.district .num{font:700 .65rem monospace;color:#93e2d1}.district h3{font-size:1.35rem;margin:.9rem 0 .4rem}.district p{font-size:.78rem;color:#b0c4c9;line-height:1.5;margin:0}.district a{margin-top:auto;padding-top:1rem;color:#9debd9;text-decoration:none;font-size:.75rem}footer{border-top:1px solid #294551;display:flex;justify-content:space-between;gap:1rem;padding:2rem max(4vw,1rem);font-size:.72rem;color:#9fb9bf}@media(max-width:800px){.district-grid{grid-template-columns:repeat(2,1fr)}.intro,.section-heading{display:block}.legend{max-width:none}.stage-top,.stage-controls{flex-wrap:wrap}nav{gap:.7rem}}@media(max-width:520px){.district-grid{grid-template-columns:1fr}.signal span:last-child{display:none}#scene{min-height:340px}footer{display:block}footer span{display:block;margin:.5rem 0}}
.scene-info{position:absolute;left:1.4rem;bottom:5rem;max-width:18rem;background:rgba(5,19,29,.88);border:1px solid #3b6870;padding:1rem 1.2rem;pointer-events:none;box-shadow:0 12px 36px #03101888}.scene-info span{display:block;font:700 .6rem monospace;letter-spacing:.14em;color:#94e6d4}.scene-info strong{display:block;font-size:1.25rem;margin:.4rem 0;color:#f1faf7}.scene-info p{font-size:.72rem;color:#b7d1d2;line-height:1.45;margin:0}@media(max-width:600px){.scene-info{left:.7rem;bottom:5.2rem;max-width:12rem;padding:.7rem}.scene-info strong{font-size:1rem}}