/* Each desktop poster fills one half of the viewport. */
.hero { padding: 0; overflow: hidden; }
.world-zones.world-posters {
  position: relative;
  inset: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto;
  width: 100%;
  height: 100svh;
  margin-inline: auto;
}
.world-posters .world-zone { position: relative; min-width: 0; overflow: hidden; }
.world-posters .world-zone--right { border-left: 1px solid var(--line); }
.world-poster {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: grayscale(1) contrast(.85) brightness(1.08);
  transition: filter 420ms ease;
}
.hero[data-active-world="left"] .world-zone--left .world-poster,
.hero[data-active-world="right"] .world-zone--right .world-poster,
.world-zone:focus-visible .world-poster { filter: none; }
.hero .signal-panel { position: absolute; left: 50%; bottom: 48px; transform: translateX(-50%); margin: 0; }
.hero .site-footer { position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%); justify-content: center; flex-wrap: wrap; padding: 0 12px; }
.hero .language-picker { position: absolute; }
@media (max-width: 760px) {
  .hero { padding: 0; }
  .world-zones.world-posters { width: 100%; height: auto; grid-template-columns: 1fr; }
  .world-posters .world-zone { aspect-ratio: 1182 / 1330; }
  .world-posters .world-zone--right { border-left: 0; border-top: 1px solid var(--line); }
  .hero .signal-panel { position: relative; left: auto; bottom: auto; transform: none; width: calc(100% - 24px); margin: 18px auto 14px; }
  .hero .site-footer { position: relative; left: auto; bottom: auto; transform: none; padding-bottom: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .world-poster { transition: none; }
}