/* Short, viewport-triggered movements. Content is visible without JavaScript. */
@media(prefers-reduced-motion:no-preference){
 [data-motion="card"].motion-in{animation:card-arrive 600ms cubic-bezier(.2,.75,.25,1) var(--motion-delay,0ms) both}
 [data-motion="tab"].motion-in{animation:card-arrive 480ms ease-out var(--motion-delay,0ms) both}
 [data-motion="tab"].motion-in>span:last-child{animation:arrow-arrive 620ms cubic-bezier(.16,1,.3,1) calc(var(--motion-delay,0ms) + 90ms) both}
 [data-motion="tile"].motion-in{animation:tile-arrive 480ms cubic-bezier(.2,.8,.2,1) var(--motion-delay,0ms) both}
 [data-motion="tile"].motion-in>i{animation:arrow-arrive 550ms cubic-bezier(.16,1,.3,1) calc(var(--motion-delay,0ms) + 90ms) both}
 [data-motion="corner"].motion-in{animation:corner-settle 1000ms ease-in-out 120ms both}
 [data-motion="mark"].motion-in{animation:mark-greet 900ms cubic-bezier(.2,.8,.2,1) both}
 .app-tile:hover>img{rotate:-5deg;translate:0 -2px}.app-tile>img{transition:rotate 220ms ease,translate 220ms ease}
 .text-link>span,.button>span{transition:translate 180ms ease}.text-link:hover>span,.button:hover>span{translate:3px -2px}
 .audience-card:hover .photo-corner{rotate:7deg;transition:rotate 240ms ease}
 @keyframes card-arrive{from{opacity:.25;translate:0 20px}to{opacity:1;translate:0 0}}
 @keyframes tile-arrive{from{opacity:.2;translate:-12px 14px}to{opacity:1;translate:0 0}}
 @keyframes arrow-arrive{from{opacity:0;translate:-25px 25px}to{opacity:1;translate:0 0}}
 @keyframes corner-settle{0%{rotate:0deg;translate:-7px 8px}35%{rotate:9deg;translate:0 -3px}65%{rotate:-5deg;translate:0 1px}100%{rotate:0deg;translate:0 0}}
 @keyframes mark-greet{0%{opacity:.2;rotate:-14deg;scale:.8}60%{opacity:1;rotate:6deg;scale:1.04}100%{opacity:1;rotate:0deg;scale:1}}
}
@media(prefers-reduced-motion:reduce){[data-motion]{animation:none!important;translate:none!important;rotate:none!important;scale:none!important}.app-tile>img,.text-link>span,.button>span{transition:none!important}}
@media print{[data-motion]{animation:none!important;opacity:1!important;translate:none!important}}
