[data-motion^="pod-"] {
  --pod-graphite: #09171b;
  --pod-brick: #c9674d;
  --pod-copper: #e89262;
  --pod-blue: #2c67d8;
  --pod-teal: #168578;
  --pod-zinc: #b9c5c5;
  --pod-white: #f3f6f1;
  isolation: isolate;
}

.pod-decor {
  position: absolute;
  z-index: 1;
  width: min(280px, calc(100% - 24px));
  height: 150px;
  overflow: clip;
  contain: layout paint;
  isolation: isolate;
  pointer-events: none;
  box-sizing: border-box;
  color: var(--pod-white);
  background: rgba(9,23,27,.96);
  border: 1px solid rgba(232,146,98,.42);
  box-shadow: 0 14px 34px rgba(3,10,12,.24);
}

.pod-decor,
.pod-decor * {
  box-sizing: border-box;
  pointer-events: none;
}

[data-motion^="pod-"] > :not(.pod-decor) {
  position: relative;
  z-index: 2;
}

.pod-brick-arch { right: 4vw; bottom: 22px; width: 270px; height: 144px; }
.pod-pipe-manifold { left: 4vw; bottom: 22px; width: 264px; height: 142px; }
.pod-yard-radius-chords { right: 4vw; top: 26px; width: 260px; height: 140px; }
.pod-crosshead-journals { left: 4vw; bottom: 22px; width: 258px; height: 140px; }
.pod-view-cube { right: 4vw; bottom: 22px; width: 258px; height: 142px; }
.pod-worm-indexer { left: 4vw; top: 26px; width: 266px; height: 140px; }
.pod-voronoi-cushion { right: 4vw; bottom: 22px; width: 266px; height: 140px; }
.pod-cantilever-sum { left: 4vw; bottom: 22px; width: 264px; height: 140px; }
.pod-datum-three-seat { right: 4vw; top: 26px; width: 258px; height: 140px; }
.pod-woodruff-key-seats { left: 4vw; bottom: 22px; width: 260px; height: 140px; }

.js [data-motion="pod-brick-arch"] .pod-decor .decor-child,
.js [data-motion="pod-pipe-manifold"] .pod-decor .decor-child,
.js [data-motion="pod-yard-radius-chords"] .pod-decor .decor-child,
.js [data-motion="pod-crosshead-journals"] .pod-decor .decor-child,
.js [data-motion="pod-view-cube"] .pod-decor .decor-child,
.js [data-motion="pod-worm-indexer"] .pod-decor .decor-child,
.js [data-motion="pod-voronoi-cushion"] .pod-decor .decor-child,
.js [data-motion="pod-cantilever-sum"] .pod-decor .decor-child,
.js [data-motion="pod-datum-three-seat"] .pod-decor .decor-child,
.js [data-motion="pod-woodruff-key-seats"] .pod-decor .decor-child,
.js [data-motion^="pod-"] .pod-decor * {
  animation-play-state: paused;
}

.js [data-motion="pod-brick-arch"].is-motion-active .pod-decor .decor-child,
.js [data-motion="pod-pipe-manifold"].is-motion-active .pod-decor .decor-child,
.js [data-motion="pod-yard-radius-chords"].is-motion-active .pod-decor .decor-child,
.js [data-motion="pod-crosshead-journals"].is-motion-active .pod-decor .decor-child,
.js [data-motion="pod-view-cube"].is-motion-active .pod-decor .decor-child,
.js [data-motion="pod-worm-indexer"].is-motion-active .pod-decor .decor-child,
.js [data-motion="pod-voronoi-cushion"].is-motion-active .pod-decor .decor-child,
.js [data-motion="pod-cantilever-sum"].is-motion-active .pod-decor .decor-child,
.js [data-motion="pod-datum-three-seat"].is-motion-active .pod-decor .decor-child,
.js [data-motion="pod-woodruff-key-seats"].is-motion-active .pod-decor .decor-child,
.js [data-motion^="pod-"].is-motion-active .pod-decor * {
  animation-play-state: running;
}

