.intro-band--location-map {container-type:inline-size}
.intro-band--location-map .page-intro {padding-top:0}
.location-header-heading {position:relative; isolation:isolate; padding:33px 0 26px}
.location-header-map {position:absolute; inset:calc(0px - var(--site-search-overhang,0px)) auto 0 50%; width:100cqw; transform:translateX(-50%); opacity:1; -webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.15) 0%,rgba(0,0,0,.75) 100%); mask-image:linear-gradient(to right,rgba(0,0,0,.15) 0%,rgba(0,0,0,.75) 100%); pointer-events:none; z-index:-1}
.intro-band--location-map .weather-nav {margin-top:0}
@media (max-width:800px) {
    .location-header-heading {padding-block:26px 20px}
}

.location-header-map {overflow:hidden; background-repeat:no-repeat; background-position:61.8% 50%; background-size:max(2560px, 100%) auto}

.location-header-map {background-image:var(--header-map-light,none)}
html[data-theme="dark"] .location-header-map {background-image:var(--header-map-dark,none)}

/* Countries use the same native raster scale as localities. Header height only changes the crop. */
:is(.intro-band--country-map,.intro-band--world-map,.intro-band--continent-map) .page-intro{padding-bottom:0}
:is(.intro-band--country-map,.intro-band--world-map,.intro-band--continent-map) .location-header-heading{padding-bottom:34px}
@media(max-width:800px){:is(.intro-band--country-map,.intro-band--world-map,.intro-band--continent-map) .location-header-heading{padding-bottom:30px}}
:is(.location-header-map--country,.location-header-map--world,.location-header-map--continent){background-image:none!important;background-color:#fff}
:is(.location-header-map--country,.location-header-map--world,.location-header-map--continent)::before{content:"";position:absolute;inset:0;background-color:#fff;background-image:var(--header-map-light,none);background-position:61.8% 50%;background-repeat:no-repeat;background-size:inherit}
html[data-theme="dark"] :is(.location-header-map--country,.location-header-map--world,.location-header-map--continent),html[data-theme="dark"] :is(.location-header-map--country,.location-header-map--world,.location-header-map--continent)::before{background-color:#000}
html[data-theme="dark"] :is(.location-header-map--country,.location-header-map--world,.location-header-map--continent)::before{background-image:var(--header-map-dark,none)}
/* Keep a broad globe crop instead of shrinking the whole sphere into the header. */
.location-header-map--world{background-size:auto clamp(400px,55cqw,700px)}

/* Fit each region independently; shrink only these rasters to keep the full outline on narrow screens. */
.intro-band--region-map .page-intro{padding-bottom:0}
.intro-band--region-map .location-header-heading{padding-bottom:34px}
@media(max-width:800px){.intro-band--region-map .location-header-heading{padding-bottom:30px}}
.location-header-map--region{background-size:max(100%,min(2560px,530cqw)) auto}