.home-hero:has(.landmark-atlas){grid-template-columns:.72fr 1.28fr;gap:12px;padding:24px 0 28px;min-height:330px}
.home-hero:has(.landmark-atlas) h1{font-size:clamp(40px,4vw,52px)}
.home-hero:has(.landmark-atlas) .hero-actions:empty{display:none}
.hero-art.home-world:has(.landmark-atlas){min-height:0;align-self:center;width:100%}
.home-world-map.landmark-atlas{position:relative;width:100%;max-width:650px;margin:0}
.landmark-stage{position:relative;height:266px;isolation:isolate}
.landmark-stage .landmark-fallback,.landmark-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.landmark-canvas{opacity:0;transition:opacity .3s;touch-action:pan-y}
.landmark-canvas[hidden]{display:none}
.landmark-atlas[data-renderer=webgl] .landmark-canvas{opacity:1}
.landmark-atlas[data-renderer=webgl] .landmark-fallback{visibility:hidden}
.landmark-atlas .world-city-aura{animation:none;opacity:.12}
.landmark-atlas .world-city.is-selected .world-city-aura{opacity:.3}
.landmark-atlas .world-city.is-selected .world-city-core{stroke-width:2;fill:#fff9cf}
.landmark-toggle{position:absolute;top:0;right:0;z-index:1;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#f6f8f6b3;color:#7c9580;display:grid;place-items:center}
.landmark-toggle:hover{background:#e7eee3;color:#3a7250}
.landmark-toggle[hidden]{display:none}
.home-world-map .landmark-toggle .ui-icon{width:14px;height:14px}
.home-world-map.landmark-atlas figcaption{display:block;margin:0;min-height:0}
.landmark-cities{display:flex;justify-content:flex-start;justify-content:safe center;gap:7px;overflow-x:auto;scrollbar-width:none;min-height:44px;padding:0 2px}
.landmark-cities::-webkit-scrollbar{display:none}
.landmark-city{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 13px;border:1px solid transparent;border-radius:24px;background:transparent;color:#708777;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.landmark-city:before{content:'';width:4px;height:4px;border-radius:50%;background:#a6b8a8}
.landmark-city[aria-pressed=true]{background:#fff;border-color:#e1eadf;color:#286548;box-shadow:0 5px 18px #345a3c0c}
.landmark-city[aria-pressed=true]:before{background:#3b8d5c;box-shadow:0 0 9px #80b98d80}
.home-world-map.landmark-atlas .landmark-details{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;margin:1px 0 0;padding:4px 2px;font-size:11px;line-height:1.5;color:#477456;text-align:center}
.home-world-map.landmark-atlas .landmark-details:before{content:none}
.landmark-details .landmark-detail-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}
.landmark-detail-dates{color:#7d9183;font-size:10px;white-space:nowrap}
.landmark-atlas .landmark-details .ui-icon{width:12px;height:12px;flex:none;color:#7e9b83}
@media(max-width:800px){
 .home-hero:has(.landmark-atlas){grid-template-columns:1fr;gap:12px;padding:20px 0 28px;min-height:0}
 .home-world-map.landmark-atlas{max-width:570px}
 .landmark-stage{height:230px}
}
@media(max-width:550px){
 .home-hero:has(.landmark-atlas){padding:8px 0 25px}
 .home-hero:has(.landmark-atlas) h1{font-size:34px;margin:8px 0 11px}
 .home-world-map.landmark-atlas{max-width:none}
 .landmark-stage{height:202px}
 .landmark-cities{gap:4px}
 .landmark-city{padding:8px 12px}
 .home-world-map.landmark-atlas .landmark-details{font-size:10px;gap:6px;min-height:34px}
 .landmark-detail-dates{font-size:9px}
}
@media(pointer:coarse){.landmark-toggle{width:44px;height:44px}.home-world-map.landmark-atlas .landmark-details{min-height:44px}}
@media(prefers-reduced-motion:reduce){.landmark-canvas,.landmark-city{transition:none}.landmark-toggle{display:none}}