@font-face{font-family:Inter;src:url('fonts/inter-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Cormorant;src:url('fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--paper:#f7f5ef;--card:#fffdf8;--ink:#1e2f1f;--muted:#5f6e64;--primary:#3e563e;--accent:#7993a1;--rule:#d9d4c7;--head:72px;--map-mobile:33svh;--heading:Cormorant,Georgia,serif;--body:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--head)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}.infrastructure{--paper:#fff;--card:#fff;--ink:#172a31;--muted:#526167;--primary:#0079a6;--accent:#48a23f;--rule:#dce5e9;--heading:Arial,sans-serif;--body:Arial,sans-serif}button,a,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:var(--primary);text-underline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button{border:1px solid var(--rule);border-radius:4px;background:var(--card);color:var(--ink);min-height:44px;padding:8px 16px}button:hover:not(:disabled){border-color:var(--primary)}[hidden]{display:none!important}.skip-link{position:fixed;top:-90px;left:10px;background:var(--paper);padding:12px;z-index:2000}.skip-link:focus{top:10px}
header{height:var(--head);position:sticky;top:0;z-index:1000;background:var(--paper);border-bottom:3px solid var(--accent);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 3vw}.wordmark{font-family:var(--heading);font-weight:600;color:var(--ink);font-size:24px;line-height:1.05;text-decoration:none;max-width:700px}.infrastructure .wordmark{font-size:18px;letter-spacing:-.02em}header button{font-size:14px;flex-shrink:0}
h1,h2,h3,h4{font-family:var(--heading);font-weight:600;line-height:1.06;letter-spacing:-.025em}h1{font-size:clamp(42px,5.2vw,80px);margin:0 0 24px}h2{font-size:clamp(30px,3vw,46px);margin:22px 0 18px}h3{font-size:clamp(26px,2.6vw,38px);margin:20px 0 16px}h4{font-size:28px}.infrastructure h1{font-size:clamp(36px,4.5vw,68px);line-height:1.08}.infrastructure h3{font-size:clamp(25px,2.3vw,34px);line-height:1.16}p{margin:0 0 18px}figure{margin:0 0 24px}figure img{display:block;width:100%;height:auto}figcaption{font-size:14px;line-height:1.55;margin:12px 0;color:var(--muted)}.image-open{display:block;line-height:0;padding:0;border:0;border-radius:0;min-height:0;background:transparent;width:100%;cursor:zoom-in}.image-open:hover{outline:2px solid var(--accent);outline-offset:3px}video{display:block;max-width:100%;width:100%;height:auto;background:#102018}.cover{position:relative;border-bottom:1px solid var(--rule)}.cover>figure{margin:0}.cover-copy{max-width:1050px;padding:54px 40px 66px;margin:auto}.cover-copy>p{max-width:820px;font-size:23px;line-height:1.5}.cover-copy .byline{font-size:17px}.start-button,.resource-button{display:inline-block;padding:12px 20px;margin:10px 8px 8px 0;color:var(--paper);background:var(--primary);border:1px solid var(--primary);border-radius:3px;text-decoration:none;font-size:15px;font-weight:600;line-height:1.35}.start-button span{margin-left:20px}.resource-button:hover,.start-button:hover{filter:brightness(.9)}.code .cover{padding:12px}.code .cover-copy{position:absolute;top:clamp(20px,4vw,80px);left:50%;transform:translateX(-50%);width:min(800px,70vw);padding:20px 32px;text-align:center}.code .cover-copy h1{font-size:clamp(42px,4.4vw,72px);line-height:.95;margin-bottom:18px}.code .cover-copy p{font-size:19px;line-height:1.4;margin-bottom:10px}.code .cover-copy .byline{font-size:15px}.code .start-button{font-size:14px;padding:10px 16px;background:var(--paper);color:var(--primary);border-color:var(--primary)}.infrastructure .cover>figure img{max-height:49svh;object-fit:cover;object-position:center}
.story{position:relative;display:grid;grid-template-columns:44% 56%;align-items:start}.narrative{grid-column:1;grid-row:1;background:var(--paper);z-index:2}.stop{min-height:calc(100svh - var(--head));padding:48px clamp(28px,3.1vw,64px) 66px;border-bottom:1px solid var(--rule);scroll-margin-top:var(--head);display:flex;flex-direction:column;justify-content:center}.stop>*{flex-shrink:0}.stop:after{content:'';display:block;width:38px;height:3px;background:var(--accent);margin-top:16px}.stop-number{font-size:13px;letter-spacing:.12em;color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:26px}.stop>figure:first-of-type{margin-top:0}.stop p:empty{display:none}.stop>.resource-button{align-self:flex-start}.stop.active .stop-number{color:var(--primary)}.infrastructure .stop{min-height:calc(105svh - var(--head))}.infrastructure .stop>figure img{width:100%;height:auto;max-height:none}.infrastructure .stop>figure{background:var(--paper)}.visual{grid-column:2;grid-row:1;position:sticky;top:var(--head);height:calc(100svh - var(--head));min-width:0;overflow:hidden;background:#ced9df;border-left:1px solid var(--rule);z-index:3}.visual.media-mode{background:var(--paper)}#map{position:absolute;inset:0;background:#dfe6e7;transition:opacity .35s ease}#visual-media{position:absolute;inset:0;background:var(--paper);z-index:800;display:flex;align-items:center;justify-content:center;padding:20px;animation:appear .4s ease}#visual-media figure{width:100%;margin:0}#visual-media video{max-height:calc(100svh - var(--head) - 40px)}#visual-media img{max-height:calc(100svh - var(--head) - 40px);object-fit:contain}.map-tools{position:absolute;z-index:500;top:18px;left:18px;display:flex;gap:8px;align-items:center}.map-tools button{font-size:13px;min-height:36px;padding:7px 12px;background:#fff;color:#17303b;border-color:#e0e5e7;box-shadow:0 1px 4px #1225331a}.basemaps{display:flex;border-radius:4px;overflow:hidden}.basemaps button{border-radius:0}.basemaps button[aria-pressed=true]{background:var(--primary);color:#fff;border-color:var(--primary)}.map-caption{position:absolute;z-index:500;bottom:67px;left:16px;max-width:calc(100% - 130px);background:#fffef8ef;padding:7px 12px;font-size:13px;line-height:1.3;pointer-events:none}.map-caption:empty{display:none}.media-mode .map-tools,.media-mode .map-caption,.media-mode .legend{display:none!important}.leaflet-control-zoom{margin-top:74px!important}.leaflet-control-attribution{font-size:10px!important;max-width:100%}.leaflet-control-attribution a{color:#194a61}.leaflet-control-scale{margin-bottom:35px!important}.legend{position:absolute;z-index:500;bottom:48px;right:16px;max-width:230px;background:var(--card);border:1px solid var(--rule);border-radius:4px;box-shadow:0 4px 20px #12201c14;font-size:13px;line-height:1.4}.legend summary{padding:12px 16px;cursor:pointer;font-weight:600}.legend #legend-items{max-height:38svh;overflow:auto;padding:0 16px 12px}.legend-row{display:flex;align-items:center;gap:10px;margin:9px 0}.legend-swatch{width:22px;height:16px;flex-shrink:0;border:1px solid #ffffff80}.map-pin{background:none;border:none}.map-pin button{width:28px;height:28px;min-height:0;padding:0;border-radius:50%;background:#fff;border:2px solid var(--primary);box-shadow:0 1px 5px #102f4650;font-size:12px;line-height:24px;color:var(--primary);font-weight:600}.map-pin.active button{background:var(--primary);color:#fff;border:3px solid #fff;transform:scale(1.35);box-shadow:0 0 0 2px var(--primary),0 2px 10px #001d3970}#map-status{position:absolute;bottom:85px;left:20px;right:20px;padding:12px;background:var(--paper);z-index:550;font-size:14px}
.outro{max-width:1100px;margin:auto;padding:72px 40px 140px}.outro:empty{display:none}.outro figure{margin-bottom:48px}.outro h2{text-align:center}.outro .attribution{border-top:1px solid var(--rule);margin-top:50px;padding-top:28px;font-size:14px;text-align:center}.outro h4{text-align:center;font-size:26px}.city-logo{display:block;width:144px;height:auto;margin:28px auto;padding:0}.tour-nav{position:fixed;bottom:16px;left:22%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:18px;z-index:700;background:var(--paper);border:1px solid var(--rule);border-radius:5px;padding:7px;box-shadow:0 3px 18px #10201913;opacity:0;pointer-events:none;transition:opacity .18s}.tour-nav.visible{opacity:1;pointer-events:auto}.tour-nav button{font-size:14px;padding:8px 15px;border:0}.tour-nav #next{background:var(--primary);color:var(--paper)}#progress{font-size:13px;font-variant-numeric:tabular-nums;min-width:50px;text-align:center}dialog{border:1px solid var(--rule);border-radius:6px;padding:30px;background:var(--paper);color:var(--ink);max-height:90svh;width:min(650px,94vw);overflow:auto}dialog::backdrop{background:#0a1a1ed6}.dialog-close{float:right}dialog h2{clear:both;padding-top:20px}#contents-dialog ol{list-style:decimal-leading-zero;padding-left:38px}#contents-dialog li{padding:5px 0;color:var(--muted)}#contents-dialog li button{background:transparent;border:0;text-align:left;width:100%;color:var(--ink)}#contents-dialog li button:hover{background:var(--rule)}#image-dialog{width:min(1500px,96vw);max-width:96vw;padding:16px;text-align:center}#enlarged{display:block;max-width:100%;max-height:76svh;object-fit:contain;margin:58px auto 0}#image-caption{font-size:14px;margin-top:12px}.leaflet-popup-content{font-family:var(--body);font-size:14px}@keyframes appear{from{opacity:0}to{opacity:1}}
@media(min-width:1500px){.story{grid-template-columns:40% 60%}.tour-nav{left:20%}.stop{padding-left:56px;padding-right:56px}}
@media(max-width:900px){:root{--head:68px}.wordmark{font-size:20px}.infrastructure .wordmark{font-size:16px}.story{grid-template-columns:46% 54%}.stop{padding:32px 24px 86px}.stop-number{margin-bottom:20px}h2{font-size:34px}.infrastructure h3{font-size:28px}.map-tools{left:10px;top:10px;gap:5px}.map-tools button{font-size:12px;padding:6px 8px}.tour-nav{left:23%;gap:8px;max-width:44vw}.code .cover-copy{top:12px;width:85vw;padding:12px}.code .cover-copy h1{font-size:44px}.code .cover-copy p{font-size:16px}.code .cover-copy .byline{font-size:14px}}
@media(max-width:680px){:root{--head:64px;--map-mobile:32svh}header{padding:10px 16px;gap:12px}.wordmark{font-size:19px;max-width:75%}.infrastructure .wordmark{font-size:15px;line-height:1.1}header button{font-size:13px;min-height:38px;padding:6px 10px}.cover-copy{padding:30px 24px 38px}.cover-copy p{font-size:18px}.code .cover{padding:8px}.code .cover-copy{position:static;transform:none;width:auto;padding:28px 18px 36px}.code .cover-copy h1{font-size:44px;line-height:1}.code .cover-copy p{font-size:18px}.code .cover-copy .byline{font-size:15px}.infrastructure .cover>figure img{max-height:35svh;object-fit:cover}.story{display:flex;flex-direction:column}.visual{order:-1;width:100%;height:var(--map-mobile);flex-shrink:0;top:var(--head);border-left:0;border-bottom:2px solid var(--accent);z-index:5}.narrative{width:100%}.stop,.infrastructure .stop{min-height:calc(100svh - var(--head) - var(--map-mobile));padding:30px 24px 86px;scroll-margin-top:calc(var(--head) + var(--map-mobile));justify-content:flex-start}.stop-number{margin-bottom:22px}.stop h2{font-size:36px}.stop h3{font-size:28px}.stop p{font-size:16px;line-height:1.65}.stop figure{margin-bottom:24px}.infrastructure .stop>figure img{max-height:none}.map-tools{top:8px;left:8px}.map-tools button{min-height:32px}.leaflet-control-zoom{margin:8px!important}.leaflet-control-zoom a{width:30px!important;height:30px!important;line-height:30px!important}.leaflet-control-scale{display:none}.map-caption{left:8px;bottom:24px;padding:5px 8px;font-size:12px;max-width:calc(100% - 115px)}.legend{right:8px;bottom:28px;max-width:220px;font-size:12px}.legend summary{padding:7px 11px}.legend #legend-items{max-height:calc(var(--map-mobile) - 72px);padding:0 10px 8px}.legend-row{margin:6px 0}.leaflet-control-attribution{font-size:8px!important}.tour-nav{left:50%;bottom:9px;width:calc(100% - 32px);max-width:440px;gap:10px;padding:5px}.tour-nav button{font-size:14px;min-height:42px}#visual-media{padding:8px}#visual-media img,#visual-media video{max-height:calc(var(--map-mobile) - 16px)}.outro{padding:36px 24px 100px}.outro h2{font-size:36px}.outro h4{font-size:26px}dialog{padding:20px}#contents-dialog ol{padding-left:30px}#enlarged{margin-top:60px;max-height:70svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.infrastructure{--brand-blue:#00a3e0}.infrastructure .stop-number{border-left:3px solid var(--brand-blue);padding-left:10px}

.media-mode #map{visibility:hidden}

.parcel-details table{border-collapse:collapse;margin-top:10px;width:100%;font-size:12px;line-height:1.4}.parcel-details th,.parcel-details td{text-align:left;vertical-align:top;padding:6px;border-bottom:1px solid var(--rule);overflow-wrap:anywhere}.parcel-details th{font-weight:600;width:42%}.leaflet-popup-content{margin:20px!important}