/* External CSS for fixed hero video (no !important, to expose cascade issues while debugging) */
.wh-fixed-video{
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  opacity: 0; /* fades in when a frame is rendering */
  transition: opacity .35s ease;
  pointer-events: none;

  /* mirror the scroll-driven FX used on .wh-fixed-bg (driven by --p) */
  will-change: filter, transform, opacity;
  filter:
    blur( calc( var(--p) * var(--blur-max) ) )
    saturate( calc( 1 - (var(--p) * var(--desaturate-max)) ) );
  transform: scale( calc( 1 + (var(--p) * 0.04) ) );
  transform-origin: center center;
}

/* hide the image layer only once the video is rendering */
body.walker-video-ready .wh-fixed-bg{
  opacity: 0;
  transition: opacity .35s ease;
}

/* accessibility */
@media (prefers-reduced-motion: reduce){
  .wh-fixed-video{ filter: none; transform: none; }
}