body { background: url('assets/wood009.jpg') repeat; color: #000; font: 16px 'Times New Roman', Times, serif; text-align: center; margin: 8px; }
a:link { color: #00f; } a:visited { color: #f00; }
hr { margin: 1em 0; }
img { max-width: 100%; height: auto; vertical-align: middle; }
.construction { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: center; }

.webring { width: 500px; max-width: 100%; border: 10px ridge #999; margin: 1em auto; }
.webring td { padding: 8px; } .webring a { display: inline-block; margin: 3px; }
:focus-visible { outline: 2px solid #000; outline-offset: 3px; }

/* Eight image-model walk poses; frame changes are separate from scene travel. */
.yard { position: relative; width: 100%; max-width: 100%; height: 200px; overflow: hidden; margin: auto; border-bottom: 2px solid #392411; }
.crew { position: absolute; bottom: 0; width: 190px; height: 190px; animation: delivery 18s linear infinite; }
.crew.second { animation-delay: -9s; }
.worker-sprite { display: block; width: 100%; height: 100%; background-image: url('assets/capy-worker-walk.png'); background-size: 400% 200%; image-rendering: pixelated; animation: walk-frames 1.2s steps(1, end) infinite; }
@keyframes delivery { from { left: -190px; } to { left: 100%; } }
@keyframes walk-frames {
  0%, 100% { background-position: 0% 0%; }
  12.5% { background-position: 33.333333% 0%; }
  25% { background-position: 66.666667% 0%; }
  37.5% { background-position: 100% 0%; }
  50% { background-position: 0% 100%; }
  62.5% { background-position: 33.333333% 100%; }
  75% { background-position: 66.666667% 100%; }
  87.5% { background-position: 100% 100%; }
}
.crew-label { margin-top: 8px; font-size: 15px; }
/* User requested autoplay without controls; reduce scene speed rather than stop. */
@media (prefers-reduced-motion: reduce) { .crew { animation-duration: 30s; } .crew.second { animation-delay: -15s; } .worker-sprite { animation-duration: 1.8s; } }

.facts-list { max-width: 950px; margin: 1em auto; padding: 0; list-style-position: inside; }
.facts-list li { margin: 0.35em 0; }