/* Contemporary woodcut prints: retain ink colour and the complete composition. */
.hero-art { border-left: 0; }
.hero-art img,
.plate .portrait img,
.dossier > img,
.person > img,
.person:hover > img {
  object-fit: contain;
  filter: none;
  transform: none;
  background: #090807;
}
.hero-art img { padding: 8vh 2vw; }
.hero-art::after { background: linear-gradient(90deg, #080706, transparent 15%); }
.plate .portrait { display: grid; place-items: center; min-height: 0; clip-path: none; }
.plate .portrait img { display: block; width: 100%; height: auto; max-height: 800px; }
.plate .portrait::after { display: none; }
.person > img { display: block; height: auto; aspect-ratio: 4 / 5; }
.dossier > img { min-height: 0; max-height: 85vh; align-self: center; }
.symbol-ready { transition: filter 1.25s ease, opacity 1s ease, clip-path 1.4s cubic-bezier(.2,.75,.2,1); }
.symbol-ready:not(.symbol-visible) { filter: grayscale(1) contrast(1.2); opacity: .35; clip-path: inset(0 0 100% 0); }
.symbol-ready.symbol-visible { filter: none; opacity: 1; clip-path: inset(0); }
@media(max-width:850px) {
  .plate .portrait img { max-height: 75svh; }
  .dossier > img { height: auto; max-height: 60svh; }
}
@media(prefers-reduced-motion:reduce) {
  .symbol-ready, .symbol-ready:not(.symbol-visible) { transition: none; filter: none; opacity: 1; clip-path: none; }
}
