@keyframes tunnel{0%{transform:translateZ(-1800px) scale(.2);opacity:0}15%{opacity:1}100%{transform:translateZ(300px) scale(1.2);opacity:0}}
.reveal{opacity:0;translate:0 40px;transition:opacity .9s ease,translate .9s cubic-bezier(.2,.8,.2,1),filter .9s;filter:blur(8px)}
.reveal.in{opacity:1;translate:0 0;filter:none}
.scroll-hint{animation:bob 2s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(8px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;translate:0;filter:none}}
@media(max-width:700px){.nav{gap:1rem;padding:.6rem 1rem}.nav ul{gap:.6rem}.nav .logo{display:none}.flip{min-width:4em;font-size:.85rem}.ring{width:170px;height:240px}.stage{height:340px}}