.header{height:82px}.header-note{font-size:8px;letter-spacing:2px;color:#85987f}.city-panel{width:100%;max-width:1120px;margin:0 auto;align-self:auto}.city-intro{text-align:center;position:relative;z-index:2;padding:18px 0 0}.city-intro .eyebrow{justify-content:center;font-size:8px;color:#84a087;letter-spacing:2px;margin:0 0 12px}.city-intro h1{font-size:clamp(27px,3vw,43px);letter-spacing:-1.6px;line-height:1.35;margin:0}.city-intro h1 span{color:#428968}.city-intro>p:last-child{font-size:11px;color:#80917b;margin:12px 0 0}.city-scene{width:100%;margin:-10px 0 0}.city-canvas{background:var(--paper)}.city-artwork{width:100%}#city-regions{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2}.city-region{outline:none;cursor:pointer}.city-region polygon{fill:transparent;stroke:transparent;stroke-width:2;transition:fill .2s,stroke .2s,filter .2s;stroke-linejoin:round}.city-region:hover polygon,.city-region:focus-visible polygon,.city-region.selected polygon{fill:#78ffb91c;stroke:#7be6b7;filter:drop-shadow(0 0 8px #6de5ad)}.city-region:focus-visible polygon{stroke-width:4;stroke:#247d57}#city-links{z-index:3;pointer-events:none}.city-building{pointer-events:none}.city-marker{font-size:9px;padding:5px 9px}.city-building.hovered .city-marker,.city-building.selected .city-marker{background:#064e38;color:white;transform:translate(-50%,-7px) scale(1.05);border-color:#b2eccb;box-shadow:0 6px 20px #074e3830}.city-building.hovered .marker-arrow,.city-building.selected .marker-arrow{color:#aaf4c7}.city-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 3%;font-size:8px;letter-spacing:1px;color:#94a38d;margin-top:-8px}.city-toolbar button{background:none;border:0;color:#71876d;padding:10px 0;font-size:10px;display:flex;gap:7px;align-items:center}.city-tooltip{bottom:48px;left:50%;font-size:11px}.service-directory{border-top:1px solid var(--line);max-width:1050px;margin:27px auto 0;font-size:12px}.service-directory summary{cursor:pointer;padding:20px 2px;display:flex;justify-content:space-between;list-style:none;color:#66805e}.service-directory summary::-webkit-details-marker{display:none}.service-directory[open] summary>span{transform:rotate(45deg)}.compact-services{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding-bottom:20px}.compact-services a{padding:13px 15px;border:1px solid var(--line);border-radius:8px;font-size:10px;display:flex;justify-content:space-between;background:#fff6}.compact-services a:hover{background:#e8f1e1}.footer{max-width:1050px;margin-top:0;padding:20px 0;justify-content:space-between;font-size:9px;color:#8a9a80;border:0}.footer>a{font-size:9px}.destination[hidden]{display:none}.destination{position:sticky;bottom:18px;z-index:10;align-self:center;display:flex;align-items:center;gap:22px;background:#fcfff8f5;border:1px solid #d8e7cd;border-radius:15px;padding:14px 16px;box-shadow:0 10px 40px #133d3020;backdrop-filter:blur(15px);width:min(440px,100%);margin:10px auto}.destination strong{font-size:13px;display:block}.destination div>span{font-size:10px;color:#708969;display:block;margin-top:4px}.destination .button{margin-left:auto;font-size:11px;padding:11px 15px}.destination>button{background:transparent;border:0;color:#7c9177;font-size:23px;padding:2px}.ambient-glow{z-index:1}.city-building .city-marker{top:76%}
@media(min-width:1200px){.city-scene{max-width:1020px;margin:-14px auto 0}.city-panel{max-width:1120px}.city-intro{padding-top:8px}.city-toolbar{max-width:1000px;width:100%;margin:-15px auto 0}}@media(max-width:900px){.city-scene{width:108%;margin:0 0 0 -4%}.city-intro{padding-top:10px}.city-marker{font-size:8px}.header-note{font-size:6px;letter-spacing:1.3px}.compact-services{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.header{height:75px}.header-note{display:none}.city-intro{padding-top:18px}.city-intro h1{font-size:28px;letter-spacing:-1px}.city-intro .eyebrow{font-size:7px}.city-intro>p:last-child{font-size:10px;margin:9px 0 15px}.city-scene{width:112%;margin:0 0 0 -6%}.city-marker{font-size:6px;padding:4px 5px}.city-toolbar{margin-top:8px;padding:0;font-size:6px;letter-spacing:.5px}.city-toolbar button{font-size:8px}.service-directory{margin-top:18px}.service-directory summary{font-size:11px;padding:17px 0}.compact-services{grid-template-columns:repeat(2,1fr)}.compact-services a{font-size:9px;padding:12px}.city-tooltip{display:none}.footer{font-size:8px;padding-top:10px}.footer>a{font-size:8px}.destination{gap:12px;padding:12px;margin-bottom:5px}.destination strong{font-size:11px}.destination div>span{font-size:9px}.destination .button{font-size:10px;padding:11px}.city-region polygon{stroke-width:3}}