body[data-page=map] main{padding-top:0}.map-page{--mp-bg: #efe9db;--mp-surface: #fffdf8;--mp-ink: #241b10;--mp-ink-muted: #7a6c52;--mp-line: rgba(43, 32, 19, .12);--mp-pin: #a6572e;background:var(--mp-bg);color:var(--mp-ink);min-height:100dvh;padding:28px 20px calc(40px + var(--safe-bottom))}.map-page__inner{max-width:1240px;margin:0 auto;display:flex;align-items:flex-start;gap:28px}.map-page__main{flex:1;min-width:0}.map-page__head{max-width:1240px;margin:0 auto 18px}.map-page__eyebrow{display:block;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent, #d98e3b);margin-bottom:10px}.map-page__heading{font-family:var(--font-display);font-size:clamp(26px,4.2vw,38px);line-height:1.15;margin:0 0 10px}.map-page__desc{font-size:14.5px;line-height:1.6;color:var(--mp-ink-muted);margin:0;max-width:56ch}.map-page__canvas{position:relative;border-radius:var(--radius-md, 18px);overflow:hidden;background:#cfc6a8;box-shadow:0 10px 30px #2b201329}.map-page__image{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.map-page__pins{position:absolute;inset:0}.map-marker{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.map-marker__label{display:inline-block;white-space:nowrap;font-size:12px;font-weight:600;color:var(--mp-ink);background:#fffdf8f2;border-radius:999px;padding:5px 11px;box-shadow:0 4px 10px #2b20132e;transition:transform .15s ease,box-shadow .15s ease}.map-marker__pin{width:24px;height:24px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--mp-pin);border:2px solid #fffdf8;box-shadow:0 4px 10px #2b20134d;flex:none}.map-marker[data-scene] .map-marker__pin{background:var(--color-accent, #d98e3b)}.map-marker:hover .map-marker__label,.map-marker.is-active .map-marker__label{transform:translateY(-2px);box-shadow:0 8px 18px #2b201347}.map-marker.is-active .map-marker__pin{background:var(--mp-ink)}.map-page__compass{position:absolute;left:16px;bottom:16px;z-index:4;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fffdf8eb;color:var(--mp-ink);box-shadow:0 6px 16px #2b201338}.map-page__cta{position:absolute;left:64px;bottom:16px;z-index:4;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fdf6ec;background:var(--mp-ink);padding:10px 16px;border-radius:999px;box-shadow:0 8px 20px #2b20134d;transition:transform .15s ease,background .15s ease}.map-page__cta:hover,.map-page__cta:focus-visible{background:var(--mp-pin);transform:translateY(-1px)}.map-page__list{flex:none;width:300px;display:flex;flex-direction:column;gap:10px;max-height:78vh;overflow-y:auto;padding-right:2px;scrollbar-width:thin}.map-list__item{display:flex;align-items:center;gap:12px;background:var(--mp-surface);border-radius:var(--radius-md, 18px);padding:8px;box-shadow:0 4px 14px #2b201312;transition:box-shadow .15s ease,transform .15s ease}@media (hover: hover){.map-list__item:hover{box-shadow:0 8px 22px #2b201324;transform:translateY(-1px)}}.map-list__item.is-active{box-shadow:0 0 0 2px var(--mp-pin) inset,0 8px 22px #2b201324}.map-list__thumb{flex:none;width:56px;height:56px;border-radius:14px;overflow:hidden;background:var(--mp-bg);aspect-ratio:1 / 1}.map-list__thumb img{display:block;width:100%;height:100%;object-fit:cover}.map-list__name{font-size:14px;font-weight:700;color:var(--mp-ink);min-width:0}@media (max-width: 900px){.map-page{padding:22px 16px calc(32px + var(--safe-bottom))}.map-page__inner{flex-direction:column}.map-marker__label{opacity:0;pointer-events:none;transform:translateY(4px) scale(.92);position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50% 0}.map-marker.is-active .map-marker__label{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.map-marker__pin{width:20px;height:20px}.map-page__list{width:100%;max-height:none;flex-direction:row;overflow-x:auto;overflow-y:visible;padding-bottom:4px;scrollbar-width:none}.map-page__list::-webkit-scrollbar{display:none}.map-list__item{flex:none;flex-direction:column;align-items:flex-start;width:128px;padding:8px}.map-list__thumb{width:100%;height:112px;border-radius:12px}.map-list__name{font-size:12.5px}}