.immersive-map-section{height:240svh;position:relative;background:#fff;--map-clear:0;--map-scale:.96;--map-y:125svh;--map-x:0px}
.immersive-map-stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#fff}
/* Fade only the map content, independently of section spacing and neighbours. */
.immersive-map-camera{position:absolute;inset:0;opacity:var(--map-presence,0);will-change:opacity}
.immersive-map-world{position:absolute;left:50%;top:50%;width:170vw;height:440svh;transform:translate(-50%,-50%) scale(var(--map-scale)) translate3d(var(--map-x),var(--map-y),0);will-change:transform;background:#f1f0e9}


.immersive-map-fog{position:absolute;inset:0;z-index:3;pointer-events:none}
/* The original continuous veil reveals and covers the map from bottom to top. */
.immersive-map-fog::before,.immersive-map-fog::after{content:"";position:absolute;left:0;right:0;height:540svh;will-change:transform}
.immersive-map-fog::before{top:-20svh;background:linear-gradient(to bottom,#fff 0%,#fff calc(100% - 400svh),#ffffffe6 calc(100% - 300svh),#ffffff80 calc(100% - 175svh),#ffffff1a calc(100% - 50svh),transparent 100%);transform:translateY(var(--fog-entry-y,0px))}
.immersive-map-fog::after{top:120svh;background:linear-gradient(to bottom,transparent 0svh,#ffffff1a 50svh,#ffffff80 175svh,#ffffffe6 300svh,#fff 400svh,#fff 100%);transform:translateY(var(--fog-exit-y,0px))}
.immersive-map-mist{display:none}
.immersive-map-credit{position:absolute;bottom:12px;right:12px;z-index:4;font-size:10px;padding:5px 8px;border-radius:6px;background:#ffffffd9;color:#555;opacity:var(--map-presence,0)}
.immersive-map-credit a{color:inherit;text-decoration:none}
.immersive-map-pin{background:none;border:0;display:grid;place-items:center}
.immersive-map-pin>span{display:grid;place-items:center;position:relative;width:34px;height:38px;color:#fff;background:#424442;border:2px solid #fff;border-radius:50% 50% 50% 5px;transform:rotate(-45deg);box-shadow:-2px 3px 9px #0003}
.immersive-map-pin svg{width:23px;height:23px;transform:rotate(45deg);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}



@media(prefers-reduced-motion:reduce){.immersive-map-section{height:100svh;--map-clear:1}.immersive-map-stage{position:relative}.immersive-map-camera{filter:none;opacity:1}.immersive-map-world{transform:translate(-50%,-50%)}.immersive-map-fog{display:none}}

.immersive-map-world{width:max(170vw,135.4svh)}
.immersive-map-native{display:block;width:100%;height:100%;object-fit:cover}
.immersive-map-pin{position:absolute;width:40px;height:46px;transform:translate(-50%,-100%)}
.immersive-map-pin b{position:absolute;left:45px;top:4px;white-space:nowrap;background:#fffffff0;border-radius:18px;padding:9px 14px;color:#191b19;font-size:12px;box-shadow:0 4px 18px #0002}

/* Original section flow, without overlap or added gutters. */
.immersive-map-section{margin:0;padding:0}

/* Editorial type moves gently above the faster map, with a diffuse white halo. */
.immersive-map-copy{position:absolute;inset:0;z-index:5;display:grid;place-content:center;padding:72px 32px 0;pointer-events:none;opacity:var(--map-copy-presence,1);background:radial-gradient(ellipse at 50% 53%,#fffffff5 0%,#ffffffde 24%,#ffffff61 48%,#ffffff00 72%);will-change:opacity}
.immersive-map-copy h2{position:relative;margin:0;text-align:center;color:#101510;font-size:clamp(48px,min(7.5vw,13svh),120px);font-weight:750;line-height:1.04;letter-spacing:-.065em;transform:translate3d(0,var(--map-copy-y,0px),0) scale(var(--map-copy-scale,1));will-change:transform}
.map-title-line{display:block;overflow:clip;padding:.08em .13em;margin:-.08em -.13em}
.map-title-line>span{display:block;white-space:nowrap;will-change:transform,opacity}
.map-title-accent{color:#087d45}
@media(max-width:700px){.immersive-map-copy{padding:90px 20px 0;background:radial-gradient(ellipse at 50% 54%,#fffffffa 0%,#ffffffed 27%,#ffffff80 49%,#ffffff00 75%)}.immersive-map-copy h2{font-size:clamp(26px,min(9.4vw,9svh),64px);line-height:1.08;letter-spacing:-.06em}}
@media(prefers-reduced-motion:reduce){.immersive-map-copy{opacity:1}.immersive-map-copy h2,.map-title-line>span{transform:none!important;opacity:1!important;will-change:auto}}

/* White veil follows the map camera fade, below the fog and editorial text. */
.immersive-map-camera::after{content:"";position:absolute;inset:0;z-index:1;background:rgb(255 255 255 / 50%);pointer-events:none}
