*{box-sizing:border-box}html,body,#stage{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden}body{background:#101820;color:#fff}#stage{display:grid;place-items:center;background-color:#101820;background-position:center;background-size:cover}#logo{display:block;max-width:82vw;max-height:72vh;max-height:72dvh;width:auto;height:auto;object-fit:contain;--logo-scale:1;transform:scale(var(--logo-scale));opacity:0;transition:opacity 1s ease,transform 1s ease}#logo.visible{opacity:1}#logo.slide{transform:translateX(3vw) scale(var(--logo-scale))}#logo.slide.visible{transform:translateX(0) scale(var(--logo-scale))}#debug{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:5px;background:#0009;color:#fff;font:12px/1.5 system-ui;white-space:pre-wrap}@media(prefers-reduced-motion:reduce){#logo{transition:none}}