.vineyard .scene {
  animation: none;
  transform: scale(1.018);
}

.vineyard .artwork [data-scene-motion] {
  position: absolute;
  pointer-events: none;
  background:
    radial-gradient(ellipse 21% 27% at 20% 38%, rgb(33 54 29 / 62%) 48%, transparent 76%),
    radial-gradient(ellipse 16% 32% at 46% 24%, rgb(43 61 31 / 58%) 48%, transparent 76%),
    radial-gradient(ellipse 20% 26% at 65% 55%, rgb(33 54 29 / 60%) 48%, transparent 76%),
    radial-gradient(ellipse 15% 29% at 83% 32%, rgb(43 61 31 / 54%) 48%, transparent 76%);
  filter: blur(2px);
  transform-origin: 18% 0;
  animation: vineyard-leaf-shadow-sway 4.2s ease-in-out infinite;
}

.vineyard .artwork .vine-shadow-canopy {
  top: -9px;
  left: -18px;
  width: min(30%, 340px);
  height: min(11%, 72px);
}

.vineyard .artwork .vine-shadow-trellis {
  top: -14px;
  left: 28%;
  width: min(15%, 180px);
  height: min(10%, 64px);
  animation-delay: -1.1s;
}

.vineyard .artwork .vine-shadow-garden {
  bottom: 4%;
  left: -12px;
  width: min(15%, 200px);
  height: min(14%, 98px);
  transform-origin: 0 100%;
  animation-delay: -2.2s;
}

@keyframes vineyard-leaf-shadow-sway {
  0%, 100% {
    transform: translate3d(-5px, -1px, 0) rotate(-4deg);
    opacity: .32;
  }
  50% {
    transform: translate3d(9px, 4px, 0) rotate(4deg);
    opacity: .64;
  }
}

@media (max-width: 700px) {
  .vineyard .artwork .vine-shadow-canopy {
    top: -10px;
    left: -14px;
    width: 40%;
    height: 42px;
  }

  .vineyard .artwork .vine-shadow-trellis {
    top: -12px;
    left: 42%;
    width: 23%;
    height: 40px;
  }

  .vineyard .artwork .vine-shadow-garden {
    bottom: 28%;
    left: -12px;
    width: 18%;
    height: 68px;
  }
}

html[data-motion="paused"] .vineyard .artwork [data-scene-motion],
html[data-motion="hidden"] .vineyard .artwork [data-scene-motion] {
  animation-play-state: paused;
}