/* Scene 1: nine voussoirs close a structural arch around one keystone. */
.pod-brick-arch {
  background:
    linear-gradient(150deg, rgba(201,103,77,.2), transparent 56%),
    var(--pod-graphite);
}
.pod-brick-arch .pod-arch-pier {
  position: absolute;
  z-index: 4;
  bottom: 15%;
  width: 17%;
  height: 58%;
  background: repeating-linear-gradient(0deg, var(--pod-brick) 0 13px, #9d493d 13px 16px);
  border: 2px solid #ffc0a1;
  animation: pod-arch-piers-compress .7s cubic-bezier(.2,.67,.28,1.14) .08s both paused;
}
.pod-brick-arch .pier-a { left: 8%; transform-origin: left bottom; }
.pod-brick-arch .pier-b { right: 8%; transform-origin: right bottom; }
.pod-brick-arch .pod-arch-footing {
  position: absolute;
  z-index: 6;
  bottom: 7%;
  width: 25%;
  height: 13%;
  background: var(--pod-zinc);
  border: 2px solid var(--pod-white);
  animation: pod-arch-footings-seat .58s cubic-bezier(.2,.67,.28,1.16) .66s both paused;
}
.pod-brick-arch .footing-a { left: 4%; }
.pod-brick-arch .footing-b { right: 4%; }
.pod-brick-arch .pod-arch-voussoir {
  position: absolute;
  z-index: 8;
  width: 14%;
  height: 24%;
  background: linear-gradient(145deg, var(--pod-brick), var(--pod-copper));
  border: 2px solid #ffd0b8;
  clip-path: polygon(14% 0,86% 0,100% 100%,0 100%);
  transform-origin: center bottom;
}
.pod-brick-arch .wedge-a { left: 20%; bottom: 38%; rotate: -61deg; animation: pod-arch-wedge-a-radial .62s cubic-bezier(.2,.67,.28,1.15) .18s both paused; }
.pod-brick-arch .wedge-b { left: 24%; top: 25%; rotate: -43deg; animation: pod-arch-wedge-b-radial .68s cubic-bezier(.2,.67,.28,1.15) .26s both paused; }
.pod-brick-arch .wedge-c { left: 31%; top: 13%; rotate: -27deg; animation: pod-arch-wedge-c-radial .74s cubic-bezier(.2,.67,.28,1.15) .34s both paused; }
.pod-brick-arch .wedge-d { left: 39%; top: 7%; rotate: -12deg; animation: pod-arch-wedge-d-crown .8s cubic-bezier(.2,.64,.27,1.12) .42s both paused; }
.pod-brick-arch .wedge-e { left: 47%; top: 5%; rotate: 0deg; animation: pod-arch-wedge-e-crown .86s cubic-bezier(.2,.64,.27,1.12) .5s both paused; }
.pod-brick-arch .wedge-f { right: 39%; top: 7%; rotate: 12deg; animation: pod-arch-wedge-f-crown .92s cubic-bezier(.2,.64,.27,1.12) .58s both paused; }
.pod-brick-arch .wedge-g { right: 31%; top: 13%; rotate: 27deg; animation: pod-arch-wedge-g-radial .78s cubic-bezier(.2,.67,.28,1.15) .38s both paused; }
.pod-brick-arch .wedge-h { right: 24%; top: 25%; rotate: 43deg; animation: pod-arch-wedge-h-radial .72s cubic-bezier(.2,.67,.28,1.15) .3s both paused; }
.pod-brick-arch .wedge-i { right: 20%; bottom: 38%; rotate: 61deg; animation: pod-arch-wedge-i-radial .66s cubic-bezier(.2,.67,.28,1.15) .22s both paused; }
.pod-brick-arch .pod-arch-keystone {
  position: absolute;
  z-index: 12;
  top: 7%;
  left: 44%;
  width: 12%;
  height: 29%;
  background: var(--pod-teal);
  border: 2px solid #8de0d3;
  clip-path: polygon(15% 0,85% 0,100% 100%,0 100%);
  animation: pod-arch-keystone-drop .86s cubic-bezier(.2,.67,.28,1.15) .78s both paused;
}

@keyframes pod-arch-piers-compress {
  0% { scale: 1.18 .72; opacity: .18; filter: brightness(.52); }
  70% { scale: .94 1.1; opacity: 1; filter: brightness(1.18); }
  100% { scale: 1; opacity: 1; filter: none; }
}
@keyframes pod-arch-footings-seat {
  0% { translate: 0 8px; scale: .54 1.24; opacity: .12; }
  72% { translate: 0 -2px; scale: 1.14 .88; opacity: 1; }
  100% { translate: none; scale: 1; opacity: 1; }
}
@keyframes pod-arch-wedge-a-radial {
  0% { translate: -14px 13px; rotate: -78deg; scale: .72 .5; opacity: .1; }
  71% { translate: 2px -2px; rotate: -57deg; scale: 1.08 1.12; opacity: 1; }
  100% { translate: none; rotate: -61deg; scale: 1; opacity: 1; }
}
@keyframes pod-arch-wedge-b-radial {
  0% { translate: -12px 9px; rotate: -61deg; scale: .46 .82; filter: saturate(.36); }
  68% { translate: 3px -2px; rotate: -39deg; scale: 1.12 .94; filter: saturate(1.2); }
  100% { translate: none; rotate: -43deg; scale: 1; filter: none; }
}
@keyframes pod-arch-wedge-c-radial {
  0% { translate: -9px 7px; rotate: -44deg; scale: .82 .34; opacity: .13; }
  74% { translate: 2px -1px; rotate: -23deg; scale: .95 1.16; opacity: 1; }
  100% { translate: none; rotate: -27deg; scale: 1; opacity: 1; }
}
@keyframes pod-arch-wedge-d-crown {
  0% { translate: -7px -5px; rotate: -22deg; transform: skewX(-18deg); opacity: .12; }
  72% { translate: 2px 1px; rotate: -9deg; transform: skewX(4deg); opacity: 1; }
  100% { translate: none; rotate: -12deg; transform: skewX(0deg); opacity: 1; }
}
@keyframes pod-arch-wedge-e-crown {
  0% { translate: 0 -9px; scale: .62 1.08; transform: skewX(21deg); filter: brightness(.48); }
  69% { translate: 0 2px; scale: 1.08 .96; transform: skewX(-5deg); filter: brightness(1.22); }
  100% { translate: none; scale: 1; transform: skewX(0deg); filter: none; }
}
@keyframes pod-arch-wedge-f-crown {
  0% { translate: 7px -6px; rotate: 23deg; transform: skewX(16deg); opacity: .14; }
  75% { translate: -2px 1px; rotate: 9deg; transform: skewX(-4deg); opacity: 1; }
  100% { translate: none; rotate: 12deg; transform: skewX(0deg); opacity: 1; }
}
@keyframes pod-arch-wedge-g-radial {
  0% { translate: 10px 7px; rotate: 46deg; scale: .38 .76; filter: contrast(.46); }
  70% { translate: -2px -1px; rotate: 23deg; scale: 1.14 1.05; filter: contrast(1.2); }
  100% { translate: none; rotate: 27deg; scale: 1; filter: none; }
}
@keyframes pod-arch-wedge-h-radial {
  0% { translate: 13px 10px; rotate: 63deg; scale: .86 .3; opacity: .11; filter: saturate(.44); }
  73% { translate: -3px -2px; rotate: 39deg; scale: .93 1.18; opacity: 1; filter: saturate(1.18); }
  100% { translate: none; rotate: 43deg; scale: 1; opacity: 1; filter: none; }
}
@keyframes pod-arch-wedge-i-radial {
  0% { translate: 15px 14px; rotate: 81deg; scale: .52 .7; opacity: .09; }
  67% { translate: -3px -2px; rotate: 56deg; scale: 1.16 .91; opacity: 1; }
  100% { translate: none; rotate: 61deg; scale: 1; opacity: 1; }
}
@keyframes pod-arch-keystone-drop {
  0% { translate: 0 -18px; scale: .68 1.16; opacity: .1; filter: brightness(.5); }
  72% { translate: 0 3px; scale: 1.13 .91; opacity: 1; filter: brightness(1.2); }
  100% { translate: none; scale: 1; opacity: 1; filter: none; }
}

/* Scene 2: three dry pipe runs meet through four seated elbows. */
.pod-pipe-manifold {
  background:
    linear-gradient(125deg, rgba(22,133,120,.17), transparent 58%),
    var(--pod-graphite);
}
.pod-pipe-manifold .pod-manifold-run {
  position: absolute;
  z-index: 6;
  background: linear-gradient(0deg, #718082, var(--pod-zinc), #708082);
  border: 2px solid var(--pod-white);
}
.pod-pipe-manifold .run-a {
  top: 24%; left: 9%; width: 45%; height: 9%;
  transform-origin: left center;
  animation: pod-manifold-run-a-grow .72s cubic-bezier(.2,.64,.27,1.1) .08s both paused;
}
.pod-pipe-manifold .run-b {
  top: 26%; left: 47%; width: 8%; height: 49%;
  transform-origin: center top;
  animation: pod-manifold-run-b-grow .84s cubic-bezier(.2,.64,.27,1.1) .2s both paused;
}
.pod-pipe-manifold .run-c {
  right: 9%; bottom: 24%; width: 44%; height: 9%;
  transform-origin: right center;
  animation: pod-manifold-run-c-grow .96s cubic-bezier(.2,.64,.27,1.1) .32s both paused;
}
.pod-pipe-manifold .pod-manifold-elbow {
  position: absolute;
  z-index: 9;
  width: 15%;
  aspect-ratio: 1;
  border: 7px solid var(--pod-blue);
  border-radius: 50%;
  clip-path: inset(0 0 50% 50%);
  transform-origin: center;
}
.pod-pipe-manifold .elbow-a { top: 16%; left: 4%; rotate: 90deg; animation: pod-manifold-elbow-a-quarter .56s cubic-bezier(.2,.67,.28,1.16) .36s both paused; }
.pod-pipe-manifold .elbow-b { top: 19%; left: 44%; rotate: 180deg; animation: pod-manifold-elbow-b-quarter .62s cubic-bezier(.2,.67,.28,1.16) .46s both paused; }
.pod-pipe-manifold .elbow-c { right: 42%; bottom: 17%; rotate: 0deg; animation: pod-manifold-elbow-c-quarter .68s cubic-bezier(.2,.67,.28,1.16) .56s both paused; }
.pod-pipe-manifold .elbow-d { right: 4%; bottom: 16%; rotate: -90deg; animation: pod-manifold-elbow-d-quarter .74s cubic-bezier(.2,.67,.28,1.16) .66s both paused; }
.pod-pipe-manifold .pod-manifold-reservoir {
  position: absolute;
  z-index: 4;
  width: 21%;
  height: 31%;
  background: var(--pod-brick);
  border: 3px solid #ffc0a1;
}
.pod-pipe-manifold .reservoir-a { top: 8%; right: 10%; border-radius: 42% 58% 24% 36%; animation: pod-manifold-reservoir-a-flex .78s cubic-bezier(.2,.67,.28,1.12) .22s both paused; }
.pod-pipe-manifold .reservoir-b { bottom: 13%; left: 12%; border-radius: 22% 46% 58% 31%; animation: pod-manifold-reservoir-b-flex .86s cubic-bezier(.2,.67,.28,1.12) .34s both paused; }
.pod-pipe-manifold .reservoir-c { right: 11%; bottom: 10%; border-radius: 57% 19% 38% 49%; animation: pod-manifold-reservoir-c-flex .94s cubic-bezier(.2,.67,.28,1.12) .46s both paused; }
.pod-pipe-manifold .pod-manifold-collector {
  position: absolute;
  z-index: 12;
  right: 8%;
  bottom: 8%;
  left: 8%;
  height: 11%;
  translate: 0 -5px;
  background: var(--pod-teal);
  border: 2px solid #8de0d3;
  clip-path: polygon(0 0,100% 0,96% 100%,4% 100%);
  animation: pod-manifold-collector-set .68s cubic-bezier(.2,.67,.28,1.14) .9s both paused;
}

@keyframes pod-manifold-run-a-grow {
  0% { scale: .08 1.32; opacity: .12; filter: brightness(.48); }
  70% { scale: 1.07 .88; opacity: 1; filter: brightness(1.16); }
  100% { scale: 1; opacity: 1; filter: none; }
}
@keyframes pod-manifold-run-b-grow {
  0% { scale: 1.26 .06; opacity: .16; filter: saturate(.32); }
  73% { scale: .9 1.1; opacity: 1; filter: saturate(1.22); }
  100% { scale: 1; opacity: 1; filter: none; }
}
@keyframes pod-manifold-run-c-grow {
  0% { scale: .12 .68; translate: 8px 0; opacity: .1; }
  68% { scale: 1.12 1.14; translate: -2px 0; opacity: 1; }
  100% { scale: 1; translate: none; opacity: 1; }
}
@keyframes pod-manifold-elbow-a-quarter {
  0% { rotate: 4deg; scale: .5 .82; opacity: .12; }
  72% { rotate: 98deg; scale: 1.12 .92; opacity: 1; }
  100% { rotate: 90deg; scale: 1; opacity: 1; }
}
@keyframes pod-manifold-elbow-b-quarter {
  0% { rotate: 88deg; scale: .84 .36; filter: brightness(.45); }
  69% { rotate: 170deg; scale: .9 1.15; filter: brightness(1.2); }
  100% { rotate: 180deg; scale: 1; filter: none; }
}
@keyframes pod-manifold-elbow-c-quarter {
  0% { rotate: -83deg; translate: 4px -3px; opacity: .14; }
  75% { rotate: 7deg; translate: -1px 1px; opacity: 1; }
  100% { rotate: 0deg; translate: none; opacity: 1; }
}
@keyframes pod-manifold-elbow-d-quarter {
  0% { rotate: -177deg; scale: .42 1.16; filter: saturate(.38); }
  71% { rotate: -82deg; scale: 1.13 .87; filter: saturate(1.24); }
  100% { rotate: -90deg; scale: 1; filter: none; }
}
@keyframes pod-manifold-reservoir-a-flex {
  0% { scale: .76 1.2; border-radius: 12% 78% 10% 64%; border-width: 6px; opacity: .14; }
  72% { scale: 1.08 .92; border-radius: 48% 52% 28% 32%; border-width: 2px; opacity: 1; }
  100% { scale: 1; border-radius: 42% 58% 24% 36%; border-width: 3px; opacity: 1; }
}
@keyframes pod-manifold-reservoir-b-flex {
  0% { scale: 1.18 .63; border-radius: 72% 12% 34% 70%; border-width: 1px; filter: brightness(.52); }
  68% { scale: .91 1.13; border-radius: 18% 51% 62% 27%; border-width: 5px; filter: brightness(1.18); }
  100% { scale: 1; border-radius: 22% 46% 58% 31%; border-width: 3px; filter: none; }
}
@keyframes pod-manifold-reservoir-c-flex {
  0% { scale: .54 .84; border-radius: 18% 62% 14% 73%; border-width: 7px; opacity: .12; filter: saturate(.4); }
  75% { scale: 1.13 1.07; border-radius: 61% 16% 42% 44%; border-width: 2px; opacity: 1; filter: saturate(1.2); }
  100% { scale: 1; border-radius: 57% 19% 38% 49%; border-width: 3px; opacity: 1; filter: none; }
}
@keyframes pod-manifold-collector-set {
  0% { translate: 0 4px; scale: .66 1.18; opacity: .12; }
  70% { translate: 0 -7px; scale: 1.08 .9; opacity: 1; }
  100% { translate: 0 -5px; scale: 1; opacity: 1; }
}

/* Scene 3: tangent shoes resolve three fixed quarter-radius solids. */
.pod-yard-radius-chords {
  background:
    linear-gradient(140deg, rgba(44,103,216,.18), transparent 57%),
    var(--pod-graphite);
}
.pod-yard-radius-chords .pod-radius-arc {
  position: absolute;
  z-index: 4;
  border: 7px solid var(--pod-zinc);
  border-radius: 50%;
}
.pod-yard-radius-chords .arc-a { top: 7%; left: 7%; width: 55%; height: 72%; clip-path: inset(0 49% 48% 0); }
.pod-yard-radius-chords .arc-b { right: 7%; bottom: 7%; width: 49%; height: 64%; clip-path: inset(48% 0 0 49%); border-color: var(--pod-blue); }
.pod-yard-radius-chords .arc-c { top: 24%; left: 30%; width: 43%; height: 55%; clip-path: inset(0 0 48% 49%); border-color: var(--pod-brick); }
.pod-yard-radius-chords .pod-chord-shoe {
  position: absolute;
  z-index: 8;
  height: 10%;
  background: var(--pod-copper);
  border: 2px solid #ffd0b8;
  transform-origin: center;
}
.pod-yard-radius-chords .shoe-a {
  top: 20%; left: 11%; width: 44%;
  transform: skewX(-13deg);
  animation: pod-radius-shoe-a-normal .78s cubic-bezier(.2,.64,.27,1.1) .12s both paused;
}
.pod-yard-radius-chords .shoe-b {
  right: 11%; bottom: 19%; width: 39%;
  transform: skewX(17deg);
  animation: pod-radius-shoe-b-normal .88s cubic-bezier(.2,.64,.27,1.1) .24s both paused;
}
.pod-yard-radius-chords .shoe-c {
  top: 47%; left: 33%; width: 36%;
  transform: skewY(-8deg);
  animation: pod-radius-shoe-c-normal .98s cubic-bezier(.2,.64,.27,1.1) .36s both paused;
}
.pod-yard-radius-chords .pod-chord-stop {
  position: absolute;
  z-index: 10;
  width: 10%;
  aspect-ratio: 1.3;
  background: var(--pod-teal);
  border: 2px solid #8de0d3;
}
.pod-yard-radius-chords .stop-a { top: 15%; left: 7%; animation: pod-radius-stop-a-seat .5s cubic-bezier(.2,.67,.28,1.16) .68s both paused; }
.pod-yard-radius-chords .stop-b { right: 7%; bottom: 14%; animation: pod-radius-stop-b-seat .58s cubic-bezier(.2,.67,.28,1.16) .8s both paused; }
.pod-yard-radius-chords .stop-c { top: 43%; right: 26%; animation: pod-radius-stop-c-seat .66s cubic-bezier(.2,.67,.28,1.16) .92s both paused; }
.pod-yard-radius-chords .pod-radius-clearance-window {
  position: absolute;
  z-index: 6;
  right: 28%;
  bottom: 9%;
  width: 31%;
  height: 24%;
  background: rgba(22,133,120,.42);
  border: 3px solid var(--pod-white);
  clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
  animation: pod-radius-window-resolve .84s steps(7,end) .7s both paused;
}

@keyframes pod-radius-shoe-a-normal {
  0% { translate: -18px 13px; transform: skewX(-28deg); scale: .68 1.2; opacity: .12; }
  72% { translate: 3px -2px; transform: skewX(-9deg); scale: 1.09 .9; opacity: 1; }
  100% { translate: none; transform: skewX(-13deg); scale: 1; opacity: 1; }
}
@keyframes pod-radius-shoe-b-normal {
  0% { translate: 14px -17px; transform: skewX(34deg); scale: .82 .46; filter: brightness(.5); }
  68% { translate: -3px 3px; transform: skewX(13deg); scale: .93 1.15; filter: brightness(1.2); }
  100% { translate: none; transform: skewX(17deg); scale: 1; filter: none; }
}
@keyframes pod-radius-shoe-c-normal {
  0% { translate: 16px 15px; transform: skewY(19deg); scale: .4 .88; opacity: .14; filter: saturate(.34); }
  75% { translate: -3px -3px; transform: skewY(-11deg); scale: 1.13 1.04; opacity: 1; filter: saturate(1.22); }
  100% { translate: none; transform: skewY(-8deg); scale: 1; opacity: 1; filter: none; }
}
@keyframes pod-radius-stop-a-seat {
  0% { translate: -6px -5px; scale: .2 1.34; opacity: .1; }
  69% { translate: 2px 1px; scale: 1.14 .87; opacity: 1; }
  100% { translate: none; scale: 1; opacity: 1; }
}
@keyframes pod-radius-stop-b-seat {
  0% { translate: 7px 6px; scale: 1.3 .16; filter: contrast(.45); }
  73% { translate: -2px -2px; scale: .86 1.17; filter: contrast(1.2); }
  100% { translate: none; scale: 1; filter: none; }
}
@keyframes pod-radius-stop-c-seat {
  0% { translate: 5px -8px; scale: .46 .28; opacity: .14; filter: brightness(.54); }
  71% { translate: -1px 2px; scale: 1.12 1.09; opacity: 1; filter: brightness(1.18); }
  100% { translate: none; scale: 1; opacity: 1; filter: none; }
}
@keyframes pod-radius-window-resolve {
  0% { clip-path: inset(47% 45%); opacity: .12; filter: brightness(.42); }
  100% { clip-path: inset(0); opacity: 1; filter: none; }
}

/* Scene 4: four rectangular journals close onto a fixed crosshead. */
.pod-crosshead-journals {
  background:
    linear-gradient(135deg, rgba(201,103,77,.17), transparent 58%),
    var(--pod-graphite);
}
.pod-crosshead-journals .pod-crosshead-core {
  position: absolute;
  z-index: 5;
  inset: 19% 31%;
  background: var(--pod-blue);
  border: 3px solid #a8baff;
  clip-path: polygon(36% 0,64% 0,64% 36%,100% 36%,100% 64%,64% 64%,64% 100%,36% 100%,36% 64%,0 64%,0 36%,36% 36%);
}
.pod-crosshead-journals .pod-journal-sleeve {
  position: absolute;
  z-index: 8;
  background: var(--pod-zinc);
  border: 2px solid var(--pod-white);
}
.pod-crosshead-journals .sleeve-a {
  top: 7%; left: 42%; width: 16%; height: 31%;
  clip-path: polygon(0 0,100% 0,100% 100%,68% 100%,68% 62%,32% 62%,32% 100%,0 100%);
  animation: pod-journal-sleeve-a-close .72s cubic-bezier(.2,.67,.28,1.12) .1s both paused;
}
.pod-crosshead-journals .sleeve-b {
  top: 41%; right: 7%; width: 34%; height: 18%;
  clip-path: polygon(0 0,38% 0,38% 29%,100% 29%,100% 71%,38% 71%,38% 100%,0 100%);
  animation: pod-journal-sleeve-b-close .82s cubic-bezier(.2,.67,.28,1.12) .22s both paused;
}
.pod-crosshead-journals .sleeve-c {
  bottom: 7%; left: 42%; width: 16%; height: 31%;
  clip-path: polygon(0 0,32% 0,32% 38%,68% 38%,68% 0,100% 0,100% 100%,0 100%);
  animation: pod-journal-sleeve-c-close .92s cubic-bezier(.2,.67,.28,1.12) .34s both paused;
}
.pod-crosshead-journals .sleeve-d {
  top: 41%; left: 7%; width: 34%; height: 18%;
  clip-path: polygon(0 29%,62% 29%,62% 0,100% 0,100% 100%,62% 100%,62% 71%,0 71%);
  animation: pod-journal-sleeve-d-close 1.02s cubic-bezier(.2,.67,.28,1.12) .46s both paused;
}
.pod-crosshead-journals .pod-journal-saddle {
  position: absolute;
  z-index: 10;
  width: 13%;
  aspect-ratio: 1;
  background: var(--pod-brick);
  border: 2px solid #ffc0a1;
}
.pod-crosshead-journals .saddle-a { top: 6%; left: 43.5%; animation: pod-journal-saddle-a-set .48s cubic-bezier(.2,.67,.28,1.16) .66s both paused; }
.pod-crosshead-journals .saddle-b { top: 43.5%; right: 6%; animation: pod-journal-saddle-b-set .54s cubic-bezier(.2,.67,.28,1.16) .76s both paused; }
.pod-crosshead-journals .saddle-c { bottom: 6%; left: 43.5%; animation: pod-journal-saddle-c-set .6s cubic-bezier(.2,.67,.28,1.16) .86s both paused; }
.pod-crosshead-journals .saddle-d { top: 43.5%; left: 6%; animation: pod-journal-saddle-d-set .66s cubic-bezier(.2,.67,.28,1.16) .96s both paused; }
.pod-crosshead-journals .pod-crosshead-window {
  position: absolute;
  z-index: 12;
  inset: 39% 39%;
  background: var(--pod-teal);
  border: 2px solid #8de0d3;
  clip-path: inset(0);
  animation: pod-crosshead-window-open .72s steps(6,end) .84s both paused;
}

@keyframes pod-journal-sleeve-a-close {
  0% { translate: 0 -13px; scale: 1.2 .62; clip-path: inset(0 39%); opacity: .12; }
  71% { translate: 0 3px; scale: .91 1.11; clip-path: polygon(0 0,100% 0,100% 100%,68% 100%,68% 62%,32% 62%,32% 100%,0 100%); opacity: 1; }
  100% { translate: none; scale: 1; clip-path: polygon(0 0,100% 0,100% 100%,68% 100%,68% 62%,32% 62%,32% 100%,0 100%); opacity: 1; }
}
@keyframes pod-journal-sleeve-b-close {
  0% { translate: 16px 0; scale: .58 1.18; clip-path: inset(37% 0); filter: brightness(.48); }
  68% { translate: -3px 0; scale: 1.12 .9; clip-path: polygon(0 0,38% 0,38% 29%,100% 29%,100% 71%,38% 71%,38% 100%,0 100%); filter: brightness(1.2); }
  100% { translate: none; scale: 1; clip-path: polygon(0 0,38% 0,38% 29%,100% 29%,100% 71%,38% 71%,38% 100%,0 100%); filter: none; }
}
@keyframes pod-journal-sleeve-c-close {
  0% { translate: 0 15px; scale: .76 .45; clip-path: polygon(0 0,50% 0,50% 0,100% 0,100% 100%,0 100%); opacity: .14; }
  74% { translate: 0 -3px; scale: 1.09 1.14; clip-path: polygon(0 0,32% 0,32% 38%,68% 38%,68% 0,100% 0,100% 100%,0 100%); opacity: 1; }
  100% { translate: none; scale: 1; clip-path: polygon(0 0,32% 0,32% 38%,68% 38%,68% 0,100% 0,100% 100%,0 100%); opacity: 1; }
}
@keyframes pod-journal-sleeve-d-close {
  0% { translate: -17px 0; scale: .4 .84; clip-path: inset(42% 0); opacity: .1; filter: saturate(.35); }
  72% { translate: 4px 0; scale: 1.15 1.06; clip-path: polygon(0 29%,62% 29%,62% 0,100% 0,100% 100%,62% 100%,62% 71%,0 71%); opacity: 1; filter: saturate(1.2); }
  100% { translate: none; scale: 1; clip-path: polygon(0 29%,62% 29%,62% 0,100% 0,100% 100%,62% 100%,62% 71%,0 71%); opacity: 1; filter: none; }
}
@keyframes pod-journal-saddle-a-set {
  0% { scale: .16 1.38; translate: 0 -5px; opacity: .1; }
  70% { scale: 1.16 .84; translate: 0 1px; opacity: 1; }
  100% { scale: 1; translate: none; opacity: 1; }
}
@keyframes pod-journal-saddle-b-set {
  0% { scale: 1.34 .12; translate: 6px 0; filter: contrast(.45); }
  73% { scale: .86 1.15; translate: -1px 0; filter: contrast(1.2); }
  100% { scale: 1; translate: none; filter: none; }
}
@keyframes pod-journal-saddle-c-set {
  0% { scale: .42 .24; translate: 0 7px; opacity: .13; filter: brightness(.52); }
  68% { scale: 1.12 1.09; translate: 0 -2px; opacity: 1; filter: brightness(1.18); }
  100% { scale: 1; translate: none; opacity: 1; filter: none; }
}
@keyframes pod-journal-saddle-d-set {
  0% { scale: .26 1.2; translate: -6px 0; opacity: .12; filter: saturate(.4); }
  75% { scale: 1.13 .9; translate: 2px 0; opacity: 1; filter: saturate(1.19); }
  100% { scale: 1; translate: none; opacity: 1; filter: none; }
}
@keyframes pod-crosshead-window-open {
  0% { clip-path: inset(48% 46%); opacity: .08; }
  100% { clip-path: inset(0); opacity: 1; }
}

/* Scene 5: three unlike planes converge into one axonometric corner. */
.pod-view-cube {
  perspective: 650px;
  background:
    linear-gradient(145deg, rgba(44,103,216,.18), transparent 55%),
    var(--pod-graphite);
}
.pod-view-cube .pod-view-plane {
  position: absolute;
  z-index: 5;
  border: 2px solid var(--pod-white);
  transform-origin: left bottom;
}
.pod-view-cube .plane-front {
  top: 37%; left: 24%; width: 43%; height: 43%;
  background: rgba(44,103,216,.82);
  transform: skewY(8deg);
  animation: pod-view-front-build .82s cubic-bezier(.2,.64,.27,1.12) .08s both paused;
}
.pod-view-cube .plane-side {
  top: 30%; left: 67%; width: 22%; height: 43%;
  background: rgba(201,103,77,.88);
  transform: skewY(-27deg);
  animation: pod-view-side-build .94s cubic-bezier(.2,.64,.27,1.12) .2s both paused;
}
.pod-view-cube .plane-top {
  top: 14%; left: 24%; width: 65%; height: 28%;
  background: rgba(22,133,120,.82);
  clip-path: polygon(0 58%,66% 0,100% 40%,67% 100%);
  animation: pod-view-top-build 1.06s steps(8,end) .32s both paused;
}
.pod-view-cube .pod-view-tick {
  position: absolute;
  z-index: 10;
  width: 9%;
  height: 5%;
  background: var(--pod-copper);
  border: 1px solid #ffd0b8;
  animation: pod-view-corners-mark .52s cubic-bezier(.2,.67,.28,1.16) both paused;
}
.pod-view-cube .tick-a { top: 29%; left: 19%; rotate: 90deg; animation-delay: .68s; }
.pod-view-cube .tick-b { top: 11%; right: 7%; animation-delay: .78s; }
.pod-view-cube .tick-c { right: 7%; bottom: 20%; rotate: 90deg; animation-delay: .88s; }
.pod-view-cube .tick-d { bottom: 13%; left: 19%; animation-delay: .98s; }
.pod-view-cube .pod-view-slit {
  position: absolute;
  z-index: 9;
  height: 6%;
  background: var(--pod-white);
  border-left: 3px solid var(--pod-copper);
  transform-origin: left center;
}
.pod-view-cube .slit-a { top: 48%; left: 30%; width: 28%; animation: pod-view-slit-a-open .6s cubic-bezier(.2,.64,.27,1.08) .72s both paused; }
.pod-view-cube .slit-b { top: 61%; left: 33%; width: 23%; animation: pod-view-slit-b-open .68s cubic-bezier(.2,.64,.27,1.08) .82s both paused; }
.pod-view-cube .slit-c { top: 43%; right: 13%; width: 14%; transform: skewY(-27deg); animation: pod-view-slit-c-open .76s cubic-bezier(.2,.64,.27,1.08) .92s both paused; }
.pod-view-cube .pod-view-base-dot {
  position: absolute;
  z-index: 12;
  right: 8%;
  bottom: 8%;
  width: 8%;
  aspect-ratio: 1;
  background: var(--pod-teal);
  border: 2px solid #8de0d3;
  clip-path: polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);
  animation: pod-view-base-dot-set .58s cubic-bezier(.2,.67,.28,1.16) 1.04s both paused;
}

@keyframes pod-view-front-build {
  0% { scale: .08 1.18; transform: skewY(-24deg); opacity: .12; }
  72% { scale: 1.08 .92; transform: skewY(11deg); opacity: 1; }
  100% { scale: 1; transform: skewY(8deg); opacity: 1; }
}
@keyframes pod-view-side-build {
  0% { scale: 1.24 .06; transform: skewY(9deg); filter: brightness(.45); }
  68% { scale: .89 1.13; transform: skewY(-31deg); filter: brightness(1.22); }
  100% { scale: 1; transform: skewY(-27deg); filter: none; }
}
@keyframes pod-view-top-build {
  0% { clip-path: polygon(0 58%,0 58%,0 58%,0 58%); translate: 0 -8px; opacity: .1; }
  73% { clip-path: polygon(0 58%,66% 0,100% 40%,67% 100%); translate: 0 2px; opacity: 1; }
  100% { clip-path: polygon(0 58%,66% 0,100% 40%,67% 100%); translate: none; opacity: 1; }
}
@keyframes pod-view-corners-mark {
  0% { scale: .12 1.34; opacity: .1; filter: saturate(.36); }
  70% { scale: 1.15 .87; opacity: 1; filter: saturate(1.2); }
  100% { scale: 1; opacity: 1; filter: none; }
}
@keyframes pod-view-slit-a-open {
  0% { scale: .08 1.3; opacity: .14; }
  69% { scale: 1.08 .9; opacity: 1; }
  100% { scale: 1; opacity: 1; }
}
@keyframes pod-view-slit-b-open {
  0% { scale: .22 .48; translate: -6px 0; filter: contrast(.48); }
  74% { scale: 1.12 1.08; translate: 2px 0; filter: contrast(1.18); }
  100% { scale: 1; translate: none; filter: none; }
}
@keyframes pod-view-slit-c-open {
  0% { scale: .14 1.22; transform: skewY(4deg); opacity: .11; }
  71% { scale: 1.14 .88; transform: skewY(-31deg); opacity: 1; }
  100% { scale: 1; transform: skewY(-27deg); opacity: 1; }
}
@keyframes pod-view-base-dot-set {
  0% { scale: .16 1.28; rotate: -24deg; opacity: .08; }
  73% { scale: 1.18 .83; rotate: 6deg; opacity: 1; }
  100% { scale: 1; rotate: 0deg; opacity: 1; }
}

/* Scene 6: one worm indexes once and exposes three result teeth. */
.pod-worm-indexer {
  perspective: 600px;
  background:
    linear-gradient(125deg, rgba(232,146,98,.16), transparent 58%),
    var(--pod-graphite);
}
.pod-worm-indexer .pod-worm-cylinder {
  position: absolute;
  z-index: 7;
  top: 35%;
  left: 9%;
  width: 54%;
  height: 28%;
  rotate: x 54deg;
  background: repeating-linear-gradient(125deg, var(--pod-zinc) 0 7px, #647477 7px 13px);
  border: 3px solid var(--pod-white);
  border-radius: 44% / 20%;
  transform-origin: center;
  animation: pod-worm-cylinder-index .98s cubic-bezier(.2,.61,.27,1.06) .08s both paused;
}
.pod-worm-indexer .pod-worm-sector {
  position: absolute;
  z-index: 5;
  top: 20%;
  right: 9%;
  width: 37%;
  aspect-ratio: 1;
  rotate: -15deg;
  background: conic-gradient(from 195deg, var(--pod-blue) 0 48%, transparent 48% 100%);
  border: 3px solid #a8baff;
  border-radius: 50%;
  clip-path: polygon(0 0,100% 0,100% 71%,54% 54%,0 100%);
  transform-origin: center;
  animation: pod-worm-sector-answer .9s cubic-bezier(.2,.61,.27,1.06) .3s both paused;
}
.pod-worm-indexer .pod-worm-end-stop {
  position: absolute;
  z-index: 10;
  top: 30%;
  width: 8%;
  height: 40%;
  background: var(--pod-brick);
  border: 2px solid #ffc0a1;
  animation: pod-worm-end-stops-hold .54s cubic-bezier(.2,.67,.28,1.16) both paused;
}
.pod-worm-indexer .stop-a { left: 6%; animation-delay: .48s; }
.pod-worm-indexer .stop-b { right: 6%; animation-delay: .58s; }
.pod-worm-indexer .pod-worm-tooth {
  position: absolute;
  z-index: 11;
  bottom: 14%;
  width: 12%;
  height: 20%;
  background: var(--pod-copper);
  border: 2px solid #ffd0b8;
}
.pod-worm-indexer .tooth-a { left: 30%; clip-path: polygon(0 100%,20% 0,80% 0,100% 100%); animation: pod-worm-tooth-a-cut .58s steps(5,end) .72s both paused; }
.pod-worm-indexer .tooth-b { left: 45%; clip-path: polygon(0 78%,31% 0,100% 19%,77% 100%); animation: pod-worm-tooth-b-cut .66s steps(6,end) .82s both paused; }
.pod-worm-indexer .tooth-c { right: 28%; clip-path: polygon(12% 0,88% 0,100% 71%,70% 100%,0 82%); animation: pod-worm-tooth-c-cut .74s steps(7,end) .92s both paused; }
.pod-worm-indexer .pod-worm-result-seat {
  position: absolute;
  z-index: 9;
  right: 23%;
  bottom: 7%;
  left: 25%;
  height: 10%;
  background: var(--pod-teal);
  border: 2px solid #8de0d3;
  clip-path: polygon(4% 0,96% 0,100% 100%,0 100%);
  animation: pod-worm-result-seat-lock .68s cubic-bezier(.2,.67,.28,1.14) 1.02s both paused;
}

@keyframes pod-worm-cylinder-index {
  0% { rotate: x 0deg; translate: -7px 0; scale: .84 1.12; opacity: .14; }
  68% { rotate: x 61deg; translate: 2px 0; scale: 1.08 .92; opacity: 1; }
  100% { rotate: x 54deg; translate: none; scale: 1; opacity: 1; }
}
@keyframes pod-worm-sector-answer {
  0% { rotate: 0deg; scale: .72 .88; filter: brightness(.5); }
  72% { rotate: -19deg; scale: 1.1 1.04; filter: brightness(1.18); }
  100% { rotate: -15deg; scale: 1; filter: none; }
}
@keyframes pod-worm-end-stops-hold {
  0% { scale: .42 1.24; opacity: .12; filter: saturate(.35); }
  70% { scale: 1.12 .88; opacity: 1; filter: saturate(1.2); }
  100% { scale: 1; opacity: 1; filter: none; }
}
@keyframes pod-worm-tooth-a-cut {
  0% { clip-path: inset(100% 0 0); opacity: .08; }
  100% { clip-path: polygon(0 100%,20% 0,80% 0,100% 100%); opacity: 1; }
}
@keyframes pod-worm-tooth-b-cut {
  0% { clip-path: polygon(50% 100%,50% 100%,50% 100%,50% 100%); filter: brightness(.44); }
  100% { clip-path: polygon(0 78%,31% 0,100% 19%,77% 100%); filter: none; }
}
@keyframes pod-worm-tooth-c-cut {
  0% { clip-path: inset(50% 49%); opacity: .12; filter: saturate(.38); }
  100% { clip-path: polygon(12% 0,88% 0,100% 71%,70% 100%,0 82%); opacity: 1; filter: none; }
}
@keyframes pod-worm-result-seat-lock {
  0% { translate: 0 7px; scale: .46 1.2; opacity: .1; }
  73% { translate: 0 -2px; scale: 1.12 .89; opacity: 1; }
  100% { translate: none; scale: 1; opacity: 1; }
}

/* Scene 7: seven local cells yield inside one elastic boundary. */
.pod-voronoi-cushion {
  background:
    linear-gradient(135deg, rgba(22,133,120,.16), transparent 58%),
    var(--pod-graphite);
}
.pod-voronoi-cushion .pod-voronoi-shell {
  position: absolute;
  z-index: 3;
  inset: 10% 9%;
  background: rgba(185,197,197,.18);
  border: 3px solid var(--pod-white);
  clip-path: polygon(5% 0,93% 3%,100% 31%,96% 88%,76% 100%,9% 96%,0 72%,2% 20%);
  animation: pod-voronoi-shell-set .94s cubic-bezier(.2,.6,.27,1.08) .08s both paused;
}
.pod-voronoi-cushion .pod-voronoi-cell {
  position: absolute;
  z-index: 6;
  background: var(--pod-blue);
  border: 2px solid rgba(243,246,241,.8);
  transform-origin: center;
}
.pod-voronoi-cushion .cell-a { top: 17%; left: 13%; width: 29%; height: 34%; clip-path: polygon(0 12%,78% 0,100% 54%,74% 100%,8% 88%); animation: pod-voronoi-cell-a-yield .72s cubic-bezier(.2,.64,.27,1.1) .2s both paused; }
.pod-voronoi-cushion .cell-b { top: 14%; left: 39%; width: 28%; height: 38%; background: var(--pod-brick); clip-path: polygon(18% 0,92% 14%,100% 72%,58% 100%,0 64%,4% 18%); animation: pod-voronoi-cell-b-yield .8s cubic-bezier(.2,.64,.27,1.1) .28s both paused; }
.pod-voronoi-cushion .cell-c { top: 18%; right: 12%; width: 26%; height: 35%; background: var(--pod-teal); clip-path: polygon(0 23%,61% 0,100% 18%,92% 82%,35% 100%,4% 72%); animation: pod-voronoi-cell-c-yield .88s cubic-bezier(.2,.64,.27,1.1) .36s both paused; }
.pod-voronoi-cushion .cell-d { top: 43%; left: 22%; width: 31%; height: 39%; background: var(--pod-copper); clip-path: polygon(7% 0,71% 8%,100% 47%,73% 100%,13% 91%,0 42%); animation: pod-voronoi-cell-d-yield .96s cubic-bezier(.2,.64,.27,1.1) .44s both paused; }
.pod-voronoi-cushion .cell-e { top: 44%; right: 20%; width: 32%; height: 38%; background: #66777a; clip-path: polygon(29% 0,91% 11%,100% 61%,67% 100%,0 82%,4% 28%); animation: pod-voronoi-cell-e-yield 1.04s cubic-bezier(.2,.64,.27,1.1) .52s both paused; }
.pod-voronoi-cushion .cell-f { bottom: 12%; left: 11%; width: 30%; height: 29%; background: #4e8790; clip-path: polygon(0 18%,54% 0,100% 26%,83% 100%,11% 91%); animation: pod-voronoi-cell-f-yield .84s cubic-bezier(.2,.64,.27,1.1) .6s both paused; }
.pod-voronoi-cushion .cell-g { right: 10%; bottom: 10%; width: 31%; height: 31%; background: #9a5d4f; clip-path: polygon(14% 0,86% 8%,100% 68%,72% 100%,0 83%,3% 29%); animation: pod-voronoi-cell-g-yield .92s cubic-bezier(.2,.64,.27,1.1) .68s both paused; }
.pod-voronoi-cushion .pod-voronoi-pressure {
  position: absolute;
  z-index: 10;
  top: 25%;
  width: 9%;
  height: 51%;
  background: var(--pod-zinc);
  border: 2px solid var(--pod-white);
}
.pod-voronoi-cushion .pressure-a { left: 5%; translate: 7px 0; animation: pod-voronoi-pressure-a-in .78s cubic-bezier(.2,.67,.28,1.12) .16s both paused; }
.pod-voronoi-cushion .pressure-b { right: 5%; translate: -11px 0; animation: pod-voronoi-pressure-b-in .9s cubic-bezier(.2,.67,.28,1.12) .28s both paused; }
.pod-voronoi-cushion .pod-voronoi-datum {
  position: absolute;
  z-index: 12;
  width: 7%;
  aspect-ratio: 1;
  background: var(--pod-white);
  border: 2px solid var(--pod-brick);
  rotate: 45deg;
  animation: pod-voronoi-datums-confirm .5s cubic-bezier(.2,.67,.28,1.16) both paused;
}
.pod-voronoi-cushion .datum-a { top: 8%; left: 9%; animation-delay: .76s; }
.pod-voronoi-cushion .datum-b { top: 8%; right: 9%; animation-delay: .84s; }
.pod-voronoi-cushion .datum-c { bottom: 7%; left: 9%; animation-delay: .92s; }
.pod-voronoi-cushion .datum-d { right: 9%; bottom: 7%; animation-delay: 1s; }

@keyframes pod-voronoi-shell-set {
  0% { scale: 1.12 .76; clip-path: polygon(12% 0,86% 7%,100% 42%,89% 86%,71% 100%,16% 90%,0 61%,8% 25%); opacity: .18; }
  68% { scale: .96 1.08; clip-path: polygon(4% 0,94% 3%,100% 29%,97% 89%,78% 100%,8% 97%,0 74%,2% 18%); opacity: 1; }
  100% { scale: 1; clip-path: polygon(5% 0,93% 3%,100% 31%,96% 88%,76% 100%,9% 96%,0 72%,2% 20%); opacity: 1; }
}
@keyframes pod-voronoi-pressure-a-in {
  0% { translate: -5px 0; scale: .74 1.16; opacity: .12; }
  72% { translate: 9px 0; scale: 1.08 .92; opacity: 1; }
  100% { translate: 7px 0; scale: 1; opacity: 1; }
}
@keyframes pod-voronoi-pressure-b-in {
  0% { translate: 5px 0; scale: 1.18 .68; filter: brightness(.48); }
  69% { translate: -14px 0; scale: .9 1.12; filter: brightness(1.18); }
  100% { translate: -11px 0; scale: 1; filter: none; }
}
@keyframes pod-voronoi-cell-a-yield {
  0% { clip-path: polygon(0 4%,91% 0,100% 39%,64% 100%,12% 80%); scale: 1.12 .78; opacity: .14; }
  100% { clip-path: polygon(0 12%,78% 0,100% 54%,74% 100%,8% 88%); scale: 1; opacity: 1; }
}
@keyframes pod-voronoi-cell-b-yield {
  0% { clip-path: polygon(5% 0,100% 8%,88% 84%,42% 100%,0 49%,13% 21%); scale: .82 1.17; filter: saturate(.38); }
  100% { clip-path: polygon(18% 0,92% 14%,100% 72%,58% 100%,0 64%,4% 18%); scale: 1; filter: none; }
}
@keyframes pod-voronoi-cell-c-yield {
  0% { clip-path: polygon(0 12%,76% 0,100% 37%,81% 100%,22% 90%,9% 61%); translate: 5px -4px; opacity: .12; }
  100% { clip-path: polygon(0 23%,61% 0,100% 18%,92% 82%,35% 100%,4% 72%); translate: none; opacity: 1; }
}
@keyframes pod-voronoi-cell-d-yield {
  0% { clip-path: polygon(0 0,84% 15%,100% 31%,58% 100%,7% 82%,12% 28%); scale: 1.16 .7; filter: brightness(.52); }
  100% { clip-path: polygon(7% 0,71% 8%,100% 47%,73% 100%,13% 91%,0 42%); scale: 1; filter: none; }
}
@keyframes pod-voronoi-cell-e-yield {
  0% { clip-path: polygon(18% 0,100% 3%,89% 82%,71% 100%,0 66%,16% 17%); scale: .75 1.13; opacity: .13; filter: contrast(.48); }
  100% { clip-path: polygon(29% 0,91% 11%,100% 61%,67% 100%,0 82%,4% 28%); scale: 1; opacity: 1; filter: none; }
}
@keyframes pod-voronoi-cell-f-yield {
  0% { clip-path: polygon(0 7%,68% 0,100% 43%,66% 100%,16% 78%); translate: -6px 4px; scale: .88 1.1; opacity: .11; }
  100% { clip-path: polygon(0 18%,54% 0,100% 26%,83% 100%,11% 91%); translate: none; scale: 1; opacity: 1; }
}
@keyframes pod-voronoi-cell-g-yield {
  0% { clip-path: polygon(4% 0,100% 18%,92% 81%,54% 100%,0 67%,17% 34%); translate: 6px 5px; scale: 1.1 .8; filter: saturate(.42); }
  100% { clip-path: polygon(14% 0,86% 8%,100% 68%,72% 100%,0 83%,3% 29%); translate: none; scale: 1; filter: none; }
}
@keyframes pod-voronoi-datums-confirm {
  0% { scale: .14 1.34; rotate: 12deg; opacity: .1; }
  72% { scale: 1.16 .85; rotate: 51deg; opacity: 1; }
  100% { scale: 1; rotate: 45deg; opacity: 1; }
}

/* Scene 8: four cantilevers retain four unlike static deflections. */
.pod-cantilever-sum {
  background:
    linear-gradient(145deg, rgba(201,103,77,.17), transparent 58%),
    var(--pod-graphite);
}
.pod-cantilever-sum .pod-cantilever-beam {
  position: absolute;
  z-index: 7;
  height: 9%;
  background: var(--pod-blue);
  border: 2px solid #a8baff;
}
.pod-cantilever-sum .beam-a {
  top: 17%; left: 8%; width: 47%;
  transform: skewY(5deg) scaleX(.92);
  transform-origin: left center;
  animation: pod-cantilever-beam-a-deflect .74s cubic-bezier(.2,.61,.27,1.08) .08s both paused;
}
.pod-cantilever-sum .beam-b {
  top: 36%; right: 8%; width: 56%;
  transform: skewY(-8deg) scaleX(.86);
  transform-origin: right center;
  animation: pod-cantilever-beam-b-deflect .84s cubic-bezier(.2,.61,.27,1.08) .2s both paused;
}
.pod-cantilever-sum .beam-c {
  top: 55%; left: 8%; width: 61%;
  transform: skewY(11deg) scaleX(.79);
  transform-origin: left center;
  animation: pod-cantilever-beam-c-deflect .94s cubic-bezier(.2,.61,.27,1.08) .32s both paused;
}
.pod-cantilever-sum .beam-d {
  top: 74%; right: 8%; width: 42%;
  transform: skewY(-6deg) scaleX(.88);
  transform-origin: right center;
  animation: pod-cantilever-beam-d-deflect 1.04s cubic-bezier(.2,.61,.27,1.08) .44s both paused;
}
.pod-cantilever-sum .pod-cantilever-load {
  position: absolute;
  z-index: 10;
  width: 12%;
  height: 17%;
  background: var(--pod-copper);
  border: 2px solid #ffd0b8;
  clip-path: polygon(18% 0,82% 0,100% 72%,72% 100%,28% 100%,0 72%);
}
.pod-cantilever-sum .load-a { top: 12%; left: 51%; }
.pod-cantilever-sum .load-b { top: 31%; right: 58%; }
.pod-cantilever-sum .load-c { top: 50%; left: 55%; }
.pod-cantilever-sum .load-d { top: 69%; right: 46%; }
.pod-cantilever-sum .pod-cantilever-result {
  position: absolute;
  z-index: 8;
  right: 15%;
  width: 14%;
  background: var(--pod-teal);
  border: 2px solid #8de0d3;
}
.pod-cantilever-sum .result-lower { bottom: 13%; height: 34%; transform-origin: center bottom; animation: pod-cantilever-result-lower-rise .78s cubic-bezier(.2,.67,.28,1.12) .78s both paused; }
.pod-cantilever-sum .result-upper { top: 14%; height: 38%; transform-origin: center top; animation: pod-cantilever-result-upper-drop .9s cubic-bezier(.2,.67,.28,1.12) .9s both paused; }
.pod-cantilever-sum .pod-cantilever-guide {
  position: absolute;
  z-index: 5;
  bottom: 7%;
  width: 31%;
  height: 7%;
  background: var(--pod-zinc);
  border: 1px solid var(--pod-white);
  animation: pod-cantilever-guides-separate .62s cubic-bezier(.2,.67,.28,1.14) 1s both paused;
}
.pod-cantilever-sum .guide-a { --pod-guide-end: -5px; left: 9%; translate: -5px 0; }
.pod-cantilever-sum .guide-b { --pod-guide-end: 5px; right: 9%; translate: 5px 0; }

@keyframes pod-cantilever-beam-a-deflect {
  0% { transform: skewY(-11deg) scaleX(.24); translate: 0 -5px; opacity: .12; }
  72% { transform: skewY(7deg) scaleX(.96); translate: 0 1px; opacity: 1; }
  100% { transform: skewY(5deg) scaleX(.92); translate: none; opacity: 1; }
}
@keyframes pod-cantilever-beam-b-deflect {
  0% { transform: skewY(14deg) scaleX(.38); translate: 0 7px; filter: brightness(.48); }
  68% { transform: skewY(-11deg) scaleX(.9); translate: 0 -2px; filter: brightness(1.2); }
  100% { transform: skewY(-8deg) scaleX(.86); translate: none; filter: none; }
}
@keyframes pod-cantilever-beam-c-deflect {
  0% { transform: skewY(-17deg) scaleX(.16); translate: 0 -8px; opacity: .1; filter: saturate(.35); }
  75% { transform: skewY(14deg) scaleX(.83); translate: 0 2px; opacity: 1; filter: saturate(1.22); }
  100% { transform: skewY(11deg) scaleX(.79); translate: none; opacity: 1; filter: none; }
}
@keyframes pod-cantilever-beam-d-deflect {
  0% { transform: skewY(18deg) scaleX(.51); translate: 0 6px; opacity: .14; filter: contrast(.46); }
  70% { transform: skewY(-9deg) scaleX(.92); translate: 0 -2px; opacity: 1; filter: contrast(1.18); }
  100% { transform: skewY(-6deg) scaleX(.88); translate: none; opacity: 1; filter: none; }
}
@keyframes pod-cantilever-result-lower-rise {
  0% { scale: .64 .08; translate: 0 8px; opacity: .12; }
  71% { scale: 1.1 1.09; translate: 0 -2px; opacity: 1; }
  100% { scale: 1; translate: none; opacity: 1; }
}
@keyframes pod-cantilever-result-upper-drop {
  0% { scale: 1.18 .12; translate: 0 -9px; filter: brightness(.45); }
  74% { scale: .9 1.13; translate: 0 2px; filter: brightness(1.2); }
  100% { scale: 1; translate: none; filter: none; }
}
@keyframes pod-cantilever-guides-separate {
  0% { translate: 0 0; scale: 1.18 .7; opacity: .14; }
  70% { translate: var(--pod-guide-end, 0) 0; scale: .94 1.12; opacity: 1; }
  100% { translate: var(--pod-guide-end, 0) 0; scale: 1; opacity: 1; }
}

/* Scene 9: three unlike contact profiles settle into three fixed saddles. */
.pod-datum-three-seat {
  background:
    linear-gradient(145deg, rgba(44,103,216,.16), transparent 58%),
    var(--pod-graphite);
}
.pod-datum-three-seat .pod-datum-frame {
  position: absolute;
  z-index: 3;
  inset: 8% 6%;
  border: 2px solid var(--pod-zinc);
  clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
  animation: pod-datum-frame-resolve .82s steps(8,end) .12s both paused;
}
.pod-datum-three-seat .pod-datum-saddle {
  position: absolute;
  z-index: 5;
  bottom: 24%;
  width: 23%;
  height: 25%;
  background: #617174;
  border: 2px solid var(--pod-white);
  animation: pod-datum-saddles-hold .58s cubic-bezier(.2,.67,.28,1.14) .18s both paused;
}
.pod-datum-three-seat .saddle-a { left: 8%; clip-path: polygon(0 0,28% 0,50% 42%,72% 0,100% 0,100% 100%,0 100%); }
.pod-datum-three-seat .saddle-b { left: 38.5%; clip-path: polygon(0 0,36% 0,36% 37%,64% 37%,64% 0,100% 0,100% 100%,0 100%); }
.pod-datum-three-seat .saddle-c { right: 8%; clip-path: polygon(0 18%,18% 0,82% 0,100% 18%,100% 100%,0 100%); }
.pod-datum-three-seat .pod-datum-carriage {
  position: absolute;
  z-index: 8;
  top: 19%;
  width: 18%;
  height: 35%;
  background: var(--pod-copper);
  border: 2px solid #ffd0b8;
  transform-origin: center bottom;
}
.pod-datum-three-seat .carriage-a {
  left: 10.5%;
  transform: skewX(-5deg);
  clip-path: polygon(12% 0,88% 0,100% 63%,50% 100%,0 63%);
  animation: pod-datum-carriage-a-seat .78s cubic-bezier(.2,.67,.28,1.13) .26s both paused;
}
.pod-datum-three-seat .carriage-b {
  left: 41%;
  transform: skewX(7deg);
  clip-path: polygon(0 0,100% 0,82% 100%,18% 100%);
  animation: pod-datum-carriage-b-seat .9s cubic-bezier(.2,.67,.28,1.13) .38s both paused;
}
.pod-datum-three-seat .carriage-c {
  right: 10.5%;
  transform: skewX(0deg);
  clip-path: polygon(8% 0,92% 0,100% 74%,78% 100%,22% 100%,0 74%);
  animation: pod-datum-carriage-c-seat 1.02s cubic-bezier(.2,.67,.28,1.13) .5s both paused;
}
.pod-datum-three-seat .pod-datum-witness {
  position: absolute;
  z-index: 11;
  bottom: 10%;
  width: 19%;
  height: 9%;
  background: var(--pod-teal);
  border: 1px solid #8de0d3;
}
.pod-datum-three-seat .witness-a { left: 10%; animation: pod-datum-witness-a-show .52s steps(5,end) .82s both paused; }
.pod-datum-three-seat .witness-b { left: 40.5%; animation: pod-datum-witness-b-show .6s steps(6,end) .92s both paused; }
.pod-datum-three-seat .witness-c { right: 10%; animation: pod-datum-witness-c-show .68s steps(7,end) 1.02s both paused; }

@keyframes pod-datum-frame-resolve {
  0% { clip-path: polygon(0 0,0 0,0 0,0 0); opacity: .12; }
  48% { clip-path: polygon(0 0,100% 0,100% 0,0 0); opacity: .7; }
  100% { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); opacity: 1; }
}
@keyframes pod-datum-saddles-hold {
  0% { scale: 1.16 .62; translate: 0 7px; opacity: .14; filter: brightness(.5); }
  71% { scale: .92 1.11; translate: 0 -2px; opacity: 1; filter: brightness(1.18); }
  100% { scale: 1; translate: none; opacity: 1; filter: none; }
}
@keyframes pod-datum-carriage-a-seat {
  0% { translate: -4px -13px; transform: skewX(-18deg); scale: .76 .54; opacity: .1; }
  72% { translate: 1px 3px; transform: skewX(-2deg); scale: 1.08 1.12; opacity: 1; }
  100% { translate: none; transform: skewX(-5deg); scale: 1; opacity: 1; }
}
@keyframes pod-datum-carriage-b-seat {
  0% { translate: 5px -17px; transform: skewX(21deg); scale: 1.18 .42; filter: brightness(.46); }
  68% { translate: -1px 4px; transform: skewX(3deg); scale: .9 1.15; filter: brightness(1.22); }
  100% { translate: none; transform: skewX(7deg); scale: 1; filter: none; }
}
@keyframes pod-datum-carriage-c-seat {
  0% { translate: 0 -10px; transform: skewX(-14deg); scale: .48 .82; opacity: .13; filter: saturate(.38); }
  75% { translate: 0 3px; transform: skewX(4deg); scale: 1.14 .94; opacity: 1; filter: saturate(1.2); }
  100% { translate: none; transform: skewX(0deg); scale: 1; opacity: 1; filter: none; }
}
@keyframes pod-datum-witness-a-show {
  0% { clip-path: inset(0 100% 0 0); opacity: .08; }
  100% { clip-path: inset(0); opacity: 1; }
}
@keyframes pod-datum-witness-b-show {
  0% { clip-path: inset(46% 48%); filter: contrast(.42); }
  100% { clip-path: inset(0); filter: none; }
}
@keyframes pod-datum-witness-c-show {
  0% { clip-path: inset(0 0 0 100%); opacity: .12; filter: saturate(.4); }
  100% { clip-path: inset(0); opacity: 1; filter: none; }
}

/* Scene 10: six half-moon keys seat vertically into independent keyways. */
.pod-woodruff-key-seats {
  background:
    linear-gradient(135deg, rgba(201,103,77,.17), transparent 58%),
    var(--pod-graphite);
}
.pod-woodruff-key-seats .pod-keyway-rail {
  position: absolute;
  z-index: 3;
  right: 6%;
  bottom: 7%;
  left: 6%;
  height: 10%;
  background: var(--pod-zinc);
  border: 2px solid var(--pod-white);
  clip-path: polygon(3% 0,97% 0,100% 100%,0 100%);
  animation: pod-keyway-rail-lock .76s cubic-bezier(.2,.67,.28,1.14) .62s both paused;
}
.pod-woodruff-key-seats .pod-keyway-bed {
  position: absolute;
  z-index: 5;
  width: 25%;
  height: 15%;
  background: #5d6d70;
  border: 2px solid var(--pod-white);
  animation: pod-keyway-beds-seat .54s cubic-bezier(.2,.67,.28,1.14) both paused;
}
.pod-woodruff-key-seats .bed-a { top: 28%; left: 6%; animation-delay: .08s; }
.pod-woodruff-key-seats .bed-b { top: 28%; left: 37.5%; animation-delay: .14s; }
.pod-woodruff-key-seats .bed-c { top: 28%; right: 6%; animation-delay: .2s; }
.pod-woodruff-key-seats .bed-d { bottom: 20%; left: 6%; animation-delay: .26s; }
.pod-woodruff-key-seats .bed-e { bottom: 20%; left: 37.5%; animation-delay: .32s; }
.pod-woodruff-key-seats .bed-f { right: 6%; bottom: 20%; animation-delay: .38s; }
.pod-woodruff-key-seats .pod-woodruff-key {
  --pod-key-rise: 7px;
  position: absolute;
  z-index: 9;
  width: 17%;
  height: 23%;
  translate: 0 calc(var(--pod-key-rise) * -1);
  background: linear-gradient(135deg, var(--pod-copper), var(--pod-brick));
  border: 2px solid #ffd0b8;
  border-radius: 8% 8% 52% 52%;
  transform: translateY(0);
  transition: transform .18s ease-out;
}
.pod-woodruff-key-seats .key-a { --pod-key-rise: 5px; top: 20%; left: 10%; animation: pod-woodruff-key-a-rise .66s cubic-bezier(.2,.67,.28,1.15) .42s both paused; }
.pod-woodruff-key-seats .key-b { --pod-key-rise: 9px; top: 20%; left: 41.5%; animation: pod-woodruff-key-b-rise .74s cubic-bezier(.2,.67,.28,1.15) .5s both paused; }
.pod-woodruff-key-seats .key-c { --pod-key-rise: 6px; top: 20%; right: 10%; animation: pod-woodruff-key-c-rise .82s cubic-bezier(.2,.67,.28,1.15) .58s both paused; }
.pod-woodruff-key-seats .key-d { --pod-key-rise: 11px; bottom: 28%; left: 10%; animation: pod-woodruff-key-d-rise .7s cubic-bezier(.2,.67,.28,1.15) .66s both paused; }
.pod-woodruff-key-seats .key-e { --pod-key-rise: 7px; bottom: 28%; left: 41.5%; animation: pod-woodruff-key-e-rise .78s cubic-bezier(.2,.67,.28,1.15) .74s both paused; }
.pod-woodruff-key-seats .key-f { --pod-key-rise: 10px; right: 10%; bottom: 28%; animation: pod-woodruff-key-f-rise .86s cubic-bezier(.2,.67,.28,1.15) .82s both paused; }

.pod-faq:has(.pod-faq-grid > details:nth-child(1)[open]) .pod-woodruff-key-seats .key-a,
.pod-faq:has(.pod-faq-grid > details:nth-child(2)[open]) .pod-woodruff-key-seats .key-b,
.pod-faq:has(.pod-faq-grid > details:nth-child(3)[open]) .pod-woodruff-key-seats .key-c,
.pod-faq:has(.pod-faq-grid > details:nth-child(4)[open]) .pod-woodruff-key-seats .key-d,
.pod-faq:has(.pod-faq-grid > details:nth-child(5)[open]) .pod-woodruff-key-seats .key-e,
.pod-faq:has(.pod-faq-grid > details:nth-child(6)[open]) .pod-woodruff-key-seats .key-f {
  transform: translateY(2px);
  filter: brightness(1.12) saturate(1.08);
}

@keyframes pod-keyway-rail-lock {
  0% { translate: 0 7px; scale: .52 1.22; opacity: .12; }
  72% { translate: 0 -2px; scale: 1.12 .88; opacity: 1; }
  100% { translate: none; scale: 1; opacity: 1; }
}
@keyframes pod-keyway-beds-seat {
  0% { scale: .7 .16; opacity: .14; filter: brightness(.48); }
  69% { scale: 1.09 1.15; opacity: 1; filter: brightness(1.18); }
  100% { scale: 1; opacity: 1; filter: none; }
}
@keyframes pod-woodruff-key-a-rise {
  0% { translate: 0 8px; scale: .72 .18; opacity: .1; }
  72% { translate: 0 -7px; scale: 1.08 1.13; opacity: 1; }
  100% { translate: 0 -5px; scale: 1; opacity: 1; }
}
@keyframes pod-woodruff-key-b-rise {
  0% { translate: 0 11px; scale: .38 .42; filter: brightness(.44); }
  68% { translate: 0 -12px; scale: 1.13 .9; filter: brightness(1.22); }
  100% { translate: 0 -9px; scale: 1; filter: none; }
}
@keyframes pod-woodruff-key-c-rise {
  0% { translate: 0 9px; scale: 1.16 .12; opacity: .12; filter: saturate(.34); }
  75% { translate: 0 -8px; scale: .9 1.16; opacity: 1; filter: saturate(1.22); }
  100% { translate: 0 -6px; scale: 1; opacity: 1; filter: none; }
}
@keyframes pod-woodruff-key-d-rise {
  0% { translate: 0 13px; scale: .24 .58; opacity: .14; filter: contrast(.46); }
  71% { translate: 0 -14px; scale: 1.15 .87; opacity: 1; filter: contrast(1.2); }
  100% { translate: 0 -11px; scale: 1; opacity: 1; filter: none; }
}
@keyframes pod-woodruff-key-e-rise {
  0% { translate: 0 10px; scale: .84 .2; opacity: .09; }
  73% { translate: 0 -9px; scale: .94 1.14; opacity: 1; }
  100% { translate: 0 -7px; scale: 1; opacity: 1; }
}
@keyframes pod-woodruff-key-f-rise {
  0% { translate: 0 12px; scale: .46 .3; filter: hue-rotate(16deg); opacity: .11; }
  69% { translate: 0 -13px; scale: 1.11 1.07; filter: hue-rotate(-3deg); opacity: 1; }
  100% { translate: 0 -10px; scale: 1; filter: none; opacity: 1; }
}

@media (max-width: 1080px) {
  .pod-page .pod-decor { width: 238px; height: 128px; }
  .pod-brick-arch { right: 24px; bottom: 26px; }
  .pod-pipe-manifold { bottom: 30px; left: 22px; }
  .pod-yard-radius-chords { top: auto; right: 28px; bottom: 24px; }
  .pod-crosshead-journals { bottom: 28px; left: 26px; }
  .pod-view-cube { right: 22px; bottom: 32px; }
  .pod-worm-indexer { top: auto; bottom: 26px; left: 30px; }
  .pod-voronoi-cushion { right: 26px; bottom: 29px; }
  .pod-cantilever-sum { bottom: 25px; left: 20px; }
  .pod-datum-three-seat { top: auto; right: 30px; bottom: 31px; }
  .pod-woodruff-key-seats { bottom: 27px; left: 24px; }
}

@media (max-width: 840px) {
  .pod-page .pod-decor { width: 220px; height: 118px; }
  .pod-brick-arch { right: 34px; bottom: 30px; }
  .pod-pipe-manifold { bottom: 34px; left: 28px; }
  .pod-yard-radius-chords { right: 42px; bottom: 28px; }
  .pod-crosshead-journals { bottom: 32px; left: 36px; }
  .pod-view-cube { right: 30px; bottom: 36px; }
  .pod-worm-indexer { bottom: 30px; left: 44px; }
  .pod-voronoi-cushion { right: 38px; bottom: 33px; }
  .pod-cantilever-sum { bottom: 29px; left: 24px; }
  .pod-datum-three-seat { right: 46px; bottom: 35px; }
  .pod-woodruff-key-seats { bottom: 31px; left: 32px; }
}

@media (max-width: 560px) {
  .pod-page .pod-decor {
    width: 190px;
    height: 104px;
    box-shadow: 0 10px 23px rgba(3,10,12,.2);
  }
  .pod-brick-arch { right: 18px; bottom: 28px; }
  .pod-pipe-manifold { bottom: 32px; left: 20px; }
  .pod-yard-radius-chords { right: 24px; bottom: 26px; }
  .pod-crosshead-journals { bottom: 30px; left: 16px; }
  .pod-view-cube { right: 22px; bottom: 34px; }
  .pod-worm-indexer { bottom: 28px; left: 26px; }
  .pod-voronoi-cushion { right: 16px; bottom: 31px; }
  .pod-cantilever-sum { bottom: 27px; left: 22px; }
  .pod-datum-three-seat { right: 28px; bottom: 33px; }
  .pod-woodruff-key-seats { bottom: 29px; left: 18px; }
  .pod-brick-arch .pod-arch-voussoir { width: 13.5%; min-width: 14px; }
  .pod-pipe-manifold .pod-manifold-elbow { border-width: 5px; }
  .pod-view-cube .pod-view-slit { border-left-width: 2px; }
  .pod-voronoi-cushion .pod-voronoi-cell { border-width: 1px; }
}

@media (max-width: 380px) {
  .pod-page .pod-decor {
    width: 160px;
    height: 88px;
    border-width: 1px;
    box-shadow: 0 7px 15px rgba(3,10,12,.18);
  }
  .pod-brick-arch { right: 14px; bottom: 27px; }
  .pod-pipe-manifold { bottom: 31px; left: 14px; }
  .pod-yard-radius-chords { right: 18px; bottom: 25px; }
  .pod-crosshead-journals { bottom: 29px; left: 12px; }
  .pod-view-cube { right: 16px; bottom: 33px; }
  .pod-worm-indexer { bottom: 27px; left: 20px; }
  .pod-voronoi-cushion { right: 12px; bottom: 30px; }
  .pod-cantilever-sum { bottom: 26px; left: 16px; }
  .pod-datum-three-seat { right: 20px; bottom: 32px; }
  .pod-woodruff-key-seats { bottom: 28px; left: 14px; }
  .pod-decor .decor-child { border-width: 1px; }
  .pod-brick-arch .pod-arch-voussoir { width: 13%; min-width: 12px; }
  .pod-brick-arch .pod-arch-footing { left: auto; right: auto; }
  .pod-brick-arch .footing-a { left: 4%; }
  .pod-brick-arch .footing-b { right: 4%; }
  .pod-pipe-manifold .pod-manifold-elbow { border-width: 4px; }
  .pod-pipe-manifold .pod-manifold-collector { bottom: 12%; }
  .pod-crosshead-journals .saddle-b { right: 7%; }
  .pod-crosshead-journals .saddle-d { left: 7%; }
  .pod-voronoi-cushion .pressure-a { left: 7%; }
  .pod-voronoi-cushion .pressure-b { right: 7%; }
  .pod-view-cube .pod-view-slit { border-left-width: 1px; }
  .pod-woodruff-key-seats .pod-woodruff-key { transition-duration: .12s; }
}

@media (prefers-reduced-motion: reduce) {
  [data-motion^="pod-"] .pod-decor,
  [data-motion^="pod-"] .pod-decor *,
  [data-motion^="pod-"] .pod-decor::before,
  [data-motion^="pod-"] .pod-decor::after,
  [data-motion^="pod-"] .pod-decor *::before,
  [data-motion^="pod-"] .pod-decor *::after {
    animation: none !important;
    transition: none !important;
  }
  [data-motion^="pod-"] .pod-decor::before,
  [data-motion^="pod-"] .pod-decor::after,
  [data-motion^="pod-"] .pod-decor *::before,
  [data-motion^="pod-"] .pod-decor *::after,
  [data-motion^="pod-"] .pod-decor .decor-child {
    opacity: 1;
    filter: none;
  }
  .pod-brick-arch .pod-arch-pier,
  .pod-brick-arch .pod-arch-footing,
  .pod-brick-arch .pod-arch-keystone,
  .pod-pipe-manifold .pod-manifold-run,
  .pod-pipe-manifold .pod-manifold-reservoir,
  .pod-yard-radius-chords .pod-chord-stop,
  .pod-crosshead-journals .pod-journal-saddle,
  .pod-view-cube .pod-view-tick,
  .pod-view-cube .pod-view-base-dot,
  .pod-worm-indexer .pod-worm-end-stop,
  .pod-worm-indexer .pod-worm-result-seat,
  .pod-voronoi-cushion .pod-voronoi-cell,
  .pod-datum-three-seat .pod-datum-saddle,
  .pod-keyway-bed,
  .pod-keyway-rail {
    translate: none;
    scale: 1;
  }
  .pod-brick-arch .wedge-a { translate: none; rotate: -61deg; scale: 1; }
  .pod-brick-arch .wedge-b { translate: none; rotate: -43deg; scale: 1; }
  .pod-brick-arch .wedge-c { translate: none; rotate: -27deg; scale: 1; }
  .pod-brick-arch .wedge-d { translate: none; rotate: -12deg; scale: 1; transform: skewX(0deg); }
  .pod-brick-arch .wedge-e { translate: none; rotate: 0deg; scale: 1; transform: skewX(0deg); }
  .pod-brick-arch .wedge-f { translate: none; rotate: 12deg; scale: 1; transform: skewX(0deg); }
  .pod-brick-arch .wedge-g { translate: none; rotate: 27deg; scale: 1; }
  .pod-brick-arch .wedge-h { translate: none; rotate: 43deg; scale: 1; }
  .pod-brick-arch .wedge-i { translate: none; rotate: 61deg; scale: 1; }
  .pod-pipe-manifold .elbow-a { rotate: 90deg; scale: 1; }
  .pod-pipe-manifold .elbow-b { rotate: 180deg; scale: 1; }
  .pod-pipe-manifold .elbow-c { rotate: 0deg; translate: none; scale: 1; }
  .pod-pipe-manifold .elbow-d { rotate: -90deg; scale: 1; }
  .pod-pipe-manifold .pod-manifold-collector { translate: 0 -5px; scale: 1; }
  .pod-yard-radius-chords .shoe-a { translate: none; transform: skewX(-13deg); scale: 1; }
  .pod-yard-radius-chords .shoe-b { translate: none; transform: skewX(17deg); scale: 1; }
  .pod-yard-radius-chords .shoe-c { translate: none; transform: skewY(-8deg); scale: 1; }
  .pod-yard-radius-chords .pod-radius-clearance-window { clip-path: inset(0); }
  .pod-crosshead-journals .pod-journal-sleeve { translate: none; scale: 1; }
  .pod-crosshead-journals .sleeve-a { clip-path: polygon(0 0,100% 0,100% 100%,68% 100%,68% 62%,32% 62%,32% 100%,0 100%); }
  .pod-crosshead-journals .sleeve-b { clip-path: polygon(0 0,38% 0,38% 29%,100% 29%,100% 71%,38% 71%,38% 100%,0 100%); }
  .pod-crosshead-journals .sleeve-c { clip-path: polygon(0 0,32% 0,32% 38%,68% 38%,68% 0,100% 0,100% 100%,0 100%); }
  .pod-crosshead-journals .sleeve-d { clip-path: polygon(0 29%,62% 29%,62% 0,100% 0,100% 100%,62% 100%,62% 71%,0 71%); }
  .pod-crosshead-journals .pod-crosshead-window,
  .pod-datum-three-seat .pod-datum-frame { clip-path: inset(0); }
  .pod-view-cube .plane-front { scale: 1; transform: skewY(8deg); }
  .pod-view-cube .plane-side { scale: 1; transform: skewY(-27deg); }
  .pod-view-cube .plane-top { translate: none; clip-path: polygon(0 58%,66% 0,100% 40%,67% 100%); }
  .pod-view-cube .slit-a,
  .pod-view-cube .slit-b { translate: none; scale: 1; }
  .pod-view-cube .slit-c { scale: 1; transform: skewY(-27deg); }
  .pod-worm-indexer .pod-worm-cylinder { rotate: x 54deg; translate: none; scale: 1; }
  .pod-worm-indexer .pod-worm-sector { rotate: -15deg; scale: 1; }
  .pod-worm-indexer .tooth-a { clip-path: polygon(0 100%,20% 0,80% 0,100% 100%); }
  .pod-worm-indexer .tooth-b { clip-path: polygon(0 78%,31% 0,100% 19%,77% 100%); }
  .pod-worm-indexer .tooth-c { clip-path: polygon(12% 0,88% 0,100% 71%,70% 100%,0 82%); }
  .pod-voronoi-cushion .pod-voronoi-shell { scale: 1; clip-path: polygon(5% 0,93% 3%,100% 31%,96% 88%,76% 100%,9% 96%,0 72%,2% 20%); }
  .pod-voronoi-cushion .pressure-a { translate: 7px 0; scale: 1; }
  .pod-voronoi-cushion .pressure-b { translate: -11px 0; scale: 1; }
  .pod-voronoi-cushion .pod-voronoi-datum { rotate: 45deg; scale: 1; }
  .pod-cantilever-sum .beam-a { translate: none; transform: skewY(5deg) scaleX(.92); }
  .pod-cantilever-sum .beam-b { translate: none; transform: skewY(-8deg) scaleX(.86); }
  .pod-cantilever-sum .beam-c { translate: none; transform: skewY(11deg) scaleX(.79); }
  .pod-cantilever-sum .beam-d { translate: none; transform: skewY(-6deg) scaleX(.88); }
  .pod-cantilever-sum .pod-cantilever-result { translate: none; scale: 1; }
  .pod-cantilever-sum .guide-a { translate: -5px 0; scale: 1; }
  .pod-cantilever-sum .guide-b { translate: 5px 0; scale: 1; }
  .pod-datum-three-seat .carriage-a { translate: none; transform: skewX(-5deg); scale: 1; }
  .pod-datum-three-seat .carriage-b { translate: none; transform: skewX(7deg); scale: 1; }
  .pod-datum-three-seat .carriage-c { translate: none; transform: skewX(0deg); scale: 1; }
  .pod-datum-three-seat .pod-datum-witness { clip-path: inset(0); }
  .pod-woodruff-key-seats .key-a { translate: 0 -5px; scale: 1; transform: none !important; }
  .pod-woodruff-key-seats .key-b { translate: 0 -9px; scale: 1; transform: none !important; }
  .pod-woodruff-key-seats .key-c { translate: 0 -6px; scale: 1; transform: none !important; }
  .pod-woodruff-key-seats .key-d { translate: 0 -11px; scale: 1; transform: none !important; }
  .pod-woodruff-key-seats .key-e { translate: 0 -7px; scale: 1; transform: none !important; }
  .pod-woodruff-key-seats .key-f { translate: 0 -10px; scale: 1; transform: none !important; }
}