.ride-entry{position:fixed;inset:0;z-index:9998;overflow:hidden;pointer-events:none;contain:strict;background:radial-gradient(ellipse at 50% 65%,#632b8577,transparent 65%),#080811ed;animation:ride-reveal 4.2s linear both}
.ride-road{position:absolute;top:68%;left:-10%;width:120%;height:2px;background:#cf96ff88;box-shadow:0 0 30px 7px #9146dd66}
.ride-road::after{content:"";position:absolute;top:35px;width:100%;height:3px;background:repeating-linear-gradient(90deg,transparent 0 50px,#b89cb766 50px 125px,transparent 125px 200px);animation:ride-road-motion .8s linear infinite}
.ride-bike{position:absolute;top:calc(68% - min(28vw,196px));left:0;width:min(440px,64vw);height:auto;animation:ride-cross 3.5s cubic-bezier(.25,.55,.6,.9) both;filter:drop-shadow(0 0 12px #c889ff88)}
.ride-bike svg{position:relative;display:block;width:100%;height:auto;overflow:visible}
.ride-bike::before{content:"";position:absolute;left:80%;top:39%;width:100vw;height:100%;background:linear-gradient(90deg,#fff1c57a,#dcb6ff22 40%,transparent 80%);clip-path:polygon(0 43%,100% 0,100% 100%,0 49%);transform:translateY(-38%);filter:blur(5px)}
.ride-bike::after{content:"";position:absolute;right:85%;top:63%;width:75vw;height:7px;background:linear-gradient(90deg,transparent,#8b2cef66 60%,#e0a7ff);box-shadow:0 0 20px #a854e7;transform:rotate(-1deg)}
.ride-bike{top:auto;bottom:32%;width:min(360px,44vw)}
.ride-lead{z-index:5;left:22vw}
.ride-follower{width:min(285px,35vw)}
.ride-follower::before{opacity:.4;width:55vw}
.ride-follower::after{opacity:.55;width:40vw}
.ride-follower-1{left:1vw;bottom:39%;z-index:2;animation-delay:.15s;opacity:.8}
.ride-follower-2{left:-13vw;bottom:27%;z-index:6;animation-delay:.3s}
.ride-follower-3{left:-32vw;bottom:43%;z-index:1;animation-delay:.45s;opacity:.65}
.ride-follower-4{left:-43vw;bottom:33%;z-index:3;animation-delay:.6s;opacity:.9}
@keyframes ride-cross{0%{transform:translateX(-75vw)}36%{transform:translateX(28vw)}55%{transform:translateX(38vw)}100%{transform:translateX(120vw)}}
@keyframes ride-reveal{0%{opacity:0}12%,68%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes ride-road-motion{to{transform:translateX(-200px)}}
@media(prefers-reduced-motion:reduce){.ride-entry{display:none!important}}
html.motion-paused .ride-entry{display:none!important}