/* The supplied artwork is never cropped. Hotspots use its 1170 × 2048 coordinates. */
.image-landing-page { background: #d7c4eb; }
.image-landing-page .landing-topbar { max-width: 680px; margin: 0 auto; }
.image-landing-page .site-notice { max-width: 680px; }
.image-landing { width: 100%; max-width: 680px; margin: 0 auto; padding: 0; }
.image-landing-art { position: relative; width: 100%; }
.image-landing-background { display: block; width: 100%; height: auto; margin: 0; }
.image-landing-hotspot { position: absolute; left: var(--x); top: var(--y); width: var(--w); height: var(--h); display: block; background: transparent; border: 0; color: inherit; -webkit-tap-highlight-color: rgba(215,196,235,.2); }
.image-landing-hotspot:focus-visible { outline: 3px solid #63447d; outline-offset: -3px; border-radius: 4px; }
.image-landing-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 600px) {
  .image-landing-page .landing-topbar { padding: 10px 12px; gap: 8px; }
  .image-landing-page .landing-nav { gap: 5px; }
  .image-landing-page .landing-nav .compact { padding: 8px; font-size: 12px; }
  .image-landing-page .landing-topbar .brand { font-size: 13px; gap: 6px; }
  .image-landing-page .landing-topbar .brand-mark { display: none; }
}