/* Compact map: controls stay in normal page flow, clear of the scene. */
.zones-cinematic .z-intro{min-height:265px;padding-top:24px;padding-bottom:32px}
.zones-cinematic .z-intro h1{font-size:clamp(48px,5vw,66px)}
.zones-cinematic .z-map-shell{margin-bottom:42px}
.zones-cinematic .z-map-top{height:51px}
.zones-cinematic .z-map-layout .z-map-stage{display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-areas:'tools focus' 'map map' 'bottom bottom' 'sectors sectors';height:auto;min-height:0;overflow:hidden}
.zones-cinematic .z-map-layout #snow-map{grid-area:map;position:relative;inset:auto;height:clamp(300px,48svh,420px);min-height:0;width:100%}
.zones-cinematic .z-map-tools{grid-area:tools;position:relative;inset:auto;width:auto;margin:12px 6px 12px 12px;padding:13px;display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(130px,.8fr) minmax(150px,1fr);align-content:center;gap:10px 16px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.zones-cinematic .z-map-tools .z-tools-title{display:none}
.zones-cinematic .z-map-tools form{grid-column:1;display:block}
.zones-cinematic .z-map-tools form>label{margin-bottom:6px}
.zones-cinematic .z-map-tools .z-layer-toggle{grid-column:2;align-self:center}
.zones-cinematic .z-map-tools .z-follow-label{grid-column:3;width:auto;gap:6px}
.zones-cinematic .z-map-tools #postal-result{grid-column:1/-1;padding-top:8px}
.zones-cinematic .z-map-focus{grid-area:focus;position:relative;inset:auto;width:auto;min-height:0;margin:12px 12px 12px 6px;padding:13px 15px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.zones-cinematic .z-map-focus .z-mini{margin:0 0 5px}
.zones-cinematic .z-map-focus h2{font-size:26px;padding:0}
.zones-cinematic .z-map-focus #map-street{min-height:0;margin:6px 0;font-size:10px;line-height:1.4}
.zones-cinematic .z-map-focus button{position:static;inset:auto;width:100%;padding:7px 0 0;min-height:0}
.zones-cinematic .z-map-vignette,.zones-cinematic .z-snowfall{grid-area:map;position:relative;inset:auto;align-self:stretch;min-height:0;min-width:0}
.zones-cinematic .z-scene-signature{grid-area:map;top:19px}
.zones-cinematic .z-map-perspective{grid-area:map;position:relative;inset:auto;align-self:start;justify-self:end;margin:12px 13px;max-height:40px}
.zones-cinematic .maplibregl-ctrl-top-right{top:54px;right:4px}
.zones-cinematic .z-map-stage .leaflet-top{top:54px}
.zones-cinematic .z-map-compass{grid-area:map;top:12px;right:24px}
.zones-cinematic .z-map-legend{grid-area:map;position:relative;inset:auto;align-self:end;justify-self:start;margin:0 12px 25px;max-width:calc(100% - 24px);padding:8px 10px;font-size:8px;gap:10px}
.zones-cinematic .z-map-bottom{grid-area:bottom;position:relative;inset:auto;max-width:none;width:auto;margin:0;border-radius:0;border-width:1px 0;padding:9px 14px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;flex-direction:row}
.zones-cinematic .z-map-bottom #map-status{max-width:none;font-size:10px}
.zones-cinematic .z-sector-drawer{grid-area:sectors;position:relative;inset:auto;max-height:none;margin:10px 12px 12px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.zones-cinematic .z-sector-summary{min-height:52px;padding:13px 16px}
.zones-cinematic .z-sector-drawer .z-sectors{max-height:none;overflow:visible}
.zones-cinematic .z-drawer-handle{display:none}
.zones-cinematic .z-photo-band>img{height:300px}
.zones-cinematic .z-photo-band>div{padding:30px}
.zones-cinematic .z-photo-band h2{font-size:32px}
.map-engine-fallback #snow-map{touch-action:pan-x pan-y}
.zones-cinematic.map-engine-fallback .z-map-focus{display:none}
@media(max-width:1050px){
 .zones-cinematic .z-map-layout .z-map-stage{grid-template-columns:minmax(0,1fr) 220px}
 .zones-cinematic .z-map-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px}
 .zones-cinematic .z-map-tools form{grid-column:1/-1;display:flex;gap:10px;align-items:center}
 .zones-cinematic .z-map-tools form>label{margin:0;flex:0 0 78px}
 .zones-cinematic .z-map-tools .z-layer-toggle{grid-column:1}
 .zones-cinematic .z-map-tools .z-follow-label{grid-column:2}
 .zones-cinematic .z-layer-toggle span{margin-left:0}
}
@media(max-width:700px){
 .zones-cinematic .z-intro{min-height:0;padding:23px 6% 29px}
 .zones-cinematic .z-intro .z-kicker{margin-bottom:13px}
 .zones-cinematic .z-intro h1{font-size:clamp(40px,11vw,54px)}
 .zones-cinematic .z-intro-caption{margin-top:11px}
 .zones-cinematic .z-intro-right{margin-top:16px;max-width:none}
 .zones-cinematic .z-intro-right>p{margin-bottom:11px}
 .zones-cinematic .z-map-layout .z-map-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:'tools' 'focus' 'map' 'bottom' 'sectors'}
 .zones-cinematic .z-map-layout #snow-map{height:clamp(270px,39svh,340px)}
 .zones-cinematic .z-map-tools{margin:10px 12px 0;padding:11px;gap:8px 12px}
 .zones-cinematic .z-map-tools form>label{flex-basis:68px;font-size:10px}
 .zones-cinematic .z-map-tools #postal-search{height:38px}
 .zones-cinematic .z-map-tools #postal-result{font-size:9px;line-height:1.4;padding-top:6px}
 .zones-cinematic .z-map-tools .z-layer-toggle{flex-wrap:wrap;gap:5px}
 .zones-cinematic .z-map-focus{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:0 10px;margin:8px 12px 10px;padding:10px 12px}
 .zones-cinematic .z-map-focus .z-mini{grid-column:1;margin:0 0 4px;font-size:7px}
 .zones-cinematic .z-map-focus h2{grid-column:1;font-size:23px}
 .zones-cinematic .z-map-focus #map-street{grid-column:1/-1;margin:6px 0 0;font-size:9px}
 .zones-cinematic .z-map-focus button{grid-column:2;grid-row:1/3;padding:7px 9px;font-size:9px;align-self:center}
 .zones-cinematic .z-map-perspective{font-size:10px;padding:9px 11px}
 .zones-cinematic .z-map-legend{font-size:7px;gap:9px}
 .zones-cinematic .z-map-bottom{padding:8px 12px;gap:8px}
 .zones-cinematic .z-map-bottom #map-status{font-size:8px;max-width:125px}
 .zones-cinematic .z-map-bottom>div{width:auto}
 .zones-cinematic .z-sector-summary{min-height:54px;padding:12px 14px}
 .zones-cinematic .z-photo-band>img{height:160px}
 .zones-cinematic .z-photo-band>div{padding:24px}
}