#kixo9-flying-pilot{--pilot-width:650px;position:fixed;left:0;top:80px;width:var(--pilot-width);height:260px;z-index:85;pointer-events:none;will-change:transform;animation:kixo9-pilot-cross 42s linear both}
#kixo9-flying-pilot *{box-sizing:border-box}
.kixo9-pilot-bob{position:relative;display:block;width:100%;height:100%;animation:kixo9-pilot-bob 5.8s ease-in-out infinite}
#kixo9-flying-pilot a.kixo9-pilot-bob{pointer-events:auto;cursor:pointer;background:none;border:0;padding:0}
#kixo9-flying-pilot:has(a:hover),#kixo9-flying-pilot:focus-within{animation-play-state:paused}
#kixo9-flying-pilot a:focus-visible{outline:2px solid #7397ff;outline-offset:4px}
.kixo9-pilot-plane{position:absolute;left:48%;top:0;width:44%;aspect-ratio:1682/935;z-index:2;animation:kixo9-pilot-wind 2.8s ease-in-out infinite}
#kixo9-flying-pilot img{display:block;width:100%;height:auto;max-width:none}
.kixo9-pilot-body{position:relative;z-index:2;clip-path:polygon(0 0,57% 0,57% 22%,60% 35%,69% 29%,72% 7%,72% 0,100% 0,100% 100%,0 100%)}
.kixo9-pilot-hand{position:absolute;inset:0;z-index:3;clip-path:polygon(57% 22%,61% 12%,65% 10%,70% 11%,72% 18%,69% 29%,60% 35%);transform-origin:58% 34%;animation:kixo9-pilot-wave 4.6s ease-in-out infinite}
.kixo9-pilot-flag{position:absolute;left:0;top:12%;width:58%;height:auto;transform-origin:100% 50%;animation:kixo9-pilot-cloth 4.3s ease-in-out infinite;z-index:1;filter:drop-shadow(0 2px 2px #0003)}
.kixo9-pilot-cargo{position:absolute;left:-7.5%;top:65%;width:105%;transform-origin:50% 0;animation:kixo9-pilot-cargo 5.8s ease-in-out infinite;animation-delay:-.7s;z-index:0}
.kixo9-pilot-suspension{display:block;width:49.5%;height:auto;margin-inline:auto;overflow:visible}
#kixo9-flying-pilot .kixo9-pilot-cargo img{margin-top:-4px}
.kixo9-pilot-bag{position:relative;container-type:inline-size}
.kixo9-pilot-bag-label{position:absolute;left:50%;top:59%;transform:translate(-50%,-50%) rotate(3deg) skewY(-2deg);width:54%;padding:0;border:0;background:none;color:#17150f;font:900 clamp(20px,11cqw,34px)/1.05 Arial,sans-serif;letter-spacing:.015em;text-align:center;overflow-wrap:anywhere;text-shadow:0 1px 1px #e6d5ad88}
.kixo9-pilot-bag-label[data-long]{font-size:clamp(14px,7cqw,22px);line-height:1.1}
.kixo9-pilot-rotor{position:absolute;left:91%;top:23%;width:12%;height:50%;transform:rotate(-7deg);filter:blur(.5px);opacity:.8;z-index:4}
.kixo9-pilot-rotor svg{width:100%;height:100%;overflow:visible;animation:kixo9-pilot-propeller .13s linear infinite}
#kixo9-flying-pilot.kixo9-pilot-paused,#kixo9-flying-pilot.kixo9-pilot-paused *{animation-play-state:paused!important}
@keyframes kixo9-pilot-cross{from{transform:translateX(calc(-1*var(--pilot-width)))}to{transform:translateX(100vw)}}
@keyframes kixo9-pilot-bob{0%,100%{transform:translateY(2px) rotate(-.6deg)}50%{transform:translateY(7px) rotate(.5deg)}}
@keyframes kixo9-pilot-wind{0%,100%{transform:rotate(-.4deg)}50%{transform:rotate(.4deg)}}
@keyframes kixo9-pilot-cloth{0%,100%{transform:rotate(.7deg)}50%{transform:rotate(-.7deg)}}
@keyframes kixo9-pilot-cargo{0%,100%{transform:rotate(2.8deg)}50%{transform:rotate(-3.2deg)}}
@keyframes kixo9-pilot-wave{0%,20%,60%,100%{transform:rotate(0)}30%,50%{transform:rotate(-6deg)}40%{transform:rotate(5deg)}}
@keyframes kixo9-pilot-propeller{to{transform:rotate(360deg)}}
@media(max-width:650px){#kixo9-flying-pilot{--pilot-width:440px;height:180px}}
@media(prefers-reduced-motion:reduce){#kixo9-flying-pilot{display:none}}