:root{--cream:#fffcf2;--sand:#f8f2e4;--dark:#25330f;--olive:#436300;--olive-soft:#8c9a73;--coral:#e04e2a;--orange:#d26c0f;--water:#bcccc8;--line:#e4d8be}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--dark);background:var(--cream);font-family:"Newsreader",Georgia,serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}
.map-header{min-height:82px;padding:14px clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);background:rgba(255,252,242,.97)}
.map-brand{display:inline-flex;align-items:center;gap:12px;font-family:"Gilda Display",Georgia,serif;font-size:20px}.map-brand img{width:42px;height:42px;object-fit:contain}.map-header nav{display:flex;align-items:center;gap:clamp(18px,3vw,38px);font:600 11px/1 "Quicksand",sans-serif;letter-spacing:.14em;text-transform:uppercase}.map-header nav a{padding:12px 0;border-bottom:1px solid transparent}.map-header nav a:hover{border-color:var(--orange)}.map-back{display:none;font:700 10px/1 "Quicksand",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.map-page{padding:0 clamp(16px,4vw,64px) 48px}.map-intro{max-width:820px;padding:clamp(54px,8vw,104px) 0 44px}.eyebrow{margin:0 0 12px;color:var(--orange);font:700 10px/1.3 "Quicksand",sans-serif;letter-spacing:.2em;text-transform:uppercase}.map-intro h1{max-width:760px;margin:0;font:400 clamp(44px,7vw,86px)/.98 "Gilda Display",Georgia,serif;letter-spacing:-.025em}.map-intro>p:last-child{max-width:660px;margin:24px 0 0;color:#536038;font-size:clamp(18px,2vw,23px);line-height:1.5}
.map-app{border:1px solid var(--line);background:var(--sand)}.map-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}.map-tabs::-webkit-scrollbar{display:none}.map-tabs button{flex:0 0 auto;min-height:58px;padding:0 22px;color:#7b8763;border:0;border-right:1px solid var(--line);border-bottom:3px solid transparent;background:transparent;cursor:pointer;font:700 10px/1.2 "Quicksand",sans-serif;letter-spacing:.13em;text-transform:uppercase}.map-tabs button:hover{color:var(--dark)}.map-tabs button.active{color:var(--dark);border-bottom-color:var(--orange);background:var(--cream)}
.map-layout{min-height:690px;display:grid;grid-template-columns:minmax(270px,370px) minmax(0,1fr)}.map-sidebar{padding:30px;border-right:1px solid var(--line);background:var(--cream);display:flex;flex-direction:column;min-height:0}.region-summary{min-height:174px}.region-summary h2{margin:0;font:400 38px/1.06 "Gilda Display",Georgia,serif}.region-summary>p:last-child{margin:13px 0 0;color:#596544;font-size:16px;line-height:1.48}
.map-filters{display:flex;gap:8px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.map-filters button{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:99px;color:#75805e;background:transparent;cursor:pointer;font:700 9px/1 "Quicksand",sans-serif;letter-spacing:.1em;text-transform:uppercase}.map-filters button.active{color:var(--dark);background:var(--sand);border-color:#cfc2a6}.stay-dot,.experience-dot,.region-swatch{display:inline-block;flex:0 0 auto;width:9px;height:9px}.stay-dot{border-radius:50%;background:var(--coral)}.experience-dot{background:var(--orange);transform:rotate(45deg)}.region-swatch{border:1px solid var(--olive);background:rgba(67,99,0,.12)}
.map-results-heading{display:flex;justify-content:space-between;gap:12px;padding:17px 0 10px;color:#879170;font:700 9px/1.2 "Quicksand",sans-serif;letter-spacing:.12em;text-transform:uppercase}.map-results{overflow:auto;max-height:318px;padding-right:4px}.map-result{width:100%;display:grid;grid-template-columns:15px 1fr auto;align-items:center;gap:10px;padding:11px 8px;border:0;border-bottom:1px solid #eee5d2;color:var(--dark);background:transparent;text-align:left;cursor:pointer}.map-result:hover,.map-result.active{background:var(--sand)}.map-result strong{font:500 16px/1.2 "Newsreader",Georgia,serif}.map-result small{color:#8a9475;font:700 8px/1 "Quicksand",sans-serif;letter-spacing:.12em;text-transform:uppercase}.map-result .result-symbol{width:9px;height:9px;justify-self:center}.map-result .result-symbol.stay{border-radius:50%;background:var(--coral)}.map-result .result-symbol.experience{background:var(--orange);transform:rotate(45deg)}
.map-detail{position:relative;margin-top:16px;padding:18px;border:1px solid var(--line);background:var(--sand)}.map-detail .detail-close{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#7d8768;cursor:pointer;font-size:20px}.map-detail small{color:var(--orange);font:700 9px/1 "Quicksand",sans-serif;letter-spacing:.14em;text-transform:uppercase}.map-detail h3{margin:7px 28px 0 0;font:400 25px/1.1 "Gilda Display",Georgia,serif}.map-detail a{display:inline-block;margin-top:14px;padding-bottom:2px;border-bottom:1px solid var(--olive);color:var(--olive);font:700 10px/1.2 "Quicksand",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.map-sidebar.has-selection .region-summary,.map-sidebar.has-selection .map-filters,.map-sidebar.has-selection .map-results-heading,.map-sidebar.has-selection .map-results{display:none}.map-sidebar.has-selection .map-detail{display:flex;flex:1;min-height:510px;margin:0;padding:26px 0 0;border:0;background:transparent;flex-direction:column}.map-sidebar.has-selection .map-detail .detail-close{right:0;top:0;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-size:22px;line-height:1}.map-sidebar.has-selection .map-detail h3{margin:10px 42px 2px 0;font-size:34px}.map-profile-region{margin:0;color:#7d8768;font:700 9px/1.3 "Quicksand",sans-serif;letter-spacing:.14em;text-transform:uppercase}.map-profile-media{height:178px;margin:24px 0 18px;overflow:hidden;border-radius:10px;background:#eee5d2}.map-profile-media img{width:100%;height:100%;display:block;object-fit:cover}.map-profile-copy{margin:0;color:#536038;font-size:16px;line-height:1.52}.map-sidebar.has-selection .map-detail .map-profile-action{margin-top:auto;padding:15px 18px;border:0;border-radius:99px;color:var(--cream);background:var(--dark);text-align:center}
.map-stage{position:relative;min-width:0;min-height:690px;overflow:hidden;background:#f8f2e4}.map-svg{position:absolute;inset:0;width:100%;height:100%}.map-ocean{fill:var(--water);opacity:.7}.map-region-shape{fill:rgba(67,99,0,.09);stroke:var(--olive);stroke-width:1.8;vector-effect:non-scaling-stroke;transition:opacity .25s,fill .25s;cursor:pointer}.map-region-shape.dim{opacity:.17}.map-region-shape.active{fill:rgba(210,108,15,.15);stroke:var(--orange);stroke-width:2.4}.map-region-label{fill:var(--dark);font:700 13px "Quicksand",sans-serif;letter-spacing:.12em;text-transform:uppercase;paint-order:stroke;stroke:var(--sand);stroke-width:5px;stroke-linejoin:round;pointer-events:none}.map-marker{cursor:pointer;filter:url(#markerShadow);transform-box:fill-box;transform-origin:center;transition:opacity .2s}.map-marker.dim{opacity:.2;pointer-events:none}.map-marker-stay{fill:var(--coral);stroke:var(--cream);stroke-width:3;vector-effect:non-scaling-stroke}.map-marker-experience{fill:var(--orange);stroke:var(--cream);stroke-width:3;vector-effect:non-scaling-stroke}.map-marker:focus{outline:none}.map-marker:focus .map-marker-stay,.map-marker:focus .map-marker-experience{stroke:var(--dark);stroke-width:4}.map-compass{position:absolute;z-index:2;top:20px;right:22px;width:34px;text-align:center;color:var(--dark);font:700 9px/1 "Quicksand",sans-serif;letter-spacing:.1em}.map-compass i{display:block;width:1px;height:34px;margin:6px auto 0;background:var(--dark);position:relative}.map-compass i:before{content:"";position:absolute;top:-1px;left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid var(--dark)}.map-ocean-label{position:absolute;z-index:2;right:26px;top:48%;color:rgba(37,51,15,.54);font:700 9px/1 "Quicksand",sans-serif;letter-spacing:.25em;text-transform:uppercase;transform:rotate(90deg) translateX(50%);transform-origin:right center}.map-legend{position:absolute;z-index:2;left:18px;bottom:44px;display:flex;gap:16px;padding:10px 12px;border:1px solid rgba(228,216,190,.9);background:rgba(255,252,242,.9);backdrop-filter:blur(7px)}.map-legend span{display:inline-flex;align-items:center;gap:7px;color:#66704f;font:700 8px/1 "Quicksand",sans-serif;letter-spacing:.12em;text-transform:uppercase}.map-source{position:absolute;left:19px;right:19px;bottom:13px;margin:0;color:rgba(37,51,15,.5);font:600 8px/1.3 "Quicksand",sans-serif;letter-spacing:.04em}
.map-canvas{position:absolute;inset:0}.map-scrim{position:absolute;z-index:3;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(55,61,52,.5);cursor:zoom-out;backdrop-filter:grayscale(.7)}.map-scrim[hidden]{display:none}.map-status{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 16px;border:1px solid var(--line);background:rgba(255,252,242,.94);color:var(--dark);font:700 10px/1.3 "Quicksand",sans-serif;letter-spacing:.1em;text-transform:uppercase}.map-status[hidden]{display:none}.maplibregl-map{font-family:"Quicksand",sans-serif}.maplibregl-ctrl-group{border-radius:0!important;box-shadow:0 0 0 1px rgba(37,51,15,.18)!important}.maplibregl-ctrl-group button{background-color:rgba(255,252,242,.94)}.maplibregl-popup{z-index:4!important}.maplibregl-popup-content{min-width:180px;padding:14px 16px;border:1px solid var(--line);border-radius:0;background:var(--cream);box-shadow:0 8px 28px rgba(37,51,15,.18)}.maplibregl-popup-content strong,.maplibregl-popup-content span{display:block}.maplibregl-popup-content strong{font:400 19px/1.15 "Gilda Display",Georgia,serif}.maplibregl-popup-content span{margin-top:5px;color:var(--orange);font:700 8px/1.25 "Quicksand",sans-serif;letter-spacing:.12em;text-transform:uppercase}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:var(--cream)}.maplibregl-popup-anchor-top .maplibregl-popup-tip{border-bottom-color:var(--cream)}
.map-next{margin-top:34px;padding:44px 0 10px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;border-top:1px solid var(--line)}.map-next h2{max-width:650px;margin:0;font:400 clamp(32px,4vw,54px)/1.05 "Gilda Display",Georgia,serif}.map-next-links{display:flex;flex-wrap:wrap;gap:12px}.map-next-links a{padding:13px 18px;border:1px solid var(--dark);border-radius:99px;font:700 10px/1 "Quicksand",sans-serif;letter-spacing:.12em;text-transform:uppercase}.map-next-links a:first-child{color:var(--cream);background:var(--dark)}footer{display:flex;justify-content:space-between;gap:18px;padding:24px clamp(20px,4vw,64px);color:#899274;background:var(--dark);font:600 9px/1.4 "Quicksand",sans-serif;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:960px){.map-header nav{display:none}.map-back{display:inline-block}.map-layout{grid-template-columns:1fr}.map-sidebar{border-right:0;border-bottom:1px solid var(--line)}.region-summary{min-height:0}.map-results{max-height:210px}.map-stage{min-height:600px}}
@media(max-width:600px){.map-page{padding-left:10px;padding-right:10px}.map-header{min-height:68px;padding:10px 16px}.map-brand img{width:36px;height:36px}.map-brand span{font-size:17px}.map-intro{padding:46px 8px 34px}.map-sidebar{padding:22px 18px}.map-stage{min-height:520px}.map-tabs button{min-height:52px;padding:0 17px}.map-legend{left:10px;bottom:52px;gap:10px}.map-legend span{font-size:7px}.map-ocean-label{display:none}.map-next{align-items:stretch;flex-direction:column;padding-left:8px;padding-right:8px}.map-next-links{flex-direction:column}.map-next-links a{text-align:center}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}