/* Dedicated project map, with the shared website header and footer. */
body.units-page{background:radial-gradient(ellipse at 35% 0,#45314f 0,#2c1d36 36%,#211729 78%);--units-header-height:82px;--units-inset:18px}
.units-page #main{padding-top:var(--units-header-height)}
.units-map-stage{padding:14px var(--units-inset) 18px;min-height:calc(100svh - var(--units-header-height));display:flex}
.units-page .map-frame{position:relative;width:100%;height:calc(100svh - var(--units-header-height) - 32px);min-height:380px;border:1px solid #d4965e52;border-radius:14px;overflow:hidden;background:#2c1d36;box-shadow:0 18px 60px #100a174d}
.units-page .map-frame iframe{display:block;width:100%;height:100%;border:0}
.units-page footer{margin-top:0}
html.units-map-expanded,html.units-map-expanded body{overflow:hidden}
html.units-map-expanded .units-page .map-frame{position:fixed;inset:0;z-index:100;width:100vw;height:100dvh;min-height:0;border:0;border-radius:0}
html.units-map-expanded .units-page .header,html.units-map-expanded .units-page footer{visibility:hidden}
@media(max-width:760px){body.units-page{--units-header-height:72px;--units-inset:8px}.units-map-stage{padding-block:8px 12px}.units-page .map-frame{height:calc(100svh - var(--units-header-height) - 20px);min-height:340px;border-radius:11px}}
@media(max-height:500px) and (orientation:landscape){body.units-page{--units-header-height:64px;--units-inset:8px}.units-map-stage{padding-block:6px 8px}.units-page .map-frame{height:calc(100svh - var(--units-header-height) - 14px);min-height:225px;border-radius:9px}}