/* Raised surfaces use static shading; only transforms and opacity move. */
.mini-art{position:relative;isolation:isolate;perspective:650px;background:radial-gradient(ellipse at 50% 15%,#f8faf3,#e5eade 85%)}
.mini-art::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,#ffffff70,transparent 55%,#82977516);border:1px solid #81957415;border-radius:inherit}
.token-art span{position:relative;transform:rotateX(16deg) rotateY(-14deg) rotateZ(-7deg);background:linear-gradient(135deg,#fffef9,#e3e9d9);border-color:#acbaa0;box-shadow:1px 1px 0 #b3c0a7,2px 2px 0 #a7b599,3px 3px 0 #9caa8f,7px 12px 12px -6px #45543c30,inset 0 1px 0 #ffffffb0;animation:token-depth 5.8s ease-in-out infinite;animation-play-state:paused;--lift:8px;--tilt:2deg}
.token-art span:nth-child(even){transform:rotateX(20deg) rotateY(-12deg) rotateZ(7deg);background:linear-gradient(135deg,#edf3e4,#cddac0);--lift:12px;--tilt:-3deg}
.cluster-art{gap:12px;background:radial-gradient(ellipse at 50% 10%,#f7faf0,#dfe8d9 85%)}
.cluster-art i{position:relative;transform:rotateX(38deg) rotateY(-12deg) rotateZ(-14deg);background:linear-gradient(135deg,#fbfdf6,#cfddc4);box-shadow:0 2px 0 #becdaf,0 4px 0 #b4c5a5,0 6px 0 #aabd9a,0 9px 0 #91a582,5px 18px 12px -7px #34482b40,inset 0 1px 0 #fff;animation:training-depth 5s ease-in-out infinite;animation-play-state:paused}
.cluster-art i:nth-child(2){transform:rotateX(38deg) rotateY(-12deg) rotateZ(-14deg) translateY(-10px)}
.cluster-art i:nth-child(4){transform:rotateX(38deg) rotateY(-12deg) rotateZ(-14deg) translateY(10px)}
.cluster-art i::before{content:"";position:absolute;width:12px;height:8px;left:50%;top:50%;border:1px solid #81957466;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 0 #81957440}
.cluster-art i::after{content:"";position:absolute;bottom:-7px;left:7px;width:9px;height:2px;border-radius:2px;background:#466139;box-shadow:13px 0 0 #46613966}
.eval-art{gap:11px;padding:32px 48px 39px;background:radial-gradient(ellipse at 50% 10%,#f5f6ee,#e0e5d9 85%)}
.eval-art i{position:relative;flex-shrink:0;background:linear-gradient(90deg,#acbfa0,#90aa81);border-radius:1px 1px 0 0;box-shadow:5px 9px 9px -5px #34472b45;transform-origin:50% 100%;animation:evaluation-depth 5.6s ease-in-out infinite;animation-play-state:paused}
.eval-art i::before{content:"";position:absolute;left:100%;top:0;bottom:0;width:7px;background:linear-gradient(90deg,#6c865e,#8fa57c);transform:skewY(-32deg);transform-origin:0 0}
.eval-art i::after{content:"";position:absolute;left:0;bottom:100%;width:100%;height:4.4px;background:#d3dfc5;transform:skewX(-58deg);transform-origin:0 100%}
.mini-art>:nth-child(2){animation-delay:-1.2s}.mini-art>:nth-child(3){animation-delay:-2.7s}.mini-art>:nth-child(4){animation-delay:-3.9s}.mini-art>:nth-child(5){animation-delay:-.6s}.mini-art>:nth-child(6){animation-delay:-2.2s}.mini-art>:nth-child(7){animation-delay:-4.8s}.mini-art>:nth-child(8){animation-delay:-3.3s}
.mini-art.is-moving>span,.mini-art.is-moving>i{animation-play-state:running}
html[data-mini-motion="paused"] .mini-art>span,html[data-mini-motion="paused"] .mini-art>i{animation-play-state:paused}
[data-theme="dark"] .mini-art{background:radial-gradient(ellipse at 50% 10%,#344539,#1e2b24 85%)}
[data-theme="dark"] .mini-art::before{background:linear-gradient(160deg,#a3c59312,transparent 55%,#07170c40);border-color:#90ac7917}
[data-theme="dark"] .token-art span{background:linear-gradient(135deg,#536a46,#2e422d);border-color:#859c73;box-shadow:1px 1px 0 #30482c,2px 2px 0 #263c24,3px 3px 0 #1a2e1c,7px 12px 12px -6px #0007,inset 0 1px 0 #c5dbad44}
[data-theme="dark"] .token-art span:nth-child(even){background:linear-gradient(135deg,#647b51,#354b30)}
[data-theme="dark"] .cluster-art i{background:linear-gradient(135deg,#7c9267,#3b5438);border-color:#8fa97c;box-shadow:0 2px 0 #354b30,0 4px 0 #2d422b,0 6px 0 #253a26,0 9px 0 #192d20,5px 18px 12px -7px #0008,inset 0 1px 0 #d5e7be66}
[data-theme="dark"] .cluster-art i::before{border-color:#d8e7c877;box-shadow:0 2px 0 #d8e7c844}
[data-theme="dark"] .cluster-art i::after{background:#d3eabb;box-shadow:13px 0 0 #d3eabb66}
[data-theme="dark"] .eval-art i{background:linear-gradient(90deg,#b4ca9e,#879f73);box-shadow:5px 9px 9px -5px #0008}
[data-theme="dark"] .eval-art i::before{background:linear-gradient(90deg,#3e5b39,#6c8957)}
[data-theme="dark"] .eval-art i::after{background:#d2e4bd}
@keyframes token-depth{0%,100%{translate:0 3px;rotate:0deg}50%{translate:0 calc(-1 * var(--lift));rotate:var(--tilt)}}
@keyframes training-depth{0%,100%{translate:0 3px}50%{translate:0 -10px}}
@keyframes evaluation-depth{0%,100%{scale:1 .86}45%{scale:1 1}70%{scale:1 .93}}
@media(max-width:1000px) and (min-width:701px){.eval-art{padding-inline:28px;gap:9px}.token-art{gap:6px}}
@media(max-width:700px){.mini-art{perspective:400px}.token-art{gap:5px;padding:16px 7px}.token-art span{--lift:4px;--tilt:1deg;box-shadow:1px 1px 0 #a7b599,2px 2px 0 #9caa8f,4px 7px 6px -4px #45543c40}.cluster-art{gap:4px}.cluster-art i::before{width:5px;height:4px}.cluster-art i::after{left:2px;width:3px;box-shadow:5px 0 0 #46613966}.eval-art{gap:3px;padding:16px 13px 22px}.eval-art i::before{width:3px}.eval-art i::after{height:1.9px}}
@media(prefers-reduced-motion:reduce){.mini-art>span,.mini-art>i{animation:none!important;translate:none;rotate:none;scale:none}}