html,body{margin:0;height:100%;background:#000;overflow:hidden;cursor:none}
body.awake{cursor:default}
#saver{position:fixed;inset:0;background:#000}
#saver .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity var(--fade,1600ms) ease}
.drift-a{animation:driftA 11s ease-in-out forwards}.drift-b{animation:driftB 11s ease-in-out forwards}
@keyframes driftA{from{transform:scale(1)}to{transform:scale(1.045) translate(-0.6%,-0.4%)}}
@keyframes driftB{from{transform:scale(1.045) translate(0.6%,0.3%)}to{transform:scale(1)}}
#saver-cap,#saver-help{position:fixed;left:14px;font:13px/1.4 Georgia,serif;color:#c9a227;opacity:0;transition:opacity .4s}
#saver-cap{bottom:12px}#saver-help{top:12px}
#saver-help a{color:#ffd27a}
body.awake #saver-cap,body.awake #saver-help{opacity:.85}