.city-home{width:100%;max-width:var(--max-w);padding:62px var(--gutter) 56px;padding-top:var(--page-space);margin:0 auto}.city-home-intro{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:46px;display:flex}.city-home h1{font:var(--type-page);letter-spacing:var(--tracking-page);margin:0}.city-home h1>span{color:var(--accent)}.city-home-description{width:332px;margin-bottom:5px}.city-home-description p{color:var(--ink-2);letter-spacing:normal;margin:0 0 15px;font-size:16px;line-height:1.6}.city-home-explore{border:1px solid var(--border-soft);border-radius:var(--r-3);background:var(--bg-soft);overflow:hidden}.city-map-heading{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:16px;padding:21px 26px;display:flex}.city-map-heading h2{font:var(--type-card);letter-spacing:var(--tracking-card);margin:0}.city-map{isolation:isolate;background:radial-gradient(ellipse at 55% 40%, var(--accent-soft), transparent 72%), var(--bg-soft);position:relative;overflow:hidden}.city-map-scroll{scrollbar-color:var(--border-loud) var(--bg-soft);scrollbar-width:thin;overflow-x:auto}.city-map-canvas{width:100%;aspect-ratio:var(--map-w) / var(--map-h);position:relative;container-type:inline-size}.city-map-geography{width:100%;height:100%;position:absolute;inset:0}.city-map-geography svg{width:100%;height:100%;display:block}.city-map-land{fill:color-mix(in oklab, var(--surface-2) 90%, var(--accent) 10%);stroke:var(--border);stroke-width:.55px;stroke-linejoin:round}.city-map-lake{fill:var(--bg-soft);stroke:var(--border);stroke-width:.35px}:root[data-theme=light] .city-map-land{fill:color-mix(in oklab, var(--surface-3) 94%, var(--accent) 6%);stroke:var(--border-loud)}.city-map-leader{fill:none;stroke:var(--border-loud);stroke-width:.8px}.city-map-halo{fill:var(--accent-soft);stroke:var(--accent-line);stroke-width:.6px}.city-map-dot{fill:var(--accent-glow);stroke:var(--bg-soft);stroke-width:2px}.city-map-label{z-index:2;box-sizing:border-box;min-height:44px;color:var(--ink);border-radius:var(--r-2);background:color-mix(in oklab, var(--bg-soft) 88%, transparent);white-space:nowrap;border:1px solid #0000;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:14px;font-weight:500;line-height:1.1;transition:background .16s,border-color .16s,box-shadow .16s;display:flex;position:relative}.city-map-callout{pointer-events:none;position:absolute}.city-map-label{pointer-events:auto}.city-map-context{z-index:1;width:100cqw;height:calc(100cqw * var(--map-h) / var(--map-w));pointer-events:none;max-width:none;position:absolute}.city-map-hit{pointer-events:all;fill:#0000;stroke:#0000;stroke-width:18px;vector-effect:non-scaling-stroke;cursor:pointer}.city-map-hit-pin{pointer-events:fill;stroke:none}.city-map-callout:is(:hover,:focus-visible){--border-loud:var(--accent);--accent-soft:var(--accent-line)}.city-map-callout:focus-visible .city-map-label{outline:2px solid var(--accent);outline-offset:3px}.city-map-callout:is(:hover,:focus-visible) .city-map-label{color:var(--ink);border-color:var(--accent-line);background:var(--surface);box-shadow:var(--shadow-2)}.city-map-place,.city-map-ocean{pointer-events:none;color:var(--ink-3);font:10px/1.7 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;position:absolute}.city-map-place-canada{top:12%;left:44%}.city-map-place-us{top:57%;left:40%}.city-map-ocean-pacific{letter-spacing:.12em;font-size:9px;top:47%;left:8%}.city-map-compass{z-index:1;color:var(--ink-3);font:10px var(--font-mono);pointer-events:none;justify-items:center;gap:4px;display:grid;position:absolute;top:10px;right:12px}.city-map-compass svg{fill:none;stroke:currentColor;stroke-width:1px;width:16px;height:22px}.city-map-caption{border-top:1px solid var(--border-soft);color:var(--ink-3);font:9px/1.6 var(--font-mono);justify-content:flex-end;gap:18px;padding:15px 26px;display:flex}.city-map-caption a{text-underline-offset:3px;text-decoration:underline}.city-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:20px;display:grid}.city-card{border:1px solid var(--border-soft);border-radius:var(--r-3);background:var(--bg-soft);min-width:0;padding:24px 26px;transition:background .15s,border-color .15s;display:block}.city-card:hover,.city-card:focus-visible{color:var(--ink);background:var(--surface);border-color:var(--accent-line)}.city-card-top{align-items:center;gap:15px;display:flex}.city-card-region{font:10px var(--font-mono);color:var(--ink-3)}.city-card-arrow{color:var(--ink-3);margin-left:auto;font-size:20px;line-height:1}.city-card h2{letter-spacing:-.045em;margin:20px 0 22px;font-size:34px;font-weight:500;line-height:1}.city-card-bottom{color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;font-size:12px;display:flex}.city-home-context{border-top:1px solid var(--border-soft);margin-top:28px;padding:32px 0 0}.city-home-context p{max-width:690px;color:var(--ink-3);margin:0;font-size:13px;line-height:1.75}.city-map-swipe{display:none}@media (width<=720px){.city-map-canvas{width:680px}.city-map-label{font-size:15px}.city-map-swipe{margin-right:auto;display:inline}}@media (width<=800px){.city-home{padding-top:var(--page-space)}.city-home-intro{gap:30px;margin-bottom:32px}.city-home h1{font:var(--type-page);letter-spacing:var(--tracking-page)}.city-home-description{width:230px}.city-home-description p{color:var(--ink-2);letter-spacing:normal;font-size:16px;line-height:1.6}.city-map-caption{flex-wrap:wrap;gap:4px}.city-card{padding:22px}.city-card-region{font-size:9px}.city-card h2{font-size:30px}}@media (width<=560px){.city-home{padding-bottom:34px;padding-top:var(--page-space)}.city-home-intro{margin-bottom:28px;display:block}.city-home h1{font:var(--type-page);letter-spacing:var(--tracking-page)}.city-home-description{width:auto;margin:24px 0 0}.city-home-description p{color:var(--ink-2);letter-spacing:normal;margin-bottom:9px;font-size:16px;line-height:1.6}.city-home-description p br{display:none}.city-map-heading{gap:10px;padding:17px 18px}.city-map-heading h2{font:var(--type-card);letter-spacing:var(--tracking-card)}.city-map-compass{top:8px;right:8px}.city-map-caption{padding:13px 18px;font-size:8px}.city-cards{grid-template-columns:1fr;gap:12px;margin-top:14px}.city-card{padding:22px}.city-card h2{margin:19px 0 22px;font-size:31px}.city-card-bottom{font-size:11px}.city-home-context{margin-top:24px;padding-top:24px}.city-home-context p{font-size:12px}}