/* Pattern section depth effects */
.evidence-shift {
  --pattern-bg-y: 0px;
  isolation: isolate;
}
.evidence-shift::before {
  position: absolute;
  z-index: 0;
  inset: -55px;
  content: "";
  background-image: url("./assets/ava-mentor-editorial.png");
  background-size: cover;
  background-position: 58% 36%;
  opacity: .19;
  filter: grayscale(1) contrast(1.15) brightness(.65);
  transform: translate3d(0, var(--pattern-bg-y), 0) scale(1.08);
  will-change: transform;
  pointer-events: none;
}
.evidence-shift::after {
  position: absolute;
  z-index: 0;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgba(24,23,22,.92) 0%, rgba(24,23,22,.70) 52%, rgba(24,23,22,.54) 100%);
  pointer-events: none;
}
.evidence-words { opacity: .12; }
.evidence-words span {
  display: block;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}
@media (max-width: 800px) {
  .evidence-shift::before { background-position: 58% 42%; opacity: .16; }
  .evidence-shift::after { background: linear-gradient(180deg, rgba(24,23,22,.90), rgba(24,23,22,.64)); }
  .evidence-words { opacity: .09; }
}
@media (prefers-reduced-motion: reduce) {
  .evidence-shift::before, .evidence-words span { transform: none !important; }
}