@media (prefers-reduced-motion:no-preference){
 .motion-on .pack-your,.motion-on .dream-art{animation:pack-rise 1.4s cubic-bezier(.16,1,.3,1) both}
 .motion-on .hero-cloud{transition:transform .35s ease-out}
 .hero-character{transform-origin:center;animation:pack-rise 1.4s cubic-bezier(.16,1,.3,1) var(--pop,0s) both,pack-drift var(--period) ease-in-out var(--phase) infinite}
 .hero-character:nth-child(even){animation-direction:normal,reverse}
 .hero-character-1{--pop:0s}.hero-character-2{--pop:.06s}.hero-character-3{--pop:.12s}.hero-character-4{--pop:.18s}
 .motion-art{pointer-events:none;overflow:visible}
 .motion-art.scene-art{display:block}
 .motion-original{visibility:hidden}
 .motion-character{transform-box:fill-box;transform-origin:center;animation:pack-float var(--period) ease-in-out var(--phase) infinite;animation-play-state:paused}
 .motion-entered .motion-character{animation-play-state:running}
 .motion-on .logos{left:0;width:calc(1395 * 100vw / 1366);height:calc(185 * 100vw / 1366);animation:pack-roll 32s linear infinite;outline-offset:-3px}
 .motion-on .logos:hover,.motion-on .logos:focus,.motion-on .logos:focus-within{animation-play-state:paused}
 .motion-on .logos [aria-hidden=true]{pointer-events:none}
 .motion-on .interests .chip{--tilt:-4deg;transition:transform .24s cubic-bezier(.2,1.65,.4,1)}
 .motion-on .interests .chip:nth-child(even){--tilt:4deg}
 .motion-on .interests .chip:is(:hover,:focus-visible,:active){transform:rotate(var(--tilt)) scale(1.035)}
 @keyframes pack-rise{from{transform:translateY(var(--rise,600px))}to{transform:none}}
 @keyframes pack-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8%) rotate(2.5deg)}}
 @keyframes pack-drift{0%{translate:0 0;rotate:0deg}25%{translate:6% -14%;rotate:9deg}50%{translate:-4% -22%;rotate:-7deg}75%{translate:-9% -8%;rotate:5deg}100%{translate:0 0;rotate:0deg}}
 @keyframes pack-roll{to{transform:translateX(-100%)}}
 @media(max-width:700px){.motion-art.scene-art{display:none}.motion-on .logos{left:-22px}}
}