*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ui-primary:#f2ede6e6;--ui-secondary:#f2ede661;--ui-dim:#f2ede61f;--font:"Syne", -apple-system, BlinkMacSystemFont, sans-serif}html,body{background:#000;width:100%;height:100%;overflow:hidden}body:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#00000073 0%,#0000 100%);height:96px;position:fixed;top:0;left:0;right:0}body:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#00000073 100%);height:96px;position:fixed;bottom:0;left:0;right:0}#stage{z-index:0;position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}body.ui-hidden #header,body.ui-hidden #scene-title,body.ui-hidden .nav-arrow,body.ui-hidden #dots,body.ui-hidden #footer{opacity:0}body.ui-ready #header{animation:.7s cubic-bezier(.16,1,.3,1) .1s both ui-fade-in}body.ui-ready #scene-title{animation:.7s cubic-bezier(.16,1,.3,1) .15s both ui-fade-in}body.ui-ready #prev{animation:.7s cubic-bezier(.16,1,.3,1) .2s both ui-fade-in}body.ui-ready #next{animation:.7s cubic-bezier(.16,1,.3,1) .25s both ui-fade-in}body.ui-ready #dots{animation:.7s cubic-bezier(.16,1,.3,1) .3s both ui-fade-in}body.ui-ready #footer{animation:.7s cubic-bezier(.16,1,.3,1) .35s both ui-fade-in}#header{z-index:10;color:var(--ui-primary);font-family:var(--font);letter-spacing:.13em;text-transform:uppercase;pointer-events:none;font-size:.8125rem;font-weight:600;position:fixed;top:1.5rem;left:1.5rem}#scene-title{z-index:10;color:var(--ui-secondary);font-family:var(--font);letter-spacing:.15em;text-transform:uppercase;pointer-events:none;font-size:.75rem;font-weight:400;transition:opacity .4s;position:fixed;top:1.5rem;right:1.5rem}#scene-title.changing{opacity:0}.nav-arrow{z-index:10;color:var(--ui-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;padding:1.25rem 1rem;transition:color .2s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.nav-arrow:hover{color:var(--ui-primary)}.nav-arrow:disabled{color:var(--ui-dim);cursor:default}#prev{left:.25rem}#next{right:.25rem}#dots{z-index:10;align-items:center;gap:6px;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.dot{background:var(--ui-secondary);border-radius:2px;flex-shrink:0;width:4px;height:4px;transition:width .4s cubic-bezier(.4,0,.2,1),background .3s}.dot.active{background:var(--ui-primary);width:20px}#footer{z-index:10;align-items:center;gap:1rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}#footer a{color:var(--ui-secondary);align-items:center;transition:color .2s;display:flex}#footer a:hover{color:var(--ui-primary)}