:root{color-scheme:dark;background:#000}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000}body{cursor:none}#display-stage{position:fixed;inset:0;background:#000;opacity:1;transition:opacity 80ms linear}body[data-mode="black"] #display-stage{opacity:0}.display-slide{position:absolute;inset:0;z-index:1;display:grid;grid-template-rows:minmax(0,1fr) auto;margin:0;padding:clamp(12px,2vw,30px) clamp(18px,3vw,48px) clamp(16px,2.2vw,34px);opacity:0;transition:opacity 200ms ease;background:#000}.display-slide.front{z-index:2}.display-slide.active{opacity:1}.image-space{position:relative;min-width:0;min-height:0;overflow:hidden}.display-slide img,.display-slide video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain}.display-slide video{display:none}.display-slide.is-video img{display:none}.display-slide.is-video video{display:block}.display-slide figcaption{max-width:min(92vw,1800px);margin:0 auto;padding-top:clamp(10px,1.5vh,22px);color:#fff;font-family:"Avenir Next",Avenir,"Segoe UI",system-ui,sans-serif;font-size:clamp(24px,2.6vw,54px);font-weight:650;line-height:1.18;text-align:center;white-space:pre-line;text-wrap:balance;text-shadow:0 2px 14px #000}.display-slide.no-caption{grid-template-rows:minmax(0,1fr)}.display-slide.no-caption figcaption{display:none}@media(prefers-reduced-motion:reduce){.display-slide,#display-stage{transition:none}}
