*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#020711}
body{margin:0;background:#020711;color:#fff;overflow-x:hidden}
main{outline:none}
.section{position:relative;width:100%;scroll-margin-top:0;background:#020711}
.art{display:block;width:100%;height:auto}
.hotspot{position:absolute;z-index:2;display:block;border:2px solid transparent;border-radius:3px;transition:border-color .15s,box-shadow .15s,background .15s}
.hotspot:hover,.hotspot:focus-visible{outline:none;border-color:#ffbf35;box-shadow:0 0 18px #f3b92c66;background:#ffce3312}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-device="mobile"] main{width:min(100%,430px);margin-inline:auto}
body[data-device="desktop"] main{width:100%;max-width:none}
@media(max-width:700px){
  body[data-device="mobile"] main{width:100%;max-width:none;margin:0}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hotspot{transition:none}
}