/* DigitalX Exhibition — viewport fit & 4K polish
 *
 * UI artboard: 1920×1080 contain-scaled
 *   --stage-scale: min(100vw / 1920px, 100vh / 1080px)
 *
 * Background: cover full viewport (no white side bars)
 *
 *   1920×1080 → scale 1
 *   2560×1440 → ≈1.333
 *   3840×2160 → 2
 */

/* 4K UHD+ exhibition displays — polish only */
@media (min-width: 3000px) {
  html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
  }

  .stage img,
  .stage svg {
    image-rendering: auto;
  }

  .nav-btn:focus-visible,
  .btn:focus-visible,
  .card-clickable:focus-visible {
    outline-width: 4px;
    outline-offset: 4px;
  }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  .impact-card,
  .card-clickable,
  .nav-btn,
  .btn {
    transition: none;
  }
}