/* Desktop Character only; mobile media styles remain untouched. */
.desktop-preview-poster{display:none;}
@media(min-width:641px) and (hover:hover) and (pointer:fine){
  .head{padding-bottom:28px;}
  .indexbar{border:0;padding-block:12px;}
  .deck{gap:18px;}
  .card .face{border:0;}
  .card.cinematic .inner{transform:none!important;}
  .card.cinematic .front{opacity:1!important;transform:none!important;}
  .card.cinematic .front .portrait{opacity:1!important;transform:scale(1)!important;filter:saturate(.25) brightness(.78)!important;transition:filter .6s ease,transform .8s ease;}
  .desktop-preview-poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:1;transition:opacity .3s ease;}
  .card.cinematic.is-preview-playing .desktop-preview-poster{opacity:0;}
  .card.cinematic:is(:hover,:focus-within) .front .portrait{filter:saturate(1) brightness(.98)!important;transform:scale(1.025)!important;}
  .card.cinematic .front .veil{background:linear-gradient(transparent 55%,rgba(10,11,13,.56))!important;}
  .card.cinematic .front .plate{display:none;}
  .card.cinematic .back{transform:none!important;backface-visibility:visible;opacity:0;pointer-events:none;background:transparent;justify-content:flex-end;align-items:flex-start;text-align:left;padding:24px;transition:opacity .35s ease;}
  .card.cinematic:is(:hover,:focus-within) .back{opacity:1;pointer-events:auto;}
  .card.cinematic .back .hook{display:none;}
  .card.cinematic .back .pname{font-size:clamp(22px,2.2vw,34px);margin:8px 0 12px;}
  .card.cinematic .back .cta{font-size:11px;}
  .card.cinematic .back .idx{font-size:10px;}
}
@media(min-width:981px) and (hover:hover) and (pointer:fine){.deck{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(prefers-reduced-motion:reduce){.card.cinematic .front .portrait,.desktop-preview-poster{transition:none!important;}}