/* JSRM V4H — additive reference-inspired flat cinematic panels.
 * Core hero and scroll engine remain untouched. Switch off via ?v4h=off.
 */
@media (prefers-reduced-motion: no-preference) {
  /* Tiny interpolation between native wheel steps; not artificial wheel inertia. */
  html.jsrm-v4h-on .hero-section .hero-screen {
    transform:translateZ(0)!important;
    backface-visibility:hidden;
    transition:left 76ms linear,top 76ms linear,width 76ms linear,height 76ms linear,border-radius 76ms linear;
    box-shadow:none!important;
  }
  html.jsrm-v4h-on .hero-stage .hero-content {
    transition:transform 76ms linear,opacity 76ms linear;
  }
  html.jsrm-v4h-on .hero-awards {
    transition:opacity 76ms linear,transform 76ms linear;
  }
  /* Navbar leaves through the TOP when a full-screen scene takes over. */
  html.jsrm-v4h-on .site-header {
    transition:transform 460ms cubic-bezier(.22,1,.36,1),opacity 330ms ease,background-color 180ms ease!important;
    will-change:transform;
  }
  html.jsrm-v4h-on.jsrm-cinema-immersive .site-header {
    transform:translate3d(0,calc(-100% - 12px),0);
    opacity:0;
    pointer-events:none;
  }
  /* Full-bleed scene: no reserved space for navbar, framing, meter or margins. */
  html.jsrm-v4h-on .cinema {
    width:100%;max-width:none;margin:0;padding:0;
    overflow:clip;
  }
  html.jsrm-v4h-on .cinema-stick {
    position:sticky;top:0!important;
    width:100%!important;max-width:none!important;
    height:100svh!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;
  }
  html.jsrm-v4h-on .cinema-viewport {
    width:100%;height:100%;border:0;border-radius:0!important;
    box-shadow:none;overflow:hidden;
  }
  html.jsrm-v4h-on .cinema-header,
  html.jsrm-v4h-on .cinema-meter {display:none!important}
  /* One FULL panel slides straight over another; never shrinks into the page. */
  html.jsrm-v4h-on .cinema-panel {
    transform:translate3d(0,var(--jsrm-flat-y,105%),0)!important;
    opacity:var(--jsrm-flat-opacity,0)!important;
    border-radius:0!important;
    transform-origin:50% 50%;
    filter:none!important;
    backface-visibility:hidden;
    will-change:transform;
  }
  /* Keep image/text graphics facing forward — remove V4D inward depth. */
  html.jsrm-v4h-on .cinema-panel .cinema-art {
    transform:none!important;
  }
  html.jsrm-v4h-on .cinema-panel .cinema-copy .cinema-num,
  html.jsrm-v4h-on .cinema-panel .cinema-copy h2,
  html.jsrm-v4h-on .cinema-panel .cinema-copy p,
  html.jsrm-v4h-on .cinema-panel .cinema-copy .cinema-cta {
    transform:none!important;opacity:1!important;
  }
  html.jsrm-v4h-on .cinema-panel .cinema-copy {
    transform:none!important;
  }
  html.jsrm-v4h-on .cinema-panel .cinema-art-420 img {
    transform:none!important;
  }
  html.jsrm-v4h-on .cinema-panel .cinema-document {
    transform:none!important;
  }
  html.jsrm-v4h-on .cinema-panel::before {display:none!important}
}
/* Preserve legibility on shorter screens, with a full-bleed background. */
@media(max-width:650px) and (prefers-reduced-motion:no-preference){
  html.jsrm-v4h-on .cinema-panel-inner{width:calc(100% - 36px)}
  html.jsrm-v4h-on .cinema-copy{padding:18px 0 5px}
  html.jsrm-v4h-on .cinema-footer-note{bottom:12px}
}
@media(prefers-reduced-motion:reduce){
  html.jsrm-v4h-on .site-header{transition:none!important;transform:none!important;opacity:1!important}
}