/* Only the suspense page changes mood; the approved trilogy layout is reused. */
.suspense-page .trilogy-composition {
  background:radial-gradient(ellipse at 50% 65%,#6a87a82b,transparent 72%);
}
.suspense-page .trilogy-cover-left { transform:rotate(-3deg); }
.suspense-page .trilogy-cover-right { transform:rotate(3deg); }
.suspense-page .progression { background:#191c20; }
.suspense-page .progression-steps li { border-top-color:#8293a455; }
.suspense-page .character-pair { grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.suspense-page .character-pair h3 { font-size:36px; }
.suspense-page .trilogy-statement h2 { font-size:clamp(32px,3.9vw,56px); }
@media(max-width:1023px) {
  .suspense-page .character-pair { gap:26px; }
  .suspense-page .character-pair h3 { font-size:30px; }
}
@media(max-width:767px) {
  .suspense-page .character-pair { grid-template-columns:1fr; gap:32px; }
  .suspense-page .character-pair h3 { font-size:35px; }
  .suspense-page .trilogy-statement h2 { font-size:31px; }
}
@media(max-width:374px) {
  .suspense-page .trilogy-statement h2 { font-size:27px; }
}