*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;background:#08251d}
body{overflow-x:hidden}
.screen{position:relative;width:100vw;height:100svh;height:100dvh;min-height:100vh;overflow:hidden;background:#08251d}
.artwork{display:block;width:100%;height:100%;object-fit:fill;object-position:center}
.image-navigation{position:absolute;left:0;top:15.8%;width:100%;height:5.5%;display:grid;grid-template-columns:repeat(4,1fr)}
.hotspot{display:block;min-width:0;height:100%;background:transparent;outline-offset:-3px}
.hotspot:focus-visible{outline:3px solid #fff; background:rgba(255,210,40,.18)}
.seo-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:normal;border:0}
@media (min-width:900px){.screen{height:100svh;height:100dvh}.artwork{object-fit:fill}}
@media (prefers-reduced-motion:no-preference){.hotspot{transition:background .15s ease}.hotspot:hover{background:rgba(255,205,35,.12)}}