/* Selected work: deeper lower gradient and a slow 1.8% image approach. */
#tn-retouch .selected-capsules a {
  isolation: isolate;
}
#tn-retouch .selected-capsules img {
  display: block;
  transform: scale(1);
  transform-origin: center;
  transition: transform 1050ms cubic-bezier(.22,.61,.36,1);
}
#tn-retouch .selected-capsules a::before {
  content: "";
  position: absolute;
  inset: 35% 0 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg,transparent 0%,rgba(8,8,9,.12) 30%,rgba(8,8,9,.82) 100%);
  opacity: 0;
  transition: opacity 680ms cubic-bezier(.4,0,.2,1);
}
#tn-retouch .selected-capsules a::after {
  z-index: 1;
}
#tn-retouch .selected-capsules .capsule-label {
  z-index: 2;
  padding-inline: 12px;
  line-height: 1.3;
  text-wrap: balance;
  color: #ededed;
  transform: translateY(0);
  transition: transform 650ms cubic-bezier(.4,0,.2,1),color 600ms ease;
}
@media (hover:hover) and (pointer:fine) {
  #tn-retouch .selected-capsules a:hover img {
    transform: scale(1.018);
    transition-property: transform;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(.16,1,.3,1);
  }
  #tn-retouch .selected-capsules a:hover::before {
    opacity: .78;
    transition-duration: 390ms;
    transition-timing-function: cubic-bezier(.16,1,.3,1);
  }
  #tn-retouch .selected-capsules a:hover .capsule-label {
    color: #fff;
    transform: translateY(-3px);
    transition-duration: 440ms;
    transition-timing-function: cubic-bezier(.16,1,.3,1);
  }
}
#tn-retouch .selected-capsules a:focus-visible img {
  transform: scale(1.018);
  transition-property: transform;
  transition-duration: 1000ms;
  transition-timing-function: cubic-bezier(.16,1,.3,1);
}
#tn-retouch .selected-capsules a:focus-visible::before {
  opacity: .78;
  transition-duration: 390ms;
  transition-timing-function: cubic-bezier(.16,1,.3,1);
}
#tn-retouch .selected-capsules a:focus-visible .capsule-label {
  color: #fff;
  transform: translateY(-3px);
  transition-duration: 440ms;
}
@media (prefers-reduced-motion:reduce) {
  #tn-retouch .selected-capsules img,
  #tn-retouch .selected-capsules a:hover img,
  #tn-retouch .selected-capsules a:focus-visible img {
    transform: none;
    transition: none;
  }
  #tn-retouch .selected-capsules a::before,
  #tn-retouch .selected-capsules .capsule-label {
    transition: none;
  }
  #tn-retouch .selected-capsules a:hover .capsule-label,
  #tn-retouch .selected-capsules a:focus-visible .capsule-label {
    transform: none;
  }
}