/* Original photo -> representative game covers -> representative characters. */
.apple-edition #japan-jury { height: 300svh; }
.apple-edition #japan-jury .dinner-layer {
  position: absolute; inset: 0; display: grid; place-items: center;
}
/* Match the photograph itself, so the feather follows its letterboxed edges. */
.apple-edition #japan-jury .dinner-photo {
  position: relative; width: min(100%, calc(100svh * 2048 / 1411));
  aspect-ratio: 2048 / 1411;
}
.apple-edition #japan-jury .dinner-photo > img {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%;
  max-width: none; max-height: none; object-fit: contain; border-radius: 0; box-shadow: none;
}
.apple-edition #japan-jury .dinner-image {
  mask-image: linear-gradient(transparent, #000 8%, #000 92%, transparent);
}
.apple-edition #japan-jury .dinner-edge {
  filter: blur(24px); transform: scaleY(1.12); opacity: .8;
  mask-image: linear-gradient(transparent, #000 14%, #000 86%, transparent);
}
.apple-edition #japan-jury .dinner-before { z-index: 0; }
.apple-edition #japan-jury .dinner-middle {
  z-index: 1;
  opacity: 1;
  clip-path: inset(0 calc(100% - var(--reveal-step-1, 0%)) 0 0);
}
.apple-edition #japan-jury .dinner-after {
  z-index: 2;
  clip-path: inset(0 calc(100% - var(--reveal-step-2, 0%)) 0 0);
}
.apple-edition #japan-jury .dinner-caption { z-index: 3; }
.apple-edition.motion-off #japan-jury { height: 100svh; }
.apple-edition.motion-off #japan-jury .dinner-middle { opacity: 1; clip-path: inset(0 33.333% 0 33.333%); }
.apple-edition.motion-off #japan-jury .dinner-after { clip-path: inset(0 0 0 66.667%); }
@media (prefers-reduced-motion: reduce) {
  .apple-edition #japan-jury { height: 100svh; }
  .apple-edition #japan-jury .dinner-middle { opacity: 1; clip-path: inset(0 33.333% 0 33.333%); }
  .apple-edition #japan-jury .dinner-after { clip-path: inset(0 0 0 66.667%); }
}
@media print {
  .apple-edition #japan-jury .dinner-edge { display: none; }
  .apple-edition #japan-jury { height: 190mm; }
  .apple-edition #japan-jury .dinner-middle { opacity: 1; clip-path: inset(0 33.333% 0 33.333%); }
  .apple-edition #japan-jury .dinner-after { clip-path: inset(0 0 0 66.667%); }
}