.scene{aspect-ratio:560/470;perspective:1100px;justify-self:center;width:min(560px,100%);position:relative}.scene-rig,.scene-float{transform-style:preserve-3d;position:absolute;inset:0}.scene-rig{transition:transform 1s var(--ease-out-expo)}.scene-rig.tilting{will-change:transform;transition:transform .14s linear}.scene-float{animation:10s ease-in-out infinite scene-float}@keyframes scene-float{0%,to{transform:translate(0,0)rotateX(0)rotateY(0)}50%{transform:translateY(-12px)rotateX(3deg)rotateY(-4deg)}}.layer{transform:translateZ(var(--z,0px));transform-style:preserve-3d;position:absolute}.tilt{color:inherit;transform-style:preserve-3d;transition:transform .8s var(--ease-out-expo), box-shadow .35s var(--ease);text-decoration:none;display:block;position:relative}.tilt.tilting{transition:transform 90ms linear, box-shadow .35s var(--ease);will-change:transform}.tilt:not(.in){opacity:0}.tilt.in{animation:rise3d .95s var(--ease-out-expo) var(--d,0s) backwards}@keyframes rise3d{0%{opacity:0;transform:perspective(900px)rotateX(22deg)translate3d(0,44px,-40px)}}@media (scripting:none){.tilt:not(.in){opacity:1}}.tilt-shine{z-index:3;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.tilt-glare{opacity:0;width:420px;height:420px;transition:opacity .35s var(--ease);background:radial-gradient(closest-side,#ffffff52,#0000);border-radius:50%;margin:-210px 0 0 -210px;position:absolute;top:0;left:0}.tilt.tilting .tilt-glare{opacity:1}html[data-theme=dark] .tilt-glare{background:radial-gradient(closest-side,#ffffff1f,#0000)}.lift{display:inline-block;transform:translateZ(48px)}
