/* Local recs: an editorial guide, with a quiet app shell and tactile controls. */
body .phone-shell .chat-members{padding-left:4px;padding-right:17px;right:12px;height:40px;top:8px}
body .phone-shell .chat-members>.cue{margin-right:-13px}
body .phone-shell .chat-members .member-avatar{width:30px;height:30px;border:1.5px solid #fff}
.widget-app{background:#fbfaf7;clip-path:inset(0 round 55px);contain:layout style}
.widget-app .app-header{height:58px;padding:2px 19px 10px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px}
.widget-app .app-header button{width:42px;height:42px;background:#ffffff85;cursor:pointer}
.widget-app svg{width:22px;height:22px;flex:none}
.widget-app .app-header strong{font-size:15px;letter-spacing:-.25px}
.widget-app .app-title-pill{justify-self:center;display:flex;align-items:center;justify-content:center;height:40px;max-width:100%;min-width:0;padding:0 16px;border:1px solid #0000000d;border-radius:22px;background:#ffffff85}
.widget-app .app-title-pill>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px}
.widget-app .app-header .app-header-detail{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8c8d84;width:42px;text-align:right}
.widget-app .app-body{height:calc(100% - 143px)}
.widget-app.guide-app .app-body{padding:0;height:calc(100% - 116px);overflow:hidden}
.city-guide{height:100%;position:relative;color:#2c302d;background:#fbfaf7}
.guide-scroll{height:100%;overflow:auto;padding:8px 23px 124px;scrollbar-width:none;overscroll-behavior:contain}
.guide-intro,.guide-page-head{padding:31px 0 21px}
.guide-edition{display:flex;justify-content:space-between;font:9px Selecta,sans-serif;letter-spacing:.13em;color:#8d8e7d}
.app-body :is(.guide-intro,.guide-page-head,.guide-map-heading) h1{font:400 30px/1.15 Selecta,Arial,sans-serif;letter-spacing:-.8px;margin:0 0 13px}
.guide-intro h1 span{display:block;font:13px Selecta,sans-serif;letter-spacing:.02em;margin-top:10px;color:#939580}
.app-body :is(.guide-intro,.guide-page-head) p{font:400 15px/1.5 Selecta,Arial,sans-serif;color:#737769;margin:0}
.guide-categories{display:flex;border-bottom:1px solid #e0e0d8;gap:20px;margin-bottom:20px;overflow-x:auto;scrollbar-width:none}
.guide-categories button{border:0;background:none;padding:0 0 13px;min-height:38px;font:13px Selecta,sans-serif;color:#697166;white-space:nowrap;position:relative;cursor:pointer}
.guide-categories button[aria-pressed=true]{color:#333e32}
.guide-categories button[aria-pressed=true]::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;border-radius:2px;background:#56684b}
.guide-card{position:relative;margin-bottom:18px;min-width:0}
.guide-card-open{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit}
.guide-card img{display:block;width:100%;height:177px;object-fit:cover;border-radius:19px;background:#e6e6dc}
.guide-feature img{height:228px;border-radius:23px}
.guide-card-copy{display:block;padding:12px 1px 0}
.guide-card-copy small{display:block;font-size:9px;letter-spacing:.01em;color:#687166;margin-bottom:5px}
.guide-card-copy strong{display:block;font:500 19px/1.2 Selecta,Arial,sans-serif;letter-spacing:-.5px}
.guide-feature .guide-card-copy strong{font-size:23px}
.guide-card-copy>span{display:block;font-size:11px;color:#8a8b7d;margin-top:6px}
.guide-heart{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #ffffffc9;background:#ffffffb8;color:#4e584b;backdrop-filter:blur(10px);cursor:pointer}
.guide-heart svg{width:18px;height:18px}
.guide-heart[aria-pressed=true]{color:#536448}
.guide-heart[aria-pressed=true] svg{fill:currentColor}
.guide-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.guide-pair .guide-card-copy strong{font-size:18px;line-height:1.25}
.app-body .guide-section{margin:29px 0 19px}
.guide-section>span{font-size:9px;letter-spacing:.12em;color:#949584}
.app-body .guide-section h2{font:500 23px/1.2 Selecta,Arial,sans-serif;letter-spacing:-.6px;margin:8px 0}
.app-body .guide-section p{font-size:12px;margin:0;color:#858b7a}
.app-body .guide-section.compact{margin:4px 0 18px}
.guide-row{border-top:1px solid #e2e3db;padding:14px 0}
.guide-row>button{display:flex;align-items:center;gap:13px;width:100%;border:0;background:none;padding:0;color:inherit;text-align:left;cursor:pointer}
.guide-row img{width:69px;height:76px;border-radius:14px;object-fit:cover}
.guide-row span{flex:1}
.guide-row small{display:block;color:#919486;font-size:11px;letter-spacing:.01em}
.guide-row strong{display:block;font-size:15px;font-weight:500;margin:6px 0}
.guide-row em{font-size:11px;color:#999a90;font-style:normal}
.guide-row svg{width:18px;color:#949985}
.guide-nav{position:absolute;bottom:25px;left:16px;right:16px;height:64px;padding:6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:0;background:rgb(248 248 250 / .7);border-radius:32px;box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #0000000a,0 6px 20px #00000014,0 1px 3px #00000008;backdrop-filter:blur(20px) saturate(1.5);z-index:500}
.guide-nav-selection{position:absolute;left:6px;top:6px;bottom:6px;width:calc((100% - 12px)/4);border-radius:26px;background:rgb(60 60 67 / .09);box-shadow:inset 0 1px 1px #ffffff70;pointer-events:none;transition:transform 220ms cubic-bezier(.23,1,.32,1)}
.guide-nav>button{border:0;padding:5px 2px 4px;min-width:0;min-height:44px;background:none;color:#47474d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;border-radius:26px;font:500 11px/13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.05px;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.guide-nav>button[aria-current=page]{color:#171719;font-weight:600}
.guide-nav>button>svg{width:24px;height:24px;stroke-width:1.8}
.guide-nav>button[aria-current=page]>svg{stroke-width:2.1}
.guide-nav>button[data-view=saved][aria-current=page]>svg{fill:currentColor}
.guide-nav>button:focus-visible{outline:2px solid #45454b;outline-offset:-3px}
.guide-nav>button:focus-visible:active{transform:none}
.guide-nav[data-instant=true]>.guide-nav-selection{transition:none}
@media(prefers-reduced-motion:reduce){.guide-nav-selection,.guide-nav>button{transition:none}.guide-nav>button:active{transform:none}}
@media(prefers-contrast:more){.guide-nav{border:1px solid #48484e}.guide-nav>button{color:#171719}.guide-nav-selection{background:#d9d9de}}
@media(forced-colors:active){.widget-app .guide-nav.liquid-control{background:Canvas!important}.guide-nav-selection{display:none}.guide-nav>button{color:ButtonText}.guide-nav>button[aria-current=page]{outline:2px solid Highlight;outline-offset:-3px;color:Highlight}}
.guide-colophon{font-size:10px!important;color:#a0a291!important;line-height:1.6!important;text-align:center;margin:30px 0 6px!important}
.guide-page-head>small{font-size:11px;letter-spacing:.02em;color:#687166}
.guide-empty{font:18px/1.5 Selecta,Arial,sans-serif;color:#8f947f;text-align:center;padding:70px 15px}
.guide-back{border:0;background:none;display:flex;align-items:center;gap:5px;padding:0;min-height:42px;font:12px Selecta,sans-serif;color:#858e79;cursor:pointer;margin-bottom:12px}
.guide-back svg{width:17px;height:17px}
.guide-detail-photo{position:relative;margin:0 -23px}
.guide-detail-photo>img{display:block;width:100%;height:297px;object-fit:cover}
.guide-detail-photo .guide-heart{right:20px;top:16px}
.guide-detail-copy{padding:25px 0}
.guide-detail-copy>small{color:#8e947e;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.app-body .guide-detail-copy h1{font-size:30px;margin:13px 0}
.app-body .guide-detail-copy .guide-deck{font:400 15px/1.4 Selecta,Arial,sans-serif;color:#899279;margin:0 0 23px}
.app-body .guide-detail-copy p{font-size:14px;line-height:1.6;color:#7e8474}
.guide-note{border-block:1px solid #e2e4d9;display:flex;align-items:center;gap:13px;padding:19px 0;color:#707e62;font-size:13px}
.app-body .guide-detail-copy h2{font:500 18px/1.3 Selecta,Arial,sans-serif;margin-top:23px}
.app-body .guide-address{display:flex;align-items:center;gap:10px;font-size:12px}
.guide-select{display:flex!important;align-items:center;justify-content:space-between;gap:8px;color:#747e68;font-size:12px!important}
.guide-select select{font:12px Selecta,sans-serif;padding:10px;border:1px solid #dfe3d6;border-radius:12px;background:white;color:#647354}
.guide-primary,.guide-secondary{min-height:47px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:16px;margin:11px 0;font:13px Selecta,sans-serif;background:#526343;color:#fff;cursor:pointer}
.guide-secondary{color:#697a58;background:#eef0e7}
.guide-primary svg,.guide-secondary svg{width:18px;height:18px}
.guide-source{display:block;text-align:center;font-size:11px;color:#8b947b;margin:21px 0;text-underline-offset:4px}
.app-body .guide-credit{font-size:9px;color:#a1a28e;text-align:center}
.guide-days{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:27px}
.guide-days button{padding:12px 6px 10px;display:grid;gap:4px;justify-items:center;border:1px solid #e6e7dc;border-radius:18px;background:transparent;color:#939b85;cursor:pointer}
.guide-days button[aria-pressed=true]{background:#e6ebdc;border-color:#e6ebdc;color:#556846}
.guide-days small{font-size:11px}.guide-days b{font:500 23px/1.2 Selecta,Arial,sans-serif}.guide-days span{font-size:8px;letter-spacing:.12em}
.guide-plan-item{display:flex;gap:10px;margin-bottom:12px}
.guide-plan-index{font:13px Selecta,sans-serif;color:#a0a98e;padding-top:16px}
.guide-plan-place{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;border-bottom:1px solid #e0e4d7;padding-bottom:12px}
.guide-plan-place>button:first-child{grid-column:1/-1;min-width:0;display:flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer}
.guide-plan-place img{width:48px;height:54px;flex:none;object-fit:cover;border-radius:10px}
.guide-plan-place small{font-size:9px;color:#8a947d;display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}
.guide-plan-place strong{font:500 18px/1.25 Selecta,Arial,sans-serif}
.app-body .guide-plan-place label{display:flex;align-items:center;justify-content:flex-start;gap:8px;font:11px Selecta,sans-serif;color:#919a83;margin:0;grid-row:2;grid-column:1}
.guide-plan-place input{min-width:0;min-height:44px;max-width:120px;border:1px solid #e0e4d6;border-radius:10px;background:#fff;padding:7px 10px;font:12px Selecta,sans-serif;color:#5d6e4d}
.guide-remove{grid-row:2;grid-column:2;min-height:44px;padding:0;border:0;background:transparent;color:#a3a58d;font:10px Selecta,sans-serif;cursor:pointer}
.guide-feedback{position:absolute;left:0;right:0;bottom:98px;margin:0!important;text-align:center;pointer-events:none;font-size:11px!important;color:#667653!important}
.city-guide.is-map .guide-scroll{padding:0;overflow:hidden}
.guide-map-wrap{position:relative;height:100%}
.guide-map{height:100%;background:#eeefe7;outline-offset:-3px}
.guide-map-heading{position:absolute;z-index:401;top:15px;left:23px;pointer-events:none}
.guide-map-heading small{font-size:9px;letter-spacing:.12em;color:#737e67}
.guide-map-card{position:absolute;z-index:401;bottom:112px;left:18px;right:18px;min-height:95px;display:flex;flex-wrap:wrap;align-content:center;gap:7px;background:#fffffff0;border:1px solid #fff;border-radius:22px;padding:15px 18px;box-shadow:0 7px 22px #344b2720;backdrop-filter:blur(15px)}
.guide-map-card>small{font-size:8px;letter-spacing:.09em;color:#8a967b;width:100%}
.guide-map-card strong{font:500 18px/1.25 Selecta,Arial,sans-serif;display:block;color:#435335}
.app-body .guide-map-card p{font-size:11px;margin:0;color:#90977e}
.guide-map-card>img{width:65px;height:70px;object-fit:cover;border-radius:14px;margin-right:5px}
.guide-map-card>div{flex:1;align-self:center}
.guide-map-card>div small{font-size:9px;color:#89977a;display:block;margin-bottom:6px}
.guide-map-card button{border:0;background:transparent;display:flex;align-items:center;gap:5px;padding:8px 0 0;font:11px Selecta,sans-serif;color:#899677;cursor:pointer}
.guide-map-card button svg{width:14px;height:14px}
.guide-map-pin span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fffefa;border:1px solid #fff;box-shadow:0 3px 12px #34442b45;color:#536944;font:500 12px Selecta,sans-serif}
.guide-map-pin:focus-visible{outline:3px solid #4f6840;border-radius:50%}
.city-guide .guide-map .leaflet-control-zoom{margin-bottom:225px;margin-right:20px;border:0;box-shadow:0 3px 12px #34442b20;border-radius:13px;overflow:hidden}
.city-guide .guide-map .leaflet-control-zoom a{color:#60784f;background:#fffffff0;width:33px;height:33px;line-height:33px}
.guide-map .leaflet-control-attribution{font-size:8px!important;background:#ffffffbd!important;max-width:100%;line-height:1.4;margin-bottom:4px}
.guide-map .leaflet-control-attribution a{color:#8b937e}
.guide-map-error{padding:150px 30px;color:#7a8770}
@media(hover:hover) and (pointer:fine){.guide-card-open:hover img{filter:brightness(1.035)}}
.city-guide button:active{transform:scale(.98)}
.city-guide button:focus-visible{outline:2px solid #6d8058;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.city-guide button:active{transform:none}}
@media(prefers-reduced-transparency:reduce){.guide-nav,.guide-heart,.guide-map-card{background:#fbfcf8;backdrop-filter:none}}

.guide-map-heading{left:0;right:0;top:0;padding:39px 23px 26px;background:linear-gradient(#fbfaf7f5 20%,#fbfaf7e0 65%,#fbfaf700)}
.guide-group-toggle{pointer-events:auto;display:flex;align-items:center;gap:10px;background:#ffffffdc;border:1px solid #fff;border-radius:22px;padding:6px 11px 6px 6px;color:#768567;font:11px Selecta,sans-serif;box-shadow:0 3px 12px #44563310;cursor:pointer}
.guide-group-toggle>span{display:flex;padding-right:8px}
.guide-group-toggle img{width:24px;height:24px;border:1px solid white;border-radius:50%;object-fit:cover;margin-right:-8px}
.guide-person-pin img{width:39px;height:39px;border:3px solid #fff;border-radius:50%;box-shadow:0 3px 10px #26361c50;object-fit:cover}
.guide-map-card .guide-person-photo{width:58px;height:58px;border-radius:50%}
.guide-map .leaflet-tile-pane{filter:saturate(.35) contrast(.92) brightness(1.03)}

.guide-reservation{display:grid;gap:7px;padding:17px;background:#eef0e7;border-radius:16px;margin:20px 0;color:#536448}
.guide-reservation small{font-size:10px;letter-spacing:.05em}
.guide-reservation strong{font:500 15px/1.4 Selecta,sans-serif}
.guide-reservation span{font-size:12px}
.app-body .guide-reservation p{font-size:10px;line-height:1.4;margin:0;color:#68725d}
.guide-plan-place .guide-booking-status{font-size:10px;text-transform:none;letter-spacing:0;margin:7px 0 0;color:#5b704b}
/* One guide contains both the photographic collection and its Mapbox map. */
.guide-photo-strip{display:flex;gap:8px;margin:10px 0 20px;overflow-x:auto;padding:3px;scrollbar-width:none}
.guide-photo-strip button{flex:0 0 74px;height:62px;padding:0;border:2px solid transparent;border-radius:12px;background:none;overflow:hidden;opacity:.65}
.guide-photo-strip button[aria-pressed=true]{border-color:#435e5c;opacity:1;box-shadow:0 0 0 2px white}
.guide-photo-strip img{display:block;width:100%;height:100%;object-fit:cover}
.guide-photo-count{position:absolute;right:13px;bottom:13px;border-radius:20px;background:#fffdf0d9;color:#293832;font-size:11px;padding:6px 10px;backdrop-filter:blur(12px)}
.guide-map .mapboxgl-ctrl-bottom-right{bottom:4px;right:8px}.guide-map .mapboxgl-ctrl-top-right{top:108px;right:8px}
.guide-map .mapboxgl-ctrl-bottom-left{bottom:4px;left:6px}
.guide-map .mapboxgl-ctrl-attrib{font:9px/1.4 Selecta,sans-serif}
.guide-map button.guide-map-pin,.guide-map button.guide-person-pin{border:0;background:none;padding:0;cursor:pointer;width:36px;height:36px}
.guide-map button.guide-person-pin{width:40px;height:40px}
.guide-map .guide-person-pin img{width:40px;height:40px;object-fit:cover;border-radius:50%;border:2px solid #fff;box-shadow:0 3px 12px #34442b45}
.guide-map .mapboxgl-canvas{outline:none}
.guide-map .mapboxgl-canvas:focus-visible{outline:2px solid #628277;outline-offset:-3px}
.guide-map .mapboxgl-ctrl-group{border-radius:12px;overflow:hidden;box-shadow:0 3px 10px #26392c18}

.widget-app.guide-app,.city-guide{background:#fff}.guide-map-heading{background:linear-gradient(#fffffff5 20%,#ffffffe0 65%,#fff0)}

.guide-result-count{font-size:12px!important;color:#687166!important;margin:0 0 18px!important}
.guide-intro h1{overflow-wrap:anywhere}.guide-card-copy strong,.guide-plan-place strong{overflow-wrap:anywhere}
.guide-pair .guide-card:last-child:nth-child(odd){grid-column:1/-1}.guide-pair .guide-card:last-child:nth-child(odd) img{height:195px}
.guide-credit a{color:inherit;text-underline-offset:3px}

/* Native photo carousel and its selected map marker move as one. */
.guide-categories{position:sticky;top:-8px;z-index:10;background:#fff;padding-top:14px;margin-inline:-23px;padding-inline:23px;scroll-padding-inline:23px}
.guide-map{background:#e9eee5}
.guide-map-deck{position:absolute;z-index:402;bottom:106px;left:0;right:0;display:flex;gap:12px;padding:12px 23px 18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:23px;scrollbar-width:none;overscroll-behavior-x:contain;outline-offset:-3px;cursor:grab}
.guide-map-deck:active{cursor:grabbing}
.guide-map-slide{position:relative;flex:0 0 100%;min-width:0;background:#fff;border-radius:23px;box-shadow:0 6px 15px #28382d20;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;user-select:none}
.guide-map-photo{display:block;border:0;padding:0;width:100%;height:136px;background:#e7eae2;cursor:pointer}
.guide-map-photo img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.guide-map-slide>div{padding:13px 16px 15px}
.guide-map-slide small{display:block;color:#697166;font:10px Selecta,sans-serif;margin-bottom:5px}
.guide-map-name{display:block;text-align:left;background:none;border:0;padding:0;font:500 20px/1.2 Selecta,sans-serif;letter-spacing:-.4px;color:#242b27;cursor:pointer}
.guide-map-slide>div>span{display:block;font:11px/1.5 Selecta,sans-serif;color:#697166;margin-top:5px}
.guide-map-pin span{width:38px;height:38px;color:#303c32;transition:background-color 180ms,color 180ms,scale 180ms}
.guide-map-pin[aria-pressed=true] span{background:#222d28;color:white;scale:1.16;box-shadow:0 4px 14px #17251d50}
.guide-map-pin svg{width:18px;height:18px}
.guide-map-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.guide-map-notice{position:absolute;z-index:403;top:36%;left:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:12px;min-width:160px;padding:18px 22px;border:1px solid #fff;border-radius:22px;background:#ffffffde;backdrop-filter:blur(12px);box-shadow:0 5px 22px #0000000c;font-size:14px;color:#50584d}.guide-map-notice[hidden],.guide-map-notice button[hidden]{display:none}.guide-map-notice button{padding:9px 18px;border:1px solid #d5d9d2;border-radius:20px;background:#fff;color:#30382e;font:inherit;cursor:pointer}
@media(prefers-reduced-motion:reduce){.guide-map-pin span{transition:none}}

/* Arrival and departure retain existing October day IDs in saved plans. */
.guide-days{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 5px;scroll-padding-inline:2px}
.guide-days button{flex:0 0 57px;min-height:82px;color:#737c6b}.guide-days button[aria-pressed=true]{color:#34472d}
.guide-travel-day{margin-bottom:24px}.guide-travel-day article{display:flex;align-items:center;gap:16px;padding:19px 0;border-bottom:1px solid #e7e9e3}.guide-travel-time{display:flex;flex-direction:column;gap:4px;width:48px;flex:none;font-variant-numeric:tabular-nums}.guide-travel-time s{font-size:11px;color:#8a9184}.guide-travel-time b{font:500 18px/1.2 Selecta,sans-serif;color:#3b4536}.app-body .guide-travel-day h2{font-size:17px;margin:0 0 5px;letter-spacing:-.3px}.app-body .guide-travel-day article p{font-size:12px;margin:0;color:#778070}.guide-travel-day article>svg{width:17px;height:17px;margin-left:auto;color:#6e8261}.app-body .guide-travel-note{font-size:11px;color:#778070;margin:14px 0 0}

@media(prefers-reduced-transparency:reduce){.guide-map-notice{background:#fbfcf8;backdrop-filter:none}}

.guide-map-slide>div>.guide-recommendation{display:flex;align-items:center;gap:6px;margin-top:9px;color:#414b41}
.guide-recommendation img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.guide-map .guide-rec-avatar{position:absolute;right:-7px;bottom:-5px;width:19px;height:19px;object-fit:cover;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 4px #20352430;pointer-events:none}
body .phone-shell .group-map-widget{background:#e8e6d5;isolation:isolate;color:#283c31}
.group-map-preview{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.group-map-preview-area{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}
.group-map-preview-person{position:absolute;width:27px;height:27px;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 7px #26392c38;z-index:2}
.group-map-preview-person img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.group-map-preview .person-you{left:24%;top:16%}.group-map-preview .person-leo{left:62%;top:36%}.group-map-preview .person-vivi{left:68%;top:12%}
.group-map-preview-rec{position:absolute;display:grid;place-items:center;width:24px;height:24px;border:1px solid white;border-radius:50%;background:#334a3d;color:white;font:14px Arial,sans-serif;box-shadow:0 2px 5px #293e3530}
.group-map-preview .rec-one{left:44%;top:26%}.group-map-preview .rec-two{left:23%;top:46%}
.group-map-caption{position:absolute;inset:auto 0 0;padding:40px 16px 18px;background:linear-gradient(transparent,#ffffffed 42%);display:flex;flex-direction:column;gap:4px;text-align:left}
.group-map-caption strong{font:500 22px/1.1 Selecta,sans-serif;letter-spacing:-.7px}
.group-map-caption span{font:12px Selecta,sans-serif;color:#57685c}
.group-map-credit{position:absolute;right:8px;bottom:3px;font:5px Arial,sans-serif;color:#626c62}