.map-root{touch-action:none;-webkit-user-select:none;user-select:none;background:var(--bg);position:fixed;inset:0;overflow:hidden}.map-canvas{cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.map-hud{z-index:3;letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500;position:absolute}.map-brand{top:calc(34px + env(safe-area-inset-top,0px));left:calc(40px + env(safe-area-inset-left,0px));background:var(--bg);color:var(--text);align-items:center;gap:14px;padding:6px 8px;display:flex}.map-brand span{color:var(--muted)}.map-langs{top:calc(30px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px))}.map-coords{left:calc(40px + env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--bg);gap:4px;padding:6px 8px;display:grid}.map-coords .dim{color:var(--muted)}.map-hint{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));background:var(--bg);color:var(--muted);white-space:nowrap;padding:6px 8px;transition:opacity .6s;transform:translate(-50%)}.map-hint i{vertical-align:-1px;border:1px solid var(--text);background:var(--accent-2);width:8px;height:8px;margin-right:8px;display:inline-block}.map-tools{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));gap:4px;display:flex}.map-chip{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:0;padding:8px 10px}.map-chip:hover{border-color:var(--text)}.map-index{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(62px + env(safe-area-inset-bottom,0px));background:var(--bg);border:1px solid var(--text);flex-direction:column;min-width:230px;max-width:calc(100vw - 32px);display:flex}.map-index button{border:0;border-bottom:1px solid var(--border);color:var(--text);font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.map-index li:last-child button{border-bottom:0}.map-index button:hover{background:var(--text);color:var(--bg)}.map-index .name{font-family:var(--font-display);letter-spacing:-.01em;text-transform:none;font-size:15px;font-weight:600}.map-index .swatch{border:1px solid var(--text);width:9px;height:9px}@media (max-width:720px){.map-hint{display:none}.map-brand{left:calc(36px + env(safe-area-inset-left,0px))}.map-brand span{display:none}.map-coords{left:calc(36px + env(safe-area-inset-left,0px))}}.map-root[data-project=true] .map-hud{opacity:0;pointer-events:none}.map-hud{transition:opacity .25s}.proj-layer{z-index:10;pointer-events:none;position:fixed;inset:0}.proj-layer[data-state=open]{pointer-events:auto}.proj-card{border:1px solid var(--text);background:var(--card);visibility:hidden;position:absolute;overflow:hidden}.proj-layer[data-state=open] .proj-card{visibility:visible}.proj-scroll{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--border) transparent;position:absolute;inset:0;overflow-y:auto}.proj-first{position:relative}.proj-photo{object-fit:cover;border:1px solid var(--text);display:block;position:absolute}.proj-text{opacity:0;transition:opacity .2s,transform .2s;position:relative;transform:translateY(12px)}.proj-text[data-mode=stack]{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;column-gap:clamp(32px,5vw,72px);display:grid}.proj-layer[data-state=open] .proj-text{opacity:1;transition:opacity .5s .1s,transform .6s cubic-bezier(.2,.8,.2,1) .1s;transform:none}.proj-doc{padding:0 clamp(18px,3.4vw,40px) 56px}@media (max-width:719px){.proj-doc{padding:0 16px 48px}}.proj-close{z-index:3;border:1px solid var(--text);background:var(--text);color:var(--bg);font:500 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:12px 14px;position:absolute;top:24px;right:28px}.reg{z-index:2;pointer-events:none;width:11px;height:11px;position:absolute}.reg:before,.reg:after{content:"";background:var(--text);position:absolute}.reg:before{width:1px;height:11px;top:0;left:5px}.reg:after{width:11px;height:1px;top:5px;left:0}.reg.tl{top:8px;left:8px}.reg.tr{top:8px;right:8px}.reg.bl{bottom:8px;left:8px}.reg.br{bottom:8px;right:8px}.side-scrim{z-index:9;position:fixed;top:0;bottom:0;left:0}.side-panel{z-index:10;touch-action:pan-y;max-width:100vw;padding:calc(32px + env(safe-area-inset-top,0px)) 32px 40px;background:var(--card);border-left:1px solid var(--text);animation:.6s cubic-bezier(.2,.8,.2,1) both side-in;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.side-panel[data-state=closing]{animation:.5s cubic-bezier(.4,0,.2,1) both side-out}@keyframes side-in{0%{transform:translate(100%)}to{transform:none}}@keyframes side-out{0%{transform:none}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.side-panel,.side-panel[data-state=closing]{animation:none}.proj-text,.map-hint{transition:none}}