.serpdeck{perspective:900px;width:min(100%,24rem);margin-inline:auto}.serpdeck__scene{min-height:19rem;transform-style:preserve-3d;animation:9s ease-in-out infinite alternate serpdeck-sway;position:relative;transform:rotateX(18deg)rotateY(-16deg)}.serpdeck__card{gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent-soft) 60%, var(--bg));border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 1rem 2rem -1.5rem color-mix(in srgb, var(--ink) 50%, transparent);display:grid;position:absolute;inset-inline:0}.serpdeck__card--1{top:0;transform:translateZ(4.5rem)}.serpdeck__card--2{top:5.1rem;transform:translateZ(1.5rem)}.serpdeck__card--3{top:10.8rem;transform:translateZ(-1.5rem)}.serpdeck__tag{font-family:var(--font-mono);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:var(--tracking-mono-label);color:var(--accent-ink)}.serpdeck__sample{font-size:var(--text-small);color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}@keyframes serpdeck-sway{0%{transform:rotateX(18deg)rotateY(-20deg)}to{transform:rotateX(14deg)rotateY(-8deg)}}@media (prefers-reduced-motion:reduce){.serpdeck__scene{animation:none;transform:rotateX(16deg)rotateY(-14deg)}}
.astack{perspective:850px;width:min(100%,20rem);margin-inline:auto}.astack__scene{min-height:16rem;transform-style:preserve-3d;position:relative;transform:rotateX(58deg)}.astack__rotor{transform-style:preserve-3d;animation:astack-swing 16s var(--ease-in-out) infinite alternate;position:absolute;inset:0}.astack__panel{inset-inline:8%;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent-soft) 65%, var(--bg));font-family:var(--font-mono);font-size:var(--text-micro);display:flex;position:absolute;top:28%}.astack__panel--question{background:var(--bg-inverse);color:var(--ink-inverse);text-align:center;border-color:#0000;justify-content:center;line-height:1.4;transform:translateZ(7.5rem)rotateX(-58deg)}.astack__panel--1{transform:translateZ(4rem)}.astack__panel--2{transform:translateZ(2.25rem)}.astack__panel--3{transform:translateZ(.5rem)}.astack__panel--base{color:var(--accent-ink);text-transform:uppercase;letter-spacing:var(--tracking-mono-label);justify-content:center;transform:translateZ(-1.5rem)}.astack__k{color:var(--accent-ink)}.astack__v{color:var(--ink-2)}@keyframes astack-swing{0%{transform:rotate(-90deg)}to{transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.astack__rotor{animation:none;transform:rotate(-24deg)}.astack__panel--question{transform:translateZ(7.5rem)rotate(24deg)rotateX(-58deg)}}
.reach{perspective:900px;width:min(100%,22rem);margin-inline:auto}.reach__scene{aspect-ratio:1;transform-style:preserve-3d;position:relative;transform:rotateX(56deg)rotate(-8deg)}.reach__ring{border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);border-radius:50%;position:absolute}.reach__ring--outer{inset:4%}.reach__ring--inner{border-style:dashed;inset:26%}.reach__sweep{background:conic-gradient(color-mix(in srgb, var(--accent) 28%, transparent), transparent 24%);border-radius:50%;animation:12s linear infinite reach-turn;position:absolute;inset:4%}.reach__store{place-content:center;justify-items:center;gap:var(--space-1);display:grid;position:absolute;inset:0;transform:translateZ(.75rem)}.reach__store-dot{background:var(--accent);width:.75rem;height:.75rem;box-shadow:0 0 0 .4rem color-mix(in srgb, var(--accent) 25%, transparent);border-radius:50%}.reach__store-label{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--ink-2);transform:rotate(8deg)rotateX(-56deg)}.reach__rotor{transform-style:preserve-3d;animation:36s linear infinite reach-turn;position:absolute;inset:0}.reach__arm{transform-style:preserve-3d;transform:rotateZ(calc(var(--i) * 360deg / var(--n)));position:absolute;inset:0}.reach__counter{transform-style:preserve-3d;transform:translateX(-50%) rotateZ(calc(var(--i) * -360deg / var(--n))) rotateX(-56deg);animation:36s linear infinite reach-counter;position:absolute;top:6%;left:50%}.reach__chip{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent-soft) 75%, var(--bg));color:var(--accent-ink);font-family:var(--font-mono);font-size:var(--text-micro);white-space:nowrap;display:inline-block}@keyframes reach-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes reach-counter{0%{transform:translateX(-50%) rotateZ(calc(var(--i) * -360deg / var(--n) - 0deg)) rotateX(-56deg)}to{transform:translateX(-50%) rotateZ(calc(var(--i) * -360deg / var(--n) - 360deg)) rotateX(-56deg)}}@media (prefers-reduced-motion:reduce){.reach__sweep,.reach__rotor,.reach__counter{animation:none}}
