/* Let the city share the hero at a readable scale, without embedding the full game. */
.site-landing .shell{width:min(1500px,calc(100% - 96px))}
.site-landing .site-header{height:96px}
.site-landing .hero{grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);gap:44px;padding:32px 0 40px}
.site-landing .hero-copy{min-width:0}
.site-landing .city-atlas{height:clamp(600px,calc(100svh - 250px),800px);background-image:none}
.site-landing .stage-heading{padding:16px 22px}
.site-landing .live-map-caption{padding:13px 20px}
.site-landing .stage-footer{padding:10px 20px}
@media(min-width:1500px){.site-landing .city-atlas{height:clamp(680px,calc(100svh - 240px),880px)}}
@media(max-width:1100px){.site-landing .shell{width:calc(100% - 56px)}.site-landing .hero{gap:28px;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr)}}
@media(max-width:900px){.site-landing .hero{grid-template-columns:1fr;gap:30px}.site-landing .hero-copy{max-width:620px}.site-landing .city-stage{max-width:none;width:100%}.site-landing .city-atlas{height:660px}}
@media(max-width:600px){.site-landing .shell{width:calc(100% - 32px)}.site-landing .site-header{height:82px}.site-landing .hero{padding:30px 0;gap:26px}.site-landing .city-atlas{height:560px}.site-landing .stage-heading{padding:14px 16px}.site-landing .stage-footer{padding:10px 16px}.site-landing .live-map-caption{padding:12px 16px}}