.mapintro{width:100%;max-width:none;padding:0;margin:0}.mapintro .pm-host{position:relative;height:560vh}.mapintro .pm-stage{position:-webkit-sticky;position:sticky;top:var(--head-h);height:calc(100dvh - var(--head-h));overflow:hidden;display:grid;place-items:center;padding:4.5rem 1rem 6.5rem;--in-0:0;--in-1:0;--in-2:0;--in-3:0;--in-4:0;--in-5:0;--sc-0:1;--sc-1:1;--sc-2:1;--sc-3:1;--sc-4:1;--sc-5:1;--lab-0:0;--lab-1:0;--lab-2:0;--lab-3:0;--lab-4:0;--lab-5:0;--open:1;--hint:1;--fin:0}.mapintro .pm-frame{position:relative;width:100%;max-width:calc((100dvh - var(--head-h) - 14rem) * 2.2917);aspect-ratio:275/120;container-type:inline-size;--tile:max(18px,4.5cqw)}.mapintro .pm-canvas{position:absolute;inset:0;width:100%;height:100%}.mapintro .pm-chapter{position:absolute;inset:0;pointer-events:none}.mapintro .pm-chapter[data-on] .pm-tile{pointer-events:auto}.mapintro .pm-tile{position:absolute;left:calc(var(--u) * 100%);top:calc(var(--v) * 100%);width:var(--tile);height:var(--tile);margin:0;padding:0;border:0;background:transparent;--t:clamp(0,calc(var(--in) * 1.45 - var(--d)),1);opacity:var(--t);transform:translate(-50%,-50%) translate(calc(var(--ox) * var(--tile)),calc(var(--oy) * var(--tile))) translate(calc((1 - var(--t)) * var(--fx) * 1px),calc((1 - var(--t)) * var(--fy) * 1px)) rotate(calc((1 - var(--t)) * var(--fr) * 1deg)) scale(calc(var(--sc) * (.78 + .22 * var(--t))))}@media (pointer:coarse){.mapintro .pm-tile:after{content:"";position:absolute;inset:-7px}}.mapintro .pm-tile img{display:block;width:100%;height:100%;border-radius:3px;object-fit:cover;background:var(--rule);box-shadow:0 2px 8px rgba(23,20,15,.16);transition:transform .16s ease,box-shadow .16s ease}.mapintro .pm-tile:focus-visible img,.mapintro .pm-tile:hover img{transform:translateY(-4px) scale(1.12);box-shadow:0 10px 22px rgba(23,20,15,.26)}.mapintro .pm-tile:focus-visible,.mapintro .pm-tile:hover{z-index:7;outline:none}.mapintro .pm-tile:focus-visible img{outline:2px solid var(--amber-deep);outline-offset:2px}.mapintro .pm-cap{position:absolute;top:calc(100% + .5rem);left:50%;transform:translateX(-50%);width:max-content;max-width:11rem;padding:.3rem .5rem;border:1px solid var(--rule);border-radius:4px;background:var(--raised);box-shadow:0 6px 16px rgba(23,20,15,.14);text-align:center;line-height:1.25;opacity:0;transition:opacity .14s ease;pointer-events:none}.mapintro .pm-tile:focus-visible .pm-cap,.mapintro .pm-tile:hover .pm-cap{opacity:1}.mapintro .pm-cap .t{display:block;font-size:.76rem;font-weight:600}.mapintro .pm-cap .a{display:block;font-size:.7rem;color:var(--mute)}.mapintro .pm-open{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;padding-inline:var(--pad);text-align:center;opacity:var(--open);pointer-events:none;background:radial-gradient(60% 45% at 50% 45%,rgba(247,243,236,.94) 0,rgba(247,243,236,.82) 45%,rgba(247,243,236,0) 100%)}.mapintro .pm-headline{margin:0;max-width:18ch;font-family:var(--font-paper),Georgia,serif;font-weight:400;font-size:clamp(1.6rem,5.2vw,2.9rem);line-height:1.14;letter-spacing:-.015em;text-wrap:balance}.mapintro .pm-hint{margin:1.6rem 0 0;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);opacity:var(--hint)}.mapintro .pm-labels{position:absolute;inset-inline:0;bottom:clamp(1.8rem,7vh,4rem);display:grid;justify-items:center;padding-inline:var(--pad);pointer-events:none}.mapintro .pm-label{grid-area:1/1;margin:0;text-align:center;opacity:var(--a)}.mapintro .pm-label .pm-lang{display:block;font-family:var(--font-paper),Georgia,serif;font-size:clamp(1.35rem,4.4vw,2rem);line-height:1.15;letter-spacing:-.01em}.mapintro[data-still] .pm-host{height:auto}.mapintro[data-still] .pm-stage{position:static;height:auto;overflow:visible;padding:1rem 1rem 2rem}.mapintro[data-still] .pm-frame{max-width:none}.mapintro[data-still] .pm-open{position:static;background:none;padding-block:0 1.8rem;opacity:1}.mapintro[data-still] .pm-hint{display:none}.mapintro[data-still] .pm-labels{position:static;padding-top:1.6rem}.mapintro[data-still] .pm-tile img,.mapintro[data-still] .pm-tile:hover img{transition:none}@media (prefers-reduced-motion:reduce){.mapintro .pm-tile img{transition:none}}@media (max-width:560px){.mapintro .pm-stage{padding:3.5rem 0 5.5rem}.mapintro .pm-frame{max-width:none}.mapintro .pm-cap{max-width:9rem}}