.courier-transition{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:30;contain:layout paint}
.courier-transition__veil{position:absolute;inset:0;background:#101820a6;animation:courier-veil 2.4s ease-out both}
.courier-transition__rider{position:absolute;top:0;left:var(--lane);width:clamp(140px,var(--size),280px);aspect-ratio:1;animation:courier-descend 1.75s cubic-bezier(.28,.38,.62,.85) var(--delay) both;will-change:transform;filter:drop-shadow(0 12px 8px #0004)}
.courier-transition__sprite{display:block;width:100%;height:100%;background-image:url('/courier-fleet.png?v=20260916');background-size:300% 200%;background-repeat:no-repeat;transform:rotate(var(--tilt));border-radius:28%;mask-image:radial-gradient(ellipse at center,#000 56%,transparent 73%)}
.courier-transition__sprite--0{background-position:0 0}.courier-transition__sprite--1{background-position:50% 0}.courier-transition__sprite--2{background-position:100% 0}
.courier-transition__sprite--3{background-position:0 100%}.courier-transition__sprite--4{background-position:50% 100%}.courier-transition__sprite--5{background-position:100% 100%}
.courier-transition__rider--0{--lane:1%;--size:17vw;--delay:0s;--tilt:-8deg;--drift:35px}
.courier-transition__rider--1{--lane:35%;--size:21vw;--delay:.16s;--tilt:6deg;--drift:-30px}
.courier-transition__rider--2{--lane:70%;--size:23vw;--delay:.04s;--tilt:-5deg;--drift:20px}
.courier-transition__rider--3{--lane:18%;--size:19vw;--delay:.38s;--tilt:9deg;--drift:-25px}
.courier-transition__rider--4{--lane:54%;--size:18vw;--delay:.28s;--tilt:-10deg;--drift:35px}
.courier-transition__rider--5{--lane:80%;--size:18vw;--delay:.48s;--tilt:4deg;--drift:-25px}
.courier-transition__rider--6{--lane:8%;--size:14vw;--delay:.72s;--tilt:7deg;--drift:20px}
.courier-transition__rider--7{--lane:45%;--size:16vw;--delay:.66s;--tilt:-7deg;--drift:-20px}
.courier-transition__rider--8{--lane:63%;--size:20vw;--delay:.78s;--tilt:8deg;--drift:30px}
.courier-transition__rider--9{--lane:29%;--size:14vw;--delay:.08s;--tilt:-4deg;--drift:-20px}
.courier-transition__rider--10{--lane:87%;--size:15vw;--delay:.12s;--tilt:7deg;--drift:-20px}
.courier-transition__rider--11{--lane:3%;--size:21vw;--delay:.42s;--tilt:-6deg;--drift:30px}
@keyframes courier-descend{from{transform:translate3d(0,-115%,0)}to{transform:translate3d(var(--drift),calc(100dvh + 100%),0)}}
@keyframes courier-veil{0%,15%{opacity:1}75%,100%{opacity:0}}
@media(max-width:600px){
 .courier-transition__rider{width:44vw;max-width:210px;min-width:0;animation-duration:1.65s}
 .courier-transition__rider--0{--lane:-3%;--delay:0s}.courier-transition__rider--1{--lane:32%;--delay:.14s}.courier-transition__rider--2{--lane:62%;--delay:.04s}
 .courier-transition__rider--3{--lane:5%;--delay:.62s}.courier-transition__rider--4{--lane:49%;--delay:.52s}.courier-transition__rider--5{--lane:26%;--delay:.85s}
 .courier-transition__rider:nth-child(n+8){display:none}
}
@media(prefers-reduced-motion:reduce){.courier-transition{display:none}.courier-transition__rider,.courier-transition__veil{animation:none}}