.discovery-art {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  isolation: isolate;
  color: #29251f;
}
.discovery-art-label {
  font-family: Satoshi, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .01em;
  fill: #625748;
}
.discovery-art-micro {
  font-family: Satoshi, system-ui, sans-serif;
  font-size: 10px;
  font-weight: 600;
  fill: #655746;
}
.discovery-art .art-animated {
  animation-duration: 16s;
  animation-timing-function: cubic-bezier(.45, 0, .22, 1);
  animation-iteration-count: infinite;
  animation-play-state: paused;
}
html[data-motion="on"] [data-animated-art][data-in-view="true"] .discovery-art .art-animated {
  animation-play-state: running;
}
.discovery-art .discovery-art-lift { animation-name: discovery-lift; }
.discovery-art .discovery-art-offset { animation-name: discovery-offset; }
.discovery-art .discovery-art-slow { animation-name: discovery-settle; }
.discovery-art .discovery-art-proof { animation-name: discovery-proof; }
.discovery-art .discovery-art-lens { animation-name: discovery-lens; }
.discovery-art .discovery-art-crop { animation-name: discovery-crop; }
.discovery-art .discovery-art-flow {
  animation-name: discovery-flow;
  animation-timing-function: linear;
}
.discovery-art .discovery-art-journey {
  animation-name: discovery-journey;
  animation-timing-function: linear;
}
.discovery-art .discovery-art-progress { animation-name: discovery-progress; }
@keyframes discovery-lift {
  0%, 12%, 100% { transform: translate(0, 0); }
  38%, 48% { transform: translate(0, -12px); }
  74%, 84% { transform: translate(2px, -3px); }
}
@keyframes discovery-offset {
  0%, 14%, 100% { transform: translate(0, 0); }
  40%, 51% { transform: translate(-7px, 8px); }
  74%, 86% { transform: translate(0, -7px); }
}
@keyframes discovery-settle {
  0%, 18%, 100% { transform: translate(0, 0); }
  43%, 55% { transform: translate(5px, -10px); }
  79%, 88% { transform: translate(-3px, -3px); }
}
@keyframes discovery-proof {
  0%, 15%, 100% { transform: translate(0, 0); }
  36%, 48% { transform: translate(-4px, -8px); }
  71%, 85% { transform: translate(3px, 3px); }
}
@keyframes discovery-lens {
  0%, 14%, 100% { transform: translate(0, 0); }
  39%, 50% { transform: translate(8px, -7px); }
  74%, 85% { transform: translate(2px, 4px); }
}
@keyframes discovery-crop {
  0%, 15%, 100% { transform: translate(0, 0); }
  37%, 51% { transform: translate(-20px, 0); }
  74%, 87% { transform: translate(15px, 0); }
}
@keyframes discovery-flow {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -632; }
}
@keyframes discovery-journey {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -1224; }
}
@keyframes discovery-progress {
  0%, 12%, 100% { stroke-dashoffset: 128; }
  42%, 54% { stroke-dashoffset: 57; }
  78%, 88% { stroke-dashoffset: 9; }
}
@media (prefers-reduced-motion: reduce) {
  .discovery-art .art-animated {
    animation: none !important;
  }
}