/* Detailed 3D illustration with live HTML links and motion. */
.city-canvas{animation:city-lift 8s ease-in-out infinite;background:var(--paper)}.city-artwork{animation:none!important}.city-building .city-marker{top:76%}@keyframes city-lift{50%{translate:0 -5px}}
body{overflow-x:clip}.city-canvas{position:relative;width:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .65s ease;transform-style:preserve-3d}.city-artwork{display:block;width:100%;height:auto;mix-blend-mode:multiply;user-select:none;pointer-events:none;animation:city-breathe 8s ease-in-out infinite;filter:saturate(.92)}#city-links{position:absolute;inset:0}.city-building{position:absolute;left:var(--x);top:var(--y);width:17%;height:23%;transform:translate(-50%,-50%);z-index:2;outline:none}.city-marker{position:absolute;left:50%;top:56%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid #fff;background:#fffffff0;border-radius:7px;padding:5px 8px;box-shadow:0 3px 12px #0a513718;transition:transform .25s,background .25s,box-shadow .25s;color:#144b35;font-size:8px;font-weight:800;letter-spacing:.1px}.pin-dot{display:block;width:5px;height:5px;border-radius:50%;background:#3bb681;box-shadow:0 0 0 3px #55c59720;flex-shrink:0}.building-hit-area{position:absolute;inset:0;border-radius:35%;transition:background .25s,box-shadow .25s}.marker-arrow{color:#4c8e6c}.city-building:hover,.city-building:focus-visible{z-index:5}.city-building:hover .city-marker,.city-building:focus-visible .city-marker{background:#064e38;color:#fff;transform:translate(-50%,-7px) scale(1.08);border-color:#c9fbe3;box-shadow:0 6px 20px #074e3830}.city-building:hover .marker-arrow,.city-building:focus-visible .marker-arrow{color:#aaf4c7}.city-building:focus-visible .building-hit-area{outline:2px solid #42b482;outline-offset:2px}.city-building:hover .building-hit-area{background:#9effc10d;box-shadow:0 0 30px #6effb712 inset}.ambient-glow{position:absolute;pointer-events:none;background:radial-gradient(ellipse,#b7ffd858,transparent 70%);border-radius:50%;animation:glow-pulse 4s ease-in-out infinite;mix-blend-mode:screen}.glow-one{width:15%;height:20%;left:45%;top:48%}.glow-two{width:9%;height:15%;left:58%;top:34%;animation-delay:-2s}.city-caption{margin-top:14px}.city-topline{margin-bottom:18px}.city-tooltip{bottom:70px}.paused .city-canvas{transform:none!important}.paused .city-artwork{animation-play-state:paused!important}@keyframes city-breathe{50%{transform:translateY(-5px)}}@keyframes glow-pulse{50%{opacity:.25;transform:scale(.9)}}@media(min-width:901px){.city-scene{width:123%;margin-left:-8%}.hero{grid-template-columns:39% 61%;min-height:680px}.hero-copy{padding-right:10px}.city-caption{margin-left:10%;margin-right:-4%}}@media(max-width:900px){.city-topline{margin-bottom:16px}.city-scene{width:112%;margin-left:-6%}.city-marker{font-size:8px;padding:4px 7px}.city-caption{margin-top:12px}}@media(max-width:600px){.city-scene{width:118%;margin-left:-9%}.city-marker{font-size:6px;padding:4px 5px;gap:3px;border-radius:5px}.pin-dot{width:4px;height:4px;box-shadow:0 0 0 2px #55c59720}.marker-arrow{display:none}.city-caption{margin-top:12px}.city-tooltip{bottom:50px}.city-building{width:18%;height:24%}}@media(prefers-reduced-motion:reduce){.city-canvas{transform:none!important}.city-artwork{animation:none!important}}