@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap";.laos-map-page{min-height:100vh;padding:clamp(4rem,8vw,7rem) max(1.25rem,calc((100vw - 1180px)/2));background:#f2eee3;color:#1f2924}.map-sheet{position:relative;width:fit-content;margin:0 auto;padding:26px 26px 10px;border:1px solid rgba(31,41,36,.14);background:#f7f2e6;overflow:visible}.map-sheet:before,.map-sheet:after{content:"";position:absolute;z-index:3;width:78px;height:22px;background:#c7b58f7a}.map-sheet:before{top:-9px;left:8%;transform:rotate(-4deg)}.map-sheet:after{right:8%;bottom:-8px;transform:rotate(3deg)}.map-layers{position:relative;width:80vw;height:80vw;margin:0 auto;background:#fff;box-shadow:0 0 0 1px #1f292433,0 8px 22px #1f29240f;overflow:hidden}.map-sheet__header{position:absolute;z-index:4;top:clamp(1.4rem,3vw,2.5rem);right:clamp(1.25rem,4vw,3.25rem);left:clamp(1.25rem,4vw,3.25rem);display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;color:#1f392d;pointer-events:none}.map-sheet__title-block{width:min(42rem,70%);margin-left:auto;text-align:right}.map-sheet__chapter,.map-sheet__title{color:#1f392d;font-family:Caveat,Segoe Print,Bradley Hand,cursive}.map-sheet__chapter{margin:0 0 .2rem;font-size:15px;font-weight:500;line-height:1;letter-spacing:.12em;opacity:.62}.map-sheet__title{margin:0;font-size:clamp(2.6rem,3.4vw,3.2rem);font-weight:550;line-height:1;letter-spacing:.01em;opacity:.93}.map-sheet__legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem 1rem;margin-top:.85rem;color:#415047;font-family:Caveat,Segoe Print,Bradley Hand,cursive;font-size:.88rem;font-weight:600;line-height:1}.map-sheet__legend-item{display:inline-flex;align-items:center;gap:.38rem;white-space:nowrap}.map-sheet__legend-item i{width:.58rem;height:.58rem;border:1.5px solid currentColor;border-radius:50%;box-shadow:inset 0 0 0 2px #fff;flex:0 0 auto}.map-sheet__legend-item--city{color:#002868}.map-sheet__legend-item--landmark{color:#ce1126}.map-sheet__legend-item--culture{color:#2f7652}.map-sheet__legend-item--planned{color:#7f6d33}.map-sheet__note{flex:0 0 auto;margin-top:.15rem;color:#1f392d;font-family:Caveat,Segoe Print,Bradley Hand,cursive;font-size:16px;font-weight:500;letter-spacing:.08em;opacity:.58;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.map-drawing,.map-grid,.map-overlay{position:absolute;top:50%;left:50%;width:61.2vw;height:91.8vw;transform:translate(-50%,-50%)}.map-drawing{display:block;object-fit:contain}.map-grid{z-index:1;display:block;overflow:hidden;pointer-events:none}.map-overlay{z-index:2;display:block;overflow:hidden;pointer-events:auto}.map-grid__lines line{stroke:#2a4b3d38;stroke-width:1.5;stroke-dasharray:8 10;vector-effect:non-scaling-stroke}.map-grid__labels text{fill:#2a4b3d94;font-family:Caveat,Segoe Print,Bradley Hand,cursive;font-size:27px;font-weight:600;paint-order:stroke;stroke:#ffffffe6;stroke-width:5px;stroke-linejoin:round}.map-grid__labels--rows text{text-anchor:start}.city-marker{cursor:pointer;outline:none}.map-overlay>a[href="/laos/thakhek"],.map-overlay>[data-open-landmark=tham-nang-aen-modal]{transform:translate(25px,-35px)}.laos-map-page .city-marker--active{color:#002868}.laos-map-page .city-marker--landmark{color:#ce1126}.laos-map-page .city-marker--culture{color:#2f7652}.laos-map-page .city-marker--inactive{color:#7f6d33;cursor:default}.city-marker__ring{fill:color-mix(in srgb,currentColor 14%,transparent);stroke:currentColor;stroke-width:3;transition:opacity .18s ease,transform .18s ease;transform-box:fill-box;transform-origin:center}.city-marker__dot{fill:currentColor;stroke:#fff;stroke-width:3}.city-marker__leader{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.city-marker__label{fill:currentColor;font-family:Georgia,serif;font-size:30px;font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:7px;stroke-linejoin:round}.city-marker--landmark .city-marker__label{font-size:27px;stroke-width:6px}.city-marker--culture .city-marker__ring{fill:transparent;stroke-width:2.5px;stroke-dasharray:4 3}.city-marker--culture .city-marker__dot{fill:#fff;stroke:currentColor;stroke-width:2.5px}.city-marker--culture .city-marker__leader{stroke-width:1.5px}.city-marker--culture .city-marker__label{font-size:18px;stroke-width:5px}.city-marker__label--left{text-anchor:end}.city-marker--inactive .city-marker__ring,.city-marker--inactive .city-marker__dot,.city-marker--inactive .city-marker__leader,.city-marker--inactive .city-marker__label{opacity:.88}.city-marker:hover .city-marker__ring,.city-marker:focus .city-marker__ring{transform:scale(1.18)}.city-preview{opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:opacity .18s ease,visibility .18s ease}.city-marker:hover .city-preview,.city-marker:focus .city-preview,.city-marker:focus-visible .city-preview{opacity:1;visibility:visible}.city-note{position:relative;width:420px;min-height:350px;padding:24px 24px 22px;background:#f6dc57;color:#29342f;box-shadow:0 18px 36px #202a2433;font-family:Caveat,Segoe Print,Bradley Hand,cursive;transform:rotate(-1.4deg)}.city-note--tadlo,.city-note--dondet{transform:rotate(1.2deg)}.city-note--active{background:#88acd1}.city-note__tape{position:absolute;z-index:2;top:-13px;left:50%;width:112px;height:28px;background:#e8e0c6c2;transform:translate(-50%) rotate(-2deg)}.city-note img{display:block;box-sizing:border-box;width:100%;height:145px;border:7px solid rgba(255,255,255,.72);object-fit:cover;object-position:center 62%;filter:saturate(.68) contrast(.92)}.city-note__body{padding:15px 5px 0}.city-note__badge{display:inline-block;margin-bottom:5px;color:#5f532d;font-size:18px;font-weight:600;line-height:1;letter-spacing:.025em}.city-note--active .city-note__badge{color:#254864}.city-note strong{display:block;margin-bottom:4px;font-size:40px;font-weight:700;line-height:.98}.city-note p{margin:0 0 7px;color:#29342fdb;font-size:20px;font-weight:500;line-height:1.15}.city-note__tags{display:block;margin:0 0 8px;color:#1f3f56e0;font-size:17px;font-weight:700;line-height:1.05}.city-note small{display:block;color:#315545d1;font-size:17px;font-weight:500;line-height:1.1}.city-note--active small{color:#1f3f56db}@media(max-width:1100px){.city-preview{display:none}}@media(max-width:700px){.laos-map-page{padding-top:3.5rem}.map-sheet{width:auto;padding:.75rem .75rem 10px}.map-sheet__header{gap:.15rem;flex-wrap:wrap}.map-sheet__title-block{width:100%;order:2}.map-sheet__note{order:1;margin-right:auto;margin-left:0;font-size:13px}.map-sheet__chapter{font-size:12px}.map-sheet__title{font-size:42px}.map-sheet__legend{gap:.35rem .7rem;margin-top:.55rem;font-size:.74rem}.map-layers{width:calc(100vw - 4rem);height:calc(100vw - 4rem)}.map-drawing,.map-grid,.map-overlay{width:calc((100vw - 4rem)*.765);height:calc((100vw - 4rem)*1.1475)}.map-grid__labels text{font-size:34px}}