.feat-wood-three { background: var(--bg); }
.feat-wood-three .panel { position: absolute; top: 0; bottom: 0; width: calc((100% - 4px) / 3); overflow: hidden; background: var(--bg-2); }
.feat-wood-three .p1 { left: 0; }
.feat-wood-three .p2 { left: calc((100% - 4px) / 3 + 2px); }
.feat-wood-three .p3 { right: 0; }
.feat-wood-three .board { position: absolute; left: 0; top: 0; width: 100%; height: auto; display: block; will-change: transform;
  animation: wt-pan 26s cubic-bezier(.45,0,.55,1) infinite alternate; }
.feat-wood-three .p2 .board { animation-duration: 31s; animation-direction: alternate-reverse; }
.feat-wood-three .p3 .board { animation-duration: 36s; }
@keyframes wt-pan { from { transform: translate3d(0,0,0); } to { transform: translate3d(0,-33%,0); } }
.feat-wood-three .light { position: absolute; inset: -40% -30%; pointer-events: none; mix-blend-mode: soft-light; will-change: transform;
  background: radial-gradient(ellipse 28% 60% at 50% 50%, rgba(255,214,160,.95), rgba(255,214,160,.35) 45%, transparent 70%);
  animation: wt-light 26s cubic-bezier(.45,0,.55,1) infinite alternate; }
@keyframes wt-light { from { transform: translate3d(-30%,0,0); } to { transform: translate3d(30%,0,0); } }
.feat-wood-three .tag { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 0 0 clamp(10px, 2.2vw, 26px);
  text-align: center; font: 500 clamp(11px, 1.05vw, 14px)/1 var(--font-ui); letter-spacing: .14em; text-transform: uppercase;
  color: rgba(239,230,216,.88); }
.feat-wood-three .tag::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: clamp(44px, 9vw, 96px); z-index: -1;
  background: linear-gradient(to top, rgba(10,9,7,.55), transparent); }
.feat-wood-three:not(.is-visible) * { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { .feat-wood-three * { animation: none !important; } }