.knights{transition:height .6s ease-in-out,margin .6s ease-in-out}.knights[data-phase=exit]{z-index:10}.knights[data-phase=exit] .knights-scene{clip-path:polygon(-1000px -1000px, 1000px -1000px, 1000px var(--exit-clip-y), -1000px var(--exit-clip-y));overflow:visible}.knights[data-phase=exit] .knight-sprite{background-position-y:calc(-1 * var(--knight-frame));transform:scaleX(-1)}.knights[data-phase=exit] .knight--blue{--jump-x:var(--exit-blue-x,-130px)}.knights[data-phase=exit] .knight--red{--jump-x:var(--exit-red-x,-150px)}.knights[data-phase=exit] .knight{animation:2s steps(24,end) both hero-knight-walk;animation-delay:var(--exit-delay,0s);filter:drop-shadow(0 3px 2px #00000024)}.experience-card[data-knights-landing=true]{z-index:1}.experience-card[data-knights-landing=true]:after{top:-5px;left:var(--knights-shadow-left,65%);z-index:3;filter:blur(3px);pointer-events:none;content:"";background:#1e181233;border-radius:50%;width:96px;height:13px;animation:2s ease-out both hero-knight-landing-shadow;position:absolute}.hero .knights:is([data-phase=idle],[data-phase=gone]){visibility:hidden;pointer-events:none;height:0;overflow:hidden}.knights[data-restored=true]{transition:none}.home-page .hero[data-knights-complete=true]{min-height:0}@keyframes hero-knight-walk{0%{transform:translate(0)}to{transform:translate(var(--jump-x), var(--exit-y,250px))}}@keyframes hero-knight-landing-shadow{0%,65%,to{opacity:0;transform:scaleX(.65)}85%{opacity:1;transform:scaleX(1)}}@media (width<=639px){.hero .knights:is([data-phase=idle],[data-phase=gone]){margin:0 auto}}@media (prefers-reduced-motion:reduce){.knights{transition:none}}