#logo{--dx:0;--dy:0;--lift:1;--zoom:1}#logo[data-active=true]{--lift:1.8;--zoom:1.06}#logo>img{translate:calc(var(--dx) * var(--reach) * var(--lift) * 1%) calc(var(--dy) * var(--reach) * var(--lift) * 1%);scale:var(--zoom);will-change:translate, scale;transition:translate .16s ease-out,scale .3s ease-out}#logo>img:first-child{--reach:3}#logo>img:nth-child(2){--reach:6}#logo>img:nth-child(3){--reach:9}#logo>img:nth-child(4){--reach:12}@media (prefers-reduced-motion:reduce){#logo>img{transition:none}}