.mindset .mindset-credit {
  display: block;
  color: #817782;
  font: 400 12px/1.6 'Syne', Arial, sans-serif;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.mindset .mindset-portrait {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 54%;
  transform: translate(-50%, -50%);
  width: min(76%, 440px);
  height: calc(100% - 36px);
  object-fit: contain;
  opacity: .24;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 88%, transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 88%, transparent);
  mix-blend-mode: multiply;
  pointer-events: none;
  user-select: none;
  animation: portrait-drift 12s ease-in-out infinite;
  animation-play-state: paused;
}

.mindset.is-in-view .mindset-portrait { animation-play-state: running; }

@keyframes portrait-drift {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  50% { transform: translate(-50%, calc(-50% - 8px)) scale(1.025); }
}

@media (max-width: 780px) {
  .mindset .mindset-portrait {
    width: 92%;
    height: calc(100% - 72px);
    opacity: .20;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mindset .mindset-portrait { animation: none; }
}