/* The established globe stylesheet supplies labels, dots, cards and gold tones.
   These overrides apply exclusively to the fictional category landscape. */
.category-landscape {
  --globe-pin: #dac995;
  --globe-label: #e8e6dd;
  position: relative;
  max-width: 1050px;
  margin: -10px auto 10px;
}
.category-landscape__stage {
  position: relative;
  height: 610px;
  isolation: isolate;
  overflow: hidden;
  touch-action: pan-y;
  border: 1px solid #a4b6b413;
  border-radius: 20px;
  background: radial-gradient(ellipse at 50% 48%, #14232977, #080d1020 60%, transparent 85%);
}
.category-landscape__world { position: absolute; inset: 0; }
.category-landscape__terrain { position: absolute; width: 100%; height: 100%; overflow: visible; }
.category-landscape__terrain [data-zone] { transition: filter .25s; }
.category-landscape__terrain [data-zone].is-highlighted { filter: drop-shadow(0 0 5px #dac995aa); }
.category-landscape__pin { left: var(--label-x); top: var(--label-y); }
.category-landscape__pin[data-side="right"] { transform: translateX(-100%); }
.category-landscape .destination-globe__dot { pointer-events: none; }
.category-landscape .destination-globe__leader { pointer-events: none; }
.category-landscape__zone-hit {
  position: absolute; width: 12%; height: 16%; transform: translate(-50%, -50%);
  border-radius: 50%; cursor: pointer; touch-action: pan-y;
}
.category-landscape__hint { text-align: center; color: #a8afae; font: 11px/1.7 var(--font-body); letter-spacing: .07em; margin: 19px 0 5px; }
.category-landscape .destination-globe__links a { padding: 0 0 20px; overflow: hidden; }
.category-landscape__cover { width: 100%; height: auto; aspect-ratio: 1.5; object-fit: cover; margin-bottom: 5px; }
.category-landscape .destination-globe__card-name,
.category-landscape .destination-globe__card-action { padding-inline: 8px; }
.category-landscape__selection { position: relative; width: max-content; max-width: 100%; margin: 16px auto 0; padding: 12px 48px 12px 24px; border: 1px solid #dac99555; border-radius: 8px; background: #0c141aef; text-align: center; }
.category-landscape__selection span { display: block; font-size: 14px; }
.category-landscape__selection a { display: inline-block; padding: 8px 10px; color: var(--globe-pin); font-size: 13px; }
.category-landscape__selection button { position: absolute; top: 3px; right: 3px; min-width: 36px; min-height: 36px; border: 0; background: transparent; }
@media (max-width: 700px) {
  .category-landscape__stage { height: 480px; }
  .category-landscape__pin[data-side="left"] { left: 4px; }
  .category-landscape__pin[data-side="right"] { left: calc(100% - 4px); }
  .category-landscape .destination-globe__links a { padding-bottom: 16px; }
  .category-landscape__hint { font-size: 10px; letter-spacing: .025em; }
}
@media (prefers-reduced-motion: reduce) {
  .category-landscape *, .category-landscape *::before { transition: none; }
}