/* Editorial city explorer, shared De Markt palette. */
.dm-city-map{display:grid;grid-template-columns:.85fr 1.35fr;gap:5%;align-items:center;background:#f3f7f4;padding:70px max(6vw,calc((100vw - 1440px)/2));margin:0!important;font-family:Inter,sans-serif;color:#142c22;overflow:hidden}
.dm-city-map-copy{position:relative;z-index:1;padding:30px 0}
.dm-city-map h2{font:500 clamp(42px,4.2vw,68px)/1.02 Inter,sans-serif;letter-spacing:-.055em;margin:0 0 26px}.dm-city-map h2 span{color:#008448}
.dm-city-map-intro{font-size:16px;line-height:1.65;max-width:330px;color:#59685f;margin:0}
.dm-city-map-detail{margin-top:66px;max-width:365px;min-height:225px}.dm-city-map-detail [hidden]{display:none}
.dm-city-map-place{display:block;font-size:12px;font-weight:600;color:#008448;margin-bottom:15px}
.dm-city-map-detail h3{font:500 25px/1.2 Inter,sans-serif;letter-spacing:-.035em;margin:0 0 16px}
.dm-city-map-detail p{font-size:14px;line-height:1.8;color:#59685f;margin:0 0 22px}

.dm-city-map-controls{display:flex;align-items:center;gap:24px;margin-top:18px}
.dm-city-map-controls>span{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.dm-city-map-controls>span span{color:#89978e;margin-left:8px}
.dm-city-map-art{min-width:0;margin-right:-7%;position:relative}.dm-city-map-art svg{display:block;width:100%;height:auto;overflow:visible}
.dm-map-dot{fill:#fff;stroke:#91b3a0;stroke-width:1.5;transition:fill 180ms ease,stroke 180ms ease}.dm-map-halo{fill:#008448;opacity:0;transition:opacity 180ms ease}.dm-map-point{cursor:pointer}.dm-map-point text{fill:#325740;text-anchor:middle;font:600 14px Inter,sans-serif;pointer-events:none}.dm-map-point.is-active .dm-map-dot{fill:#008448;stroke:#008448}.dm-map-point.is-active text{fill:white}.dm-map-point.is-active .dm-map-halo{opacity:.12}
.dm-map-label{font:500 10px Inter,sans-serif;letter-spacing:.08em;fill:#426651}.dm-map-north{color:#577361;font:500 10px Inter,sans-serif}
.dm-city-map-caption{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#84958a;padding-top:10px}.dm-city-map-caption span:first-child{font-weight:500;color:#426651}
.dm-city-map button:focus-visible,.dm-city-map a:focus-visible{outline:2px solid #008448;outline-offset:5px}.dm-map-point:focus-visible{outline:none}.dm-map-point:focus-visible .dm-map-dot{stroke:#142c22;stroke-width:4}
@media(hover:hover) and (pointer:fine){.dm-map-point:hover .dm-map-halo{opacity:.16}}
@media(max-width:900px){.dm-city-map{gap:3%;padding-top:48px;padding-bottom:48px}.dm-city-map h2{font-size:46px}.dm-city-map-detail{margin-top:42px}}
@media(max-width:700px){.dm-city-map{grid-template-columns:1fr;padding:48px 6vw;gap:22px}.dm-city-map-copy{display:contents}.dm-city-map h2{font-size:46px;margin:0}.dm-city-map-intro{margin:0;max-width:340px}.dm-city-map-art{grid-row:3;margin:0 -3%}.dm-city-map-detail{margin-top:6px;max-width:none;min-height:200px}.dm-city-map-controls{margin-top:0}.dm-city-map-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.dm-map-dot,.dm-map-halo{transition:none}}

/* One place, one heading: the map selection is the section content. */
.dm-city-map-detail{margin-top:0;max-width:430px;min-height:240px}
.dm-city-map-detail h2{font-size:clamp(48px,5vw,80px);margin-bottom:28px}
.dm-city-map-detail p{font-size:17px;line-height:1.75;max-width:390px;margin:0}
.dm-city-map-controls{margin-top:32px}
@media(max-width:700px){.dm-city-map-copy{display:block}.dm-city-map-art{grid-row:auto}.dm-city-map-detail{min-height:220px}.dm-city-map-detail h2{font-size:52px}.dm-city-map-detail p{font-size:16px}.dm-city-map-controls{margin-top:24px}}

.dm-map-place-label{font:600 10px Inter,sans-serif;letter-spacing:.07em;fill:#31573f;paint-order:stroke;stroke:#f3f7f4;stroke-width:5;stroke-linejoin:round}
.dm-map-credit{position:absolute;right:3%;bottom:0;font:400 9px Inter,sans-serif;color:#6a8273;text-decoration:none}
.dm-map-route{pointer-events:none}.dm-map-landmark{pointer-events:none}

/* HTML image masking avoids Safari's nested SVG-image mask inconsistencies. */
.dm-city-map-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at center,#000 45%,transparent 71%);mask-image:radial-gradient(ellipse at center,#000 45%,transparent 71%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
.dm-city-map-art .dm-bosch-map{position:relative;z-index:1}
.dm-map-credit{z-index:2}

.dm-map-credit{display:none;z-index:0}