*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff}
body{margin:0;background:#fff}
.page{position:relative;width:100%;max-width:1600px;margin:0 auto;background:#fff}
.artwork{display:block;width:100%;height:auto}
.hotspot{position:absolute;z-index:10;display:block;background:rgba(255,255,255,0);cursor:pointer}
.hotspot:hover{background:rgba(255,255,255,.035);border-radius:999px}
.hotspot:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:8px}
.anchor{position:absolute;left:0;width:1px;height:1px;pointer-events:none}
@media (min-width:1601px){
  body{background:#eef2f6}
  .page{box-shadow:0 0 60px rgba(7,17,31,.12)}
}