/* Isolated experiment: a restrained version of the supplied rotating cards. */
.results-deck--rotate .results-deck__panel > img {
  inset: auto;
  top: var(--portrait-top, 4%);
  left: var(--portrait-x, 50%);
  width: var(--portrait-width, 125%);
  max-width: none;
  height: auto;
  transform: translateX(-50%);
  filter: blur(var(--portrait-blur, 0px));
  transition: filter 620ms cubic-bezier(.22,.75,.2,1);
}
/* Individual crops keep the crown visible and let shoulders leave the frame. */
.results-deck--rotate .results-deck__slide:nth-child(1) { --portrait-width: 100%; --portrait-top: 0%; }
.results-deck--rotate .results-deck__slide:nth-child(2) { --portrait-width: 112%; }
.results-deck--rotate .results-deck__slide:nth-child(3) { --portrait-width: 130%; --portrait-x: 54%; }
.results-deck--rotate .results-deck__slide:nth-child(4) { --portrait-width: 118%; }
.results-deck--rotate .results-deck__slide:nth-child(5) { --portrait-width: 130%; }
.results-deck--rotate .results-deck__slide:nth-child(6) { --portrait-width: 100%; --portrait-x: 50%; }
.results-deck--rotate .results-deck__slide:nth-child(7) { --portrait-width: 125%; --portrait-x: 54%; }
.results-deck--rotate .results-deck__slide:nth-child(8) { --portrait-width: 138%; }
.results-deck--rotate .results-deck__slide:nth-child(9) { --portrait-width: 134%; }
.results-deck--rotate.is-ready .results-deck__stage { perspective: 1050px; }
/* Curved blur and fade frame the sides without covering the central portrait. */
.results-deck--rotate.is-ready .results-deck__stage::before,
.results-deck--rotate.is-ready .results-deck__stage::after {
  content: "";
  position: absolute;
  z-index: 80;
  top: 0;
  bottom: 0;
  width: calc((100% - var(--deck-card)) / 2 + 8px);
  pointer-events: none;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.results-deck--rotate.is-ready .results-deck__stage::before {
  left: 0;
  background: linear-gradient(to right, #090908, #09090866 45%, transparent);
  -webkit-mask-image: radial-gradient(ellipse 100% 58% at 0% 50%, #000 38%, #000b 65%, transparent 100%);
  mask-image: radial-gradient(ellipse 100% 58% at 0% 50%, #000 38%, #000b 65%, transparent 100%);
}
.results-deck--rotate.is-ready .results-deck__stage::after {
  right: 0;
  background: linear-gradient(to left, #090908, #09090866 45%, transparent);
  -webkit-mask-image: radial-gradient(ellipse 100% 58% at 100% 50%, #000 38%, #000b 65%, transparent 100%);
  mask-image: radial-gradient(ellipse 100% 58% at 100% 50%, #000 38%, #000b 65%, transparent 100%);
}
.results-deck--rotate.is-ready .results-deck__slide {
  transform-origin: right center;
  backface-visibility: hidden;
  transition: transform 620ms cubic-bezier(.22,.75,.2,1), opacity 350ms ease, filter 450ms ease;
}
.results-deck--rotate.is-dragging .results-deck__slide { transition: none; }
.results-deck--rotate.is-dragging .results-deck__panel > img { transition: none; }
@media (prefers-reduced-motion: no-preference) {
  .results-deck--rotate.is-auto-advancing .results-deck__slide {
    transition: transform 1150ms cubic-bezier(.4,0,.2,1), opacity 900ms ease, filter 1150ms ease;
  }
  .results-deck--rotate.is-auto-advancing .results-deck__panel > img {
    transition: filter 1150ms cubic-bezier(.4,0,.2,1);
  }
}
@media (min-width: 768px) {
  .results-deck--rotate.is-ready .results-deck__stage { perspective: 1250px; }
}
@media (prefers-reduced-motion: reduce) {
  .results-deck--rotate.is-ready .results-deck__slide { transition: none; }
  .results-deck--rotate .results-deck__panel > img { transition: none; }
}

/* Only the slim progress marks remain between the portrait and the CTA. */
.results-deck--rotate.is-ready .results-deck__progress { margin-top: 0; }
.results-deck--rotate .results-deck__segment { height: 44px; }
.results-deck--rotate .results-deck__cta { margin-top: 8px; }