/* One clear interaction language for linked correspondent portraits. */
.cast-card .cast-portrait{
  display:block;aspect-ratio:1;overflow:hidden;border-radius:3px;
  outline:2px solid transparent;outline-offset:3px;
  transition:transform 200ms ease,outline-color 200ms ease;
}
.cast-card .cast-portrait img{
  display:block;width:100%;height:100%;object-fit:cover;
  transition:transform 200ms ease;
}
.cast-card .cast-arrow{display:inline-block;font-style:normal;transition:transform 200ms ease}
.cast-card h3,.portrait-card h3{transition:color 200ms ease}
.portrait-card{
  outline:2px solid transparent;outline-offset:3px;
  transition:transform 200ms ease,outline-color 200ms ease,box-shadow 200ms ease;
}
.portrait-card .portrait-img img{transition:transform 200ms ease}
/* Override the previous unconditional hover lift on touch screens. */
.portrait-card:hover{transform:none;box-shadow:none}
.cast-card:focus-visible{outline:3px solid #326c5b;outline-offset:7px;border-radius:3px}
.cast-card:focus-visible .cast-portrait,.portrait-card:focus-visible{outline-color:#74b5a2}
.portrait-card:focus-visible{outline:3px solid #326c5b;outline-offset:4px}
.cast-card:focus-visible h3,.portrait-card:focus-visible h3{color:#326c5b}
.cast-card:active .cast-portrait,.portrait-card:active{outline-color:#74b5a2}
@media(hover:hover) and (pointer:fine){
  .cast-card:hover .cast-portrait{transform:translateY(-3px);outline-color:#74b5a2}
  .cast-card:hover .cast-portrait img,.portrait-card:hover .portrait-img img{transform:scale(1.02)}
  .cast-card:hover .cast-arrow{transform:translateX(3px)}
  .portrait-card:hover{transform:translateY(-3px);outline-color:#74b5a2;box-shadow:0 8px 22px rgb(11 18 34 / 8%)}
  .portrait-card:hover h3{color:#326c5b}
}
@media(prefers-reduced-motion:reduce){
  .cast-card .cast-portrait,.cast-card .cast-portrait img,.cast-card .cast-arrow,
  .cast-card h3,.portrait-card,.portrait-card h3,.portrait-card .portrait-img img{transition:none!important}
  .cast-card:hover .cast-portrait,.cast-card:hover .cast-portrait img,.cast-card:hover .cast-arrow,
  .portrait-card:hover,.portrait-card:hover .portrait-img img{transform:none!important}
}