.map-page{background:var(--charcoal);color:var(--frost)}.map-intro.prose{max-width:none;margin:0;padding:28px var(--gutter) 24px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 48px}.map-intro.prose h1{margin:0;font-size:clamp(2.2rem,4.4vw,3.8rem)}.map-intro.prose .lede{margin:0;max-width:30rem;font-size:clamp(16px,1.25vw,19px)}.map-app{display:flex;align-items:flex-start;gap:0 24px;padding:0 var(--gutter);scroll-margin-top:calc(var(--bar-h) + 12px)}.map-main{position:relative;flex:1 1 auto;min-width:0}.map-frame{position:relative}.map-view{position:relative;overflow:hidden;overflow:clip;height:80vh;height:80svh;min-height:420px;background:var(--charcoal);border:1px solid rgba(58,67,77,.6);touch-action:none;overscroll-behavior:contain;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.map-view.is-grabbed{cursor:grabbing}.map-view:focus{outline:none}.map-view:focus-visible{outline:1px solid var(--frost);outline-offset:4px}.map-stage{position:absolute;left:0;top:0;transform-origin:0 0;--inv: 1;background:var(--slate) url(/map/north_t.jpg) center / 100% 100% no-repeat}.map-art{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}.map-art-full{visibility:hidden}.map-art-full.is-on{visibility:visible}.map-bar{position:absolute;left:10px;bottom:10px;z-index:6;display:flex;align-items:stretch;gap:6px;font-variant-caps:small-caps;letter-spacing:.06em;font-size:15px;line-height:1.2}.map-bar button{padding:6px 12px 5px;background:var(--charcoal);color:var(--frost);border:1px solid var(--iron)}.map-bar button:hover{background:var(--frost);color:var(--charcoal);border-color:var(--frost)}.map-bar button:focus-visible{outline:2px solid var(--frost);outline-offset:0}.map-bar button[aria-disabled=true]{color:var(--mist);border-color:#3a434d99;cursor:default}.map-bar button[aria-disabled=true]:hover{background:var(--charcoal);color:var(--mist);border-color:#3a434d99}.map-zoom{display:flex;align-items:center;padding:0 10px;border:1px solid rgba(58,67,77,.6);color:var(--mist);background:var(--charcoal);background:color-mix(in srgb,var(--charcoal) 88%,transparent)}.pin{position:absolute;z-index:1;width:22px;height:22px;margin:-11px 0 0 -11px;padding:0;border:0;background:none;overflow:visible;transform:scale(var(--inv, 1));transform-origin:11px 11px;color:var(--frost);font-family:var(--display);font-size:13px;line-height:20px;letter-spacing:.08em;cursor:pointer}.pin:hover,.pin:focus-visible{z-index:3}.pin.is-selected{z-index:4}.pin:focus{outline:none}.pin-plate{position:absolute;left:0;top:0;width:22px;height:22px;box-sizing:border-box;display:grid;place-items:center;border:1px solid var(--iron);color:var(--frost);background:var(--charcoal);background:color-mix(in srgb,var(--charcoal) 88%,transparent)}.pin-plate svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:miter;stroke-linecap:butt}.pin-plate svg .dot{fill:currentColor;stroke:none}.pin-chip{position:absolute;box-sizing:border-box;height:22px;padding:0 8px;white-space:nowrap;border:1px solid var(--iron);color:var(--frost);background:var(--charcoal);background:color-mix(in srgb,var(--charcoal) 88%,transparent)}.pin .pin-chip{left:22px;top:0;border-left-width:0}.pin[data-side=w] .pin-chip{left:auto;right:22px;top:0;border-left-width:1px;border-right-width:0}.pin[data-side=n] .pin-chip{left:11px;top:auto;bottom:22px;transform:translate(-50%);border-left-width:1px;border-bottom-width:0}.pin[data-side=s] .pin-chip{left:11px;top:22px;transform:translate(-50%);border-left-width:1px;border-top-width:0}.pin[data-name=off]:not(.is-selected) .pin-chip,.map-stage:not([data-ready]) .pin-chip{visibility:hidden}.pin[data-name=gone]:not(.is-selected){visibility:hidden}.pin:hover .pin-plate,.pin:hover .pin-chip,.pin.is-selected .pin-plate,.pin.is-selected .pin-chip{background:var(--frost);border-color:var(--frost);color:var(--charcoal)}.pin:focus-visible .pin-plate,.pin:focus-visible .pin-chip{background:var(--frost);border-color:var(--charcoal);color:var(--charcoal);outline:2px solid var(--frost);outline-offset:0}.map-tip{position:absolute;left:0;top:0;z-index:8;max-width:min(21rem,calc(100% - 16px));box-sizing:border-box;padding:10px 12px 11px;background:var(--slate);border:1px solid var(--iron);color:var(--frost);font-size:14.5px;line-height:1.45;pointer-events:none}.map-tip[hidden]{display:none}.map-tip-name{display:block;margin-bottom:4px;font-family:var(--display);font-size:15px;letter-spacing:.08em}.map-hint{margin:14px 0 0;font-size:14.5px;color:var(--mist)}.map-hint[data-on=true]{color:var(--frost)}.map-key{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-variant-caps:small-caps;letter-spacing:.06em;font-size:14.5px;color:var(--mist)}.map-key li{display:flex;align-items:center;gap:8px}.map-key .pin-plate{position:static;width:20px;height:20px}.map-key .pin-plate svg{width:13px;height:13px}.map-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.map-panel{flex:0 0 clamp(19rem,27vw,25rem);box-sizing:border-box;height:80vh;height:80svh;min-height:420px;overflow:auto;padding:22px 26px 30px;background:var(--slate);color:var(--frost)}.map-panel:focus{outline:none}.map-panel:focus-visible{outline:1px solid var(--frost);outline-offset:-5px}.map-panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.map-panel-kind{margin:0;display:flex;align-items:center;gap:10px;font-variant-caps:small-caps;letter-spacing:.06em;font-size:15px;color:var(--mist)}.map-panel-kind .pin-plate{position:static;width:24px;height:24px}.map-panel-kind .pin-plate svg{width:15px;height:15px}.map-close{padding:6px 0;font-variant-caps:small-caps;letter-spacing:.06em;font-size:15px;color:var(--frost);border-bottom:1px solid rgba(233,238,243,.35)}.map-close:hover{border-bottom-color:var(--frost)}.map-panel h2{margin:0 0 16px;font-family:var(--display);font-weight:400;font-size:clamp(1.7rem,2.4vw,2.1rem);line-height:1.05;letter-spacing:.04em;text-wrap:balance}.map-panel-note{margin:0 0 22px;max-width:31rem;font-size:17px;line-height:1.55;text-wrap:pretty}.map-panel-link{margin:0;font-size:16px}.map-panel-link a{color:var(--frost)}.places{padding:72px var(--gutter) 24px}.places h2{margin:0 0 28px;font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.1;letter-spacing:.02em}.places-list{list-style:none;margin:0;padding:0;column-count:2;column-gap:64px}.place{position:relative;break-inside:avoid;padding:14px 0 18px;border-top:1px solid rgba(58,67,77,.6)}.place-name{margin:0;font-family:var(--display);font-weight:400;font-size:20px;line-height:1.2;letter-spacing:.04em}.place-go{font:inherit;letter-spacing:inherit;color:var(--frost);text-align:left;padding:0;border-bottom:1px solid transparent}.place-go:after{content:"";position:absolute;inset:0}.place-go:hover{border-bottom-color:var(--frost)}.place-kind{margin:3px 0 8px;font-variant-caps:small-caps;letter-spacing:.06em;font-size:14px;color:var(--mist)}.place-note{margin:0;max-width:31rem;font-size:16px;line-height:1.55;color:var(--frost);text-wrap:pretty}.place-link{margin:8px 0 0;font-size:15px}.place-link a{position:relative;color:var(--frost)}.map-view--static{cursor:default}.map-static{display:block;width:100%;height:100%;object-fit:contain}.map-outro.prose{max-width:none;margin:0;padding:0 var(--gutter) 72px}.map-outro .page-foot{max-width:44rem}@media(max-width:900px){.map-app{flex-direction:column;align-items:stretch;gap:0}.map-main{display:contents}.map-frame{order:0}.map-panel{order:1;flex:none;width:100%;height:auto;min-height:0;max-height:none;overflow:visible;margin-top:16px}.map-sr,.map-hint,.map-key{order:2}.map-view{height:70vh;height:70svh;min-height:340px}.map-app[data-open=true] .map-view{height:46vh;height:46svh;min-height:300px}.map-hint{display:none}.places{padding-top:56px}.places-list{column-count:1}.map-bar{left:8px;bottom:8px}}@media(max-width:720px){.map-intro.prose{padding-top:20px}.map-app{padding:0}.map-view{border-left:0;border-right:0}.map-panel{padding:22px var(--gutter) 30px}.map-key{margin:14px 0 0;padding:0 var(--gutter)}.map-panel-note,.place-note{font-size:16px;line-height:1.6}}