* { margin:0; padding:0; box-sizing:border-box; }
html, body { min-height:100%; overflow-x:hidden; background:#000; }

.frames {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: auto; /* essentiel pour le clic */
}

.frame {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform-origin: center center;
  will-change: transform;
  pointer-events: auto; /* essentiel */
}

.scroll-space { width:100%; }

body::before {
  content:"";
  position: fixed;
  top:0; left:0;
  width:100%;
  height:100%;
  background:#000;
  z-index:-1;
  pointer-events:none;
}