.recipient-hand-back,
.recipient-hand-thumb {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: var(--recipient-hand-width, 350px);
  height: var(--recipient-hand-height, 620px);
  max-width: none;
  overflow: visible;
  opacity: var(--opening-hand-opacity, 0);
  pointer-events: none;
  transform: translateX(calc(-50% + var(--opening-phone-x, 0px))) rotate(var(--opening-phone-roll, -4deg)) rotateY(var(--opening-phone-yaw, 4deg)) scale(var(--opening-phone-scale, 1));
  transform-origin: center bottom;
  stroke: #762b25;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.recipient-hand-back { z-index: 1; }
.recipient-hand-thumb { z-index: 3; }
.recipient-hand-skin { fill: #e7ab90; }
.recipient-hand-nail { fill: #f6f2ea; stroke-width: 1.2; }
.recipient-hand-highlight { stroke: #f6f2ea; stroke-width: 2.5; opacity: .55; }

.ideas-reduced-motion .recipient-hand-back,
.ideas-reduced-motion .recipient-hand-thumb {
  transform: translateX(calc(-50% + var(--opening-phone-x, 0px))) scale(var(--opening-phone-scale, 1));
}
@media (prefers-reduced-motion: reduce) {
  .recipient-hand-back,
  .recipient-hand-thumb {
    transform: translateX(calc(-50% + var(--opening-phone-x, 0px))) scale(var(--opening-phone-scale, 1));
  }
}