/* Full-bleed World Is Flat edition. The illustration is displayed at its
   native composition; market overview stays as a live DOM component. */
.world-is-flat-hero {
  grid-template-columns: minmax(0, 1.5fr) minmax(360px, .5fr);
  width: 100%;
  min-height: 0;
  border-left: 0;
  border-right: 0;
}

.nasdanq-world-art {
  min-height: 0;
  aspect-ratio: 1264 / 877;
  background: #06111e;
}

.nasdanq-world-art .nasdanq-hero-map { display: none; }

.nasdanq-world-art-link {
  display: block;
  height: 100%;
  cursor: pointer;
  outline-offset: -4px;
}

.nasdanq-world-art-link img {
  transition: filter 180ms ease;
}

.nasdanq-world-art-link:hover img {
  filter: brightness(1.08) contrast(1.03);
}

.nasdanq-world-art-link:focus-visible {
  outline: 2px solid var(--gain);
}

.nasdanq-world-art img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: none;
  mix-blend-mode: normal;
  filter: none;
}

@media (max-width: 900px) {
  .world-is-flat-hero { grid-template-columns: 1fr; }
  .nasdanq-world-art { aspect-ratio: 1264 / 877; }
  .nasdanq-world-art img { width: 100%; height: 100%; top: auto; }
}

@media (max-width: 520px) {
  .nasdanq-world-art { min-height: 0; }
  .nasdanq-world-art img { width: 100%; height: 100%; }
